Gaist-Endruy
( off
)
* (
07:52 01-09-2009
)
Без CSS стилей (т. е. чистый XHTML) макет — это заголовок страницы в самом верху и следующий за заголовком основной текст. «Требуха» (ссылки, копирайты, навигация, новости — все то, НЕ ради чего пользователь пришел на страницу) ждет своего часа в самом низу. Такое расположение информации благотворно скажется на отношении к сайту простых устройств вывода информации и, самое главное, поисковых роботов — они любят, когда на странице есть текст, а не бесконечные табличные теги.
[цит] Gaist-Endruy
( off
)
* (
07:53 01-09-2009
)
Быстрое отображение браузерами. В случае больших страниц или медленного соединения посетитель может начать читать основной текст, пока загружаются боковые меню и пр.
[цит] Gaist-Endruy
( off
)
* (
07:53 01-09-2009
)
«Резиновая» верстка - ширина блоков макета зависит от размера окна браузера, таким образом, не пропадет полезное экранное пространство.
[цит] Gaist-Endruy
( off
)
* (
07:53 01-09-2009
)
Легкая реализация для этого CSS макета версии страницы для печати.
[цит] Gaist-Endruy
( off
)
* (
07:53 01-09-2009
)
Чистый XHTML код и дизайн средствами CSS, а не таблиц - это «круто» и остро модно.
[цит] Gaist-Endruy
( off
)
* (
07:54 01-09-2009
)
Пожалуй, достоинства перевешивают. Итак, если ваш сайт не посвящен Windows 3.11 и соответствующей аудитории, если вы готовы освоить блочную модель CSS и не намерены добавлять к макету сложные элементы с нестандартным расположением, можно читать дальше.
[цит] Gaist-Endruy
( off
)
* (
07:54 01-09-2009
)
Немного теории CSS верстки сайтов (создание и позиционирование CSS блоков).
[цит] Gaist-Endruy
( off
)
* (
07:54 01-09-2009
)
Подробно излагать теорию нет ни желания, ни возможности. Тема эта сложная и обширная. Постараюсь «отделаться» ссылками и коротко изложить то, что непосредственно будет использоваться в макете.
[цит] Gaist-Endruy
( off
)
* (
07:56 01-09-2009
)
Итак, ссылки:
[цит] Gaist-Endruy
( off
)
* (
07:56 01-09-2009
) www.w3.org - официальная спецификация CSS блоков. Обратите внимание на параметры блока - padding, margin, border, width - то, из чего складывается занимаемое блоком пространство. Страница только для настоящих самураев.
[цит]
[ред.
Gaist-Endruy
01-09-2009 в 07:57]