Блочная верстка | Урок 8

Продолжаем верстать наш Правильный и соответствующий самым строгим рекомендациям консорциума W3C сайт. Наш девиз — Идеальный XHTML и Кристально Чистый CSS! Шутка.
Сегодня мы практически соберём всю Главную страницу целиком. Останется потом только кой-чего подправить и приукрасить.
Открываем нашу страничку index.html. Находим вот это место:
……….
<li><a href=”#”>Васёк</a></li>
</ol>
</div>
<img class=”line” src=”line.gif” alt=”" />
и следом сразу вставляем вот этот кусочек:

Блочная верстка | Урок 7

Продолжаем верстать страничку.
В блоке текста мы разместим список новых участников. Вообще за это отвечает какой-нибудь php-скрипт, но так как мы делаем простую статичную страницу, то оформим эту штуку обычным списком. Только на этот раз не маркированным, а нумерованным. Задаётся такой список тэгом ol.
Откроем в текстовом редакторе нашу страничку и сразу после вот этого места: […]

Блочная верстка | Урок 6

Продолжаем верстать самую Правильную веб-страницу! Здесь опять будет много кода. Однако же не утрашимся! Открываем лист стилей. Мы закончили на правиле для всех ссылок страницы. Теперь нам надо красиво оформить основное содержимое страницы. Его мы обзовём атрибутом text.
Запишем далее в листе стилей CSS:
#text {
width: 545px;
font-size: .8em;
color: #333;
margin: 10px auto;
float: left;
}
#text p {
text-align: […]

Стр. 3 из 5«1 234 5 »

Теперь вы можете скачать эту книгу в формате PDF (540кБ в архиве ZIP). Как всегда - совершенно бесплатно! :) Книга расширена Полезняшками и Приложением, а также исправлены некоторые неточности и более подробно описаны некоторые фишки.

Новая книга о создании 3-х колоночного шаблона для Вордпресс - от начального рисунка и до последнего винтика. Скачать вы ее можете так же совершенно бесплатно. Книга в формате PDF.
В ZIP-архиве (895 Кб) вместе с ней лежит полностью готовый шаблон для Wordpress.
Enjoy!