Html для начинающих ( часть 5-ая, практикуемся)

Продолжаем познавать азы Html :-) Это 5-ая часть нашего обучения, остальные части смотрите ТуТ.
Пора немного попрактиковаться и создать свою первую более менее приличную страничку. Плюс,- узнать еще парочку тегов:-)

Итак, в результате получим примерно такое.

Сначала посмотрим весь "код", а потом разберем его по частям:

<html>
<head>
<title>Фридрих Ницше. Цитаты</title>
</head>
<body link="red" vlink="red" alink="#ffffff" background="http://legion-blog.narod.ru/yroki/01.jpg" ><center>
<table cellpadding="10" background="http://legion-blog.narod.ru/yroki/1.png" width="800" border="1">
<tr>
<td><center>
Читать дальше > > >

комментарии: 1 понравилось! вверх^ к полной версии

Html для начинающих ( часть 4-ая) 01-10-2010 10:07

Это цитата сообщения Legionary Оригинальное сообщение

Html для начинающих ( часть 4-ая, таблицы, разрешение экрана)

Html для начинающих ( часть 4-ая, таблицы)

Пожалуй, одна из важнейших тем по html. Только не пугайтесь, важность не означает сложность:-)
Когда я начинал изучать html долго не мог врубиться че ж такого хорошего в таблицах.. таблички и таблички вроде, ничего особенного...)))
Короче говоря, отсеиваем наше общепринятое понятие этого слова и начинаем изучать:-)

Основная функция таблиц в html, на мой взгляд, это разграничение пространства. Т.е. разделение странички на сектора, участки.

Посмотрите на дизайн нашего ЛиРу :-) Слева столбик и справа столбик чуть пошире. Вот и разграничение пространства) все на своем месте, а не где попало)
Все, думаю основную мысль вы поняли) Теперь идем изучать:-)

Таблица делится на строки и столбики. Соответственно получаются ячейки.
Таблица вставляется в саму страничку, поэтому прописывать ее надо между тегами <body> и </body> ( о том,- что это такое, говорили раньше)

Тег таблицы прописывается так <table> , этот тег требует закрытия, т.е. окончание таблицы обозначаем закрывающим тегом </table>
Просто так таблица быть не может:-) думаю это понятно. В таблице должны быть минимум одна строка и минимум один столбик:-)

Строка обозначается тегами <tr> и </tr>, т.е. открывающий строку тег и закрывающий.

Столбик же обозначается тегами <td> и </td>
Содержимое таблицы ( тексты,картинки и пр.) уже прописывается в столбиках, т.е. между тегами столбиков.

Теперь по-русски:-)
Таблица,в ней строка, в ней столбик.
Самый просто код таблицы получается такой:
<table>
<tr>
<td>Содержимое таблицы</td>
</tr>
</table>

Внимательно следим за последовательностью закрытия тегов! Помните правило, я надеюсь?;-)

Читать дальше > > >

комментарии: 0 понравилось! вверх^ к полной версии

Html для начинающих ( часть 3-ая) 01-10-2010 10:06

Это цитата сообщения Legionary Оригинальное сообщение

Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)

Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)

Продолжаем познавать азы html строительства. Напомню ссылки на предыдущие части:
Первая часть
Вторая часть
Ссылка на рубрику

Теперь будем учиться заливать нашу страничку цветом, фоновой картинкой, а также,- вставлять картинки на странички.

Цвет фона странички

Чтобы указать цвет фона используем наш главный тег body ( о нем говорили во второй части). Ему нужно прописать параметр, отвечающий за цвет. А точнее говоря параметр bgcolor

Этот параметр прописываем так:

bgcolor="цвет"

Т.е. целиком, вместе с тегом body это будет выглядеть так:

<body bgcolor="цвет">

Цвет, как всегда, указываем в его цифровом значении, например "#000000" ( можно и по имени, например "red")

Читать дальше > > >

комментарии: 0 понравилось! вверх^ к полной версии

Html для начинающих ( часть 2-ая) 01-10-2010 10:05

Это цитата сообщения Legionary Оригинальное сообщение

Html для начинающих ( часть 2-ая)

Html для начинающих ( часть 2-ая)

Продолжаем попытку разобраться в html :-) Первая часть ТуТ

Если помните, в первой части мы тренировались в форматировании шрифтов. У себя же на "народе". Изначально вам уже были даны какие-то теги в редакторе, а сама "тренировка" велась между тегами <body> и </body>
Так вот, теперь про эти "ключевые" теги, которые даются изначально:

<html> и в самом низу закрывающий </html> - говоря простым языком,- этот тег обозначает, что за "документ" собственно говоря и где его начало и конец. Прописывать его надо ( если сами создаете страницу с нуля и без "народа",- не забывайте об этом).

<head> и закрывающий </head> - так называемая "голова" документа ( страницы сайта). Между этими тегами пишут некую "служебную информацию". Об этом конечно еще будем говорить, но пока так. Плюс содержимое распложенное между этими тегами не видно пользователю на странице.

<title> и закрывающий </title> - Заголовок страницы, вот и первый пример такой "служебной информации". Как видите, эти два тега написаны именно в "голове" документа ( смотреть выше).
Между этими тегами прописывается название странички или еще какая-нибудь информация о содержании. В результате, пользователь это увидит в самом "верху" браузера, а точнее:

[216x78]

И наконец:

<body> и </body> - тело документа ( странички сайта). Т.е. между этими тегами и пишется вся видимая пользователю страничка. Тут и картинки, и тексты и пр., пр., пр.,- все то, что вы захотите, чтоб увидел пользователь:-))

Читать дальше > > >

комментарии: 0 понравилось! вверх^ к полной версии

Начинаем изучать html 01-10-2010 10:00

