Делайте шаблоны страниц перед HTML-версткой, это уменьшит количество ошибок и повторяющейся, рутинной работы.
Как создать
успешный сайт Как создать
успешный сайт
успешный сайт Как создать
успешный сайт
Основной курс
Делайте шаблоны страниц.
После создания макетов страниц надо сделать HTML-шаблоны для всех типов страниц и CSS-файл стилей. Цель создания шаблонов — уменьшить количество ошибок и повторяющейся, рутинной работы во время верстки каждой отдельной страницы.
Требования к шаблону страницы
Шаблон должен содержать все элементы, которые будут включены в страницы этого типа: логотип, рисунки, меню, образцы текста разного уровня (простой текст, заголовки, списки и т.п.).
Простой текст должен быть достаточной величины и содержать несколько абзацев, что бы можно было видеть величину отступов, межстрочных интервалов, пробелов, красных строк и других параметров оформления.
Списки тоже должны быть достаточной величины и содержать элементы, занимающие несколько строк.
Если вы планируете ставить счетчики посещений, надо выделить и отметить на странице место для их размещения. Обычно код счетчика ставят вверху страницы, а логотип — внизу. Google не требует размещения своего логотипа, при размещении кода счетчика и подключении сайта к сервису Google Analytics.
Разделите структуру документа и визуальное оформление
Язык разметки гипертекстовых документов HTML ведет свою историю от языка SGML (1986 г.), разработанного для описания структуры документов. Предполагалось, что структура документа и визуальное оформление различных структурных единиц описываются в разных файлах и не зависят друг от друга. Т.е. мы можем взять файл с размеченным документом, поменять для него файл визуального оформления и получить документ, оформленный по-новому.
В первых версиях HTML этот принцип соблюдался и язык содержал в основном тэги структурной разметки. Однако, после того как был оценен коммерческий потенциал Интернета (точнее — его нового протокола http) и появились коммерческие веб-браузеры Netscape, а затем — Internet Explorer, их разработчики стали добавлять новые тэги визуальной разметки. В результате этого структурный и визуальный компоненты оказались перемешаны.
С появлением каскадных таблиц стилей (CSS) стало возможным разделить описание структуры документа и его визуальное оформление. Кроме того, что это более правильно с теоретической точки зрения, это еще и очень удобно. Для того чтобы изменить внешний вид многих страниц достаточно сделать исправления в одном месте — в CSS-файле стилей.
По этому старайтесь все визуальные инструкции (описания шрифтов, полей, отступов, цветов) вынести из HTML-страниц в файл CSS. Или, по крайней мере, собрать их в теге <style> </style> в заголовке (<head> </head>) HTML-страницы.
Еще одно важное преимущество CSS состоит в том, что они позволяют лучше управлять внешним видом документа. Например, тэг <p></p> добавляет строку пробелов до и после себя. Можно избавиться от этих пробелов, описав свойства тэга <p> в таблице стилей.
Считается, что HTML близок к исчерпанию своих возможностей и будет постепенно заменяться другими языками разметки. Один из таких языков это XML (тоже приложение SGML) Как простой переходный вариант сейчас широко используется язык XHTML, являющийся одновременно подмножеством XML и, при соблюдении простых правил, подмножеством HTML 4. Одно из таких правил состоит в том, что все тэги должны иметь закрывающую часть, например, тэг <br> должен записываться как <br />.
Суммируя все выше сказанное: делайте шаблоны страниц, используйте связку XHTML + CSS.
Новости
Опубликовано 07.08.2007, исправлено 06.11.08 0227