Уже давно идет битва между приверженцами верстки DIV’ами и верстки таблицами. У каждого из них есть свои аргументы. Изначально я учился верстать таблицей, так как в то время DIV’ов ещё не было. Потом начал замечать, что многие используют DIV’ы, и призывают к этому других. Вроде бы и аргументы весомые – валидный код, уменьшение размера кода, а значит ускорение загрузки, возможность загрузки по слоям. Звучит красиво и вкусно, но так ли это на самом деле?

Когда начали говорить о том, что необходимо верстать DIV’ами, я не слушал этих разговоров, и воспринимал DIV’ы, как дань моде. К тому же, я находил на различных ресурсах вопросы по поводу верстки DIV’ами, и слышал ответы, что так сделать невозможно, так сделать нельзя. В общем, я сильно разочаровался в DIV’ах.

Просмотров: 4664

Просмотров: 1962

Продолжим наши посты по поводу создания сайта, а если быть точнее, то по поводу верстки шаблона.

Итак, в прошлом посте мы выбрали изображение и разрезали его для нашего будущего дизайна.

Теперь, нам нужно сверстать дизайн с помощью .html. Для удобства нам потребуется программа, которая поможет нам заниматься нашим делом. Обзор HTML-редакторов был в статье.

Итак, выбрав редактор, и почитав немного информацию из книг с прошлого поста, т.е. поняв принципы кода, можно начать верстать сайт.

Прочитав самоучители, мы узнали, что начало кода состоит из тегов DOCTYPE, html, head и body. Если первым тегом можно пренебречь, то html, head и body являются очень важными тегами.

Приступим к верстке. Пример будет на основе кода DLE. Разница будет только в тегах, которые рассчитаны для определенного движка. Например, для вывода контента, на DLE используется тег {content} (именно, в фигурных скобках), в то время, как в другом движке будет тег {post}. О операторах, используемых в выбранном вами движке, вы можете узнать из инструкции или просмотрев код первоначального дизайна.

Итак, наш начальный код:

Просмотров: 3207