15февраля
Уже давно идет битва между приверженцами верстки DIV’ами и верстки таблицами. У каждого из них есть свои аргументы. Изначально я учился верстать таблицей, так как в то время DIV’ов ещё не было. Потом начал замечать, что многие используют DIV’ы, и призывают к этому других. Вроде бы и аргументы весомые – валидный код, уменьшение размера кода, а значит ускорение загрузки, возможность загрузки по слоям. Звучит красиво и вкусно, но так ли это на самом деле?
Когда начали говорить о том, что необходимо верстать DIV’ами, я не слушал этих разговоров, и воспринимал DIV’ы, как дань моде. К тому же, я находил на различных ресурсах вопросы по поводу верстки DIV’ами, и слышал ответы, что так сделать невозможно, так сделать нельзя. В общем, я сильно разочаровался в DIV’ах.
Автор: Легион
Просмотров: 7032
26апреля
Продолжим наши посты по поводу создания сайта, а если быть точнее, то по поводу верстки шаблона.
Итак, в прошлом посте мы выбрали изображение и разрезали его для нашего будущего дизайна.
Теперь, нам нужно сверстать дизайн с помощью .html. Для удобства нам потребуется программа, которая поможет нам заниматься нашим делом. Обзор HTML-редакторов был в статье.
Итак, выбрав редактор, и почитав немного информацию из книг с прошлого поста, т.е. поняв принципы кода, можно начать верстать сайт.
Прочитав самоучители, мы узнали, что начало кода состоит из тегов DOCTYPE, html, head и body. Если первым тегом можно пренебречь, то html, head и body являются очень важными тегами.
Приступим к верстке. Пример будет на основе кода DLE. Разница будет только в тегах, которые рассчитаны для определенного движка. Например, для вывода контента, на DLE используется тег {content} (именно, в фигурных скобках), в то время, как в другом движке будет тег {post}. О операторах, используемых в выбранном вами движке, вы можете узнать из инструкции или просмотрев код первоначального дизайна.
Итак, наш начальный код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> {headers} <style type="text/css" media="all"> @import url({THEME}/css/style.css); </style> <style type="text/css" media="all"> @import url({THEME}/css/engine.css); </style> </head> <body> </body> </html>
Автор: Легион
Просмотров: 4881