Это цитата сообщения Legionary Оригинальное сообщение

Начинаем изучать html

Начинаем изучать html

Как я и обещал, начнем изучать эту непонятную вещь - html. Платформу для испытаний можете создать на народе, об этом я уже писал ТуТ
Сразу оговорюсь,- писать я буду так, как мне удобнее и как считаю понятнее. Без лишней терминологии и пр. Просто, чтобы ввести вас в курс дела, как говорится :-) К лиру это особого отношения не имеет, но тоже пригодится в дальнейшем и тут:-)
Когда-то давно услышал я это непонятное "html" и побежал искать всякие разные учебники и пр. Наткнулся на уж ну совсем простой учебник... а все-равно... не все доходило с первого раза:-( Так что тут постараюсь все изложить максимально просто и доходчиво:-)

Html - это набор неких символов. Они объясняют вашему браузеру ( то, через что вы выходите в интернет) что и почем:-)
Например, что вот это слово должно показываться читателю ( т.е. вам) жирным шрифтом, а не обычным. Или что какая либо картинка должна стоять именно там-то и там-то и т.д. и т.п.

Начнем практиковаться в строительстве сайтов используя html. Положено начинать на своем личном компьютере в блокнотике... но это, на мой взгляд, не так удобно.Но об этом я тоже расскажу на всякий случай, но позже:-) Поэтому идем к себе на народ , где мы уже создали себе место под сайт. Авторизуемся ( заходим под логином и паролем) и начинаем.
С главной переходим в мастерскую:

[282x66]
Далее смотрим справа:
[288x132]
Жмем надпись по стрелке.
Теперь нам надо создать главную страницу нашего будущего сайта. Жмем по стрелке ( вверху справа):

Читать дальше > > >

комментарии: 3 понравилось! вверх^ к полной версии

Тапочки,тапочки, тапочки... 30-09-2010 12:25

Это цитата сообщения zoih Оригинальное сообщение

Тапочки,тапочки, тапочки...

Решила и я похвастаться своим рукоделием..

Мои тапочки - шлёпанцы, я лично люблю такие тапочки, за то, что они легко снимаются и одеваются

Честно говоря даже не знаю давать ли МК, думаю для тех кто вяжет, и так всё понятно,
а кто не умеет вязать, то после того как научится основным приёмам вязания, тоже разберётся.
И так, я дам только описание, а если потребуется МК , то сделаем и его по (просьбам так сказать)
Читать далее

[700x525]

И ещё:Читать далее...

комментарии: 8 понравилось! вверх^ к полной версии

картонная упаковка 30-09-2010 11:50

Это цитата сообщения ka-tee Оригинальное сообщение

[592x699]
[443x618]
[524x699]
[393x373]
[699x540]
[700x483]

комментарии: 0 понравилось! вверх^ к полной версии

упаковка 30-09-2010 11:48

Это цитата сообщения Kailash Оригинальное сообщение

Секреты упаковки подарков от корейских мастеров

Как сделать

[531x483]

Читать далее...

комментарии: 0 понравилось! вверх^ к полной версии

Интересное с корейских сайтов 30-09-2010 11:37

Это цитата сообщения Юлена- Оригинальное сообщение

Свадебный наряд в технике квиллинг

[показать]

Читать далее...

комментарии: 0 понравилось! вверх^ к полной версии

Розовый узор 30-09-2010 11:02

Это цитата сообщения Даяна500 Оригинальное сообщение

Мне понравился Узор...

[300x233]

Узор спицами.

Описание
Раппорт узора 21 петля, плюс 3, плюс две кромочные ( далее в описании они не упоминаются).

1 и 3 ряды - лицевые петли.
2 ряд - изнаночные петли
4 ряд - 1 лиц, * накид, 21 лиц*, 2 лиц
5 ряд - 2 изн,*1 изн,3 лиц - пять раз, 2 изн*, 1 изн
6 ряд - 1 лиц, *1 лиц, накид,1 лиц, 3 изн, 1 лиц - пять раз, накид*, 2 лиц
7 ряд - 2 изн, * 2 изн, 3 лиц, 1 изн - пять раз, 2 изн*, 1 изн
8ряд - 1 лиц, *1 лиц, накид- два раза, лицевую и изнаночную провязатьвместе лицевой за заднюю стенку, 2 изн - пять раз, 1лиц, накид - двараза*, 2 лиц
9 ряд - 2 изн, * 4 изн, 2 лиц, 1 изн - 5 раз, 4 изн*, 1 изн
10ряд - 1 лиц, * 1 лиц, накид - четыре раза, провязать лицевую иизнаночную вместе лицевой за заднюю стенку, 1 изн - пять раз, 1 лиц,накид - четыре раза*, 2 лиц
11 ряд - 2 изн, * 8 изн, 1 лиц, 1 изн - пять раз, 8 изн*, 1 изн
12 ряд - 1 лиц, * 8 лиц, лицевую и изнаночную провязать вместе лицевой за заднюю стенку - 5 раз, 8 изн *, 2 лиц
13ряд - 2 изн, *8 изн, провязать 4 изнаночные, снять их на дополнительнуюспицу, обвить рабочей нитью против часовой стрелки 3 раза, снять их направую спицу, 9 изн*,
1 изн
14 ряд - лицевые петли
Повторять рисунок с 1 по 14 ряды

[320x266]

[показать]

комментарии: 2 понравилось! вверх^ к полной версии

ДЛЯ УКРАШЕНИЯ 30-09-2010 10:43

Это цитата сообщения tanya-vamp0810 Оригинальное сообщение

ВЯЗАНЫЙ ЦВЕТОЧЕК НА ЛЮБОЙ ВКУС

РАЗНЫЕ ПРИБАМБАСЫ ДЛЯ УКРАШЕНИЯ