html » Блог - Атомы Сознания

СайтостроениеВ данном разделе вы найдёте статьи по сайтостроению. Начиная от настройки и запуску сервера, до установки и настройки движка сайта. | СкриптыВ данном разделе мы рассматриваем различные скрипты (движки), их направленность, работу, полезность для сайта и многое другое. | ДизайнВ данном разделе находятся статьи по дизайну. Большинство статей содержит уроки по созданию дизайна. | FlashВ данном разделе находятся уроки, а так же готовые продукты, написанные на Flash. | SEO(search engine optimization) поисковая оптимизация. Статьи на тему оптимизации и продвижения ресурсов в сети интернет. | HTML(HyperText Markup Language) язык разметки гипертекста. Статьи с уроками верстки с использованием HTML5. | CSS(Cascading Style Sheets) каскадные таблицы стилей. Статьи по использованию CSS3 при вёрстке сайтов. | Проекты Жизнь блогосферыСтатьи из жизни русскоязычной блогосферы. Новости, тенденции, интересные блоги. | Заработок в сетиСтатьи о заработке в сети. Биржи, партнерские программы, платежные системы. | РазноеСтатьи не вошедшие ни в одну из категорий. | Автоматическая регистрация в ПССкрипт позволяющий зарегистрировать свой ресурс в основных поисковых системах.

15февраля

Вечная борьба или DIV VS TABLE


Уже давно идет битва между приверженцами верстки 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



Авторизоваться
Панель авторизации