Рубрики: Верстка
Тэги: css, html, блочная верстка

Итак, CSS или иначе Каскадный Лист Стилей. Почему каскадный объясню позднее. Открываем новый документ в PSPad (Блокноте, WordPad-е и т.п.) и вписываем следующую строку:

/*© PIG.RU, 2007 | piggs@pig.ru */

На самом деле содержимое строки не так важно. Она у нас закомментирована слэшами со звёздочками /* */ (кстати, слэш на клавиатуре находится во второй снизу строке в английской раскладке, а не вверху справа в русской. Не перепутайте, это разные знаки!)
Строка комментария не читается браузерами. Она нужна только для служебной информации. Кодеры обычно вписывают туда свои пометки, дабы самому не запутаться в коде, когда его много. В самом верхнем комменте (как у нас) пишутся ссылки на сайт кодера или дизайнера, его мыло, авторские права и т.п. Мы ограничимся только копирайтом и мылом.

Читать полностью →

Рубрики: Верстка
Тэги: css, html, блочная верстка

Для написания кода удобнее пользоваться редактором PSPad. Это весьма удобная программа, которой пользуются как программисты, так и верстальщики. Рекомендую. Тем более что она бесплатная и имеет русский интерфейс.

Верстать мы будем вот такой вот симпатишный сайт о Летающих Парасенгах.

Настоящий сайт Pigfly.ru - Об удаче, Счастье и Богатстве выглядит уже несколько по-иному. Мы рассмотрим лишь отвлеченный пример.

Читать полностью →

Рубрики: Верстка
Тэги: css, html, блочная верстка, уроки

Данный цикл статей-уроков был опубликован в моем блоге Вебмастеринг. Решил перенести его сюда с некоторыми поправками и уточнениями.

Итак, приступим:

Что есть такое блочная верстка и с чем ее едят? Ранее сайты верстали при помощи таблиц. Каждый элемент страницы — заголовок, текст, картинка — располагался в собственной ячейке, ячейки кучно роились в других, более крупных ячейках, те в свою очередь лежали в главной ячейке, сиречь самой странице сайта. Табличная верстка сейчас уже морально устарела, хотя очень многие вебмастера продолжают ее использовать. Большим минусом ее является тяжеловесный код. Ведь каждую мало-мальскую ячейку нужно обозначить определенными тэгами. Поэтому более не станем говорить за таблицы, а таки плавно перейдем к блочной верстке.

Читать полностью →