Очень полезная программа для web мастеров и тех кто осваивает html



Очень полезная программа для web мастеров и тех кто осваивает html

Как говорит один товарищ,- готов пищать от восторга! :-) Скачал себе две такие вот программки, которые мне сейчас жуть как необходимы:-) И естественно спешу поделиться с вами:-)

Для начала не самая клевая:-)) Для затравки, как говорится.

Программа пипетка.

Объясняю простым языком. Программа снимает цвет с любой точки монитора. И показывает вам его "цифровое обозначение". Нам это ну очень надо для нашей практики в html и для дневника тоже пригодится:-)
Может увидели где-нибудь красивый оттенок, а не знаете его обозначение, в код лезть ленно бывает:-) Вот тут то вам эта программа и поможет:-)

В общем,- Программа установки не требует, качаете и начинаете пользоваться:-)

Скачать (41 kb)

Коротенько покажу как ей пользоваться, в картинках как всегда:-)
Смотрим в папке программы, открываем ее двойным кликом по значку ( ну как всегда ):


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

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



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

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

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

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

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

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

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

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

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

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


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

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



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

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

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

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

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

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


И наконец:

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

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