• Правильная типографика
  • Красивая инфографика
  • Дизайн полиграфии
  • Технологии полиграфии

Популярные CSS теги

cssЗдесь я решил собрать в кучку некоторые подсказки по синтаксису CSS, которыми сам пользуюсь часто:

1. Свойства шрифтов.

font-family — семейство шрифтов. Обычно пишется так:

font-family: verdana, arial, sans-serif;

То есть, на выбор предложено в порядке убывания либо шрифт Вердана, либо Ариал, либо любой другой без засечек. Слово sans-serif как раз и означает, что без засечек. Делается такая запись по той причине, что на

компьютере посетителя нашего сайта может вдруг не оказаться какого-то из указанных шрифтов. Тогда браузер выберет что-то похожее и близкое.




Блочная верстка | Урок 9

html2Это заключительный урок из серии “Блочная верстка веб-сайта”. Нам осталось только оформить “подвал” (footer), да сделать еще пару-тройку замечаний.

Подвал, он же “футер” — это весьма важная часть сайта, хотя и мало кто туда добирается, особенно при очень длинных страницах. Там обычно дублируются ссылки на разделы сайта, пишутся копирайты и контактная информация. Очень часто можно наблюдать такую картину: верхнее горизонтальное меню под “шапкой” практически без изменений дублируется в левой колонке. Выглядит это, по меньшей мере, бестолково.




Блочная верстка | Урок 8

w3c

Продолжаем верстать наш Правильный и соответствующий самым строгим рекомендациям консорциума W3C сайт. Наш девиз — Идеальный XHTML и Кристально Чистый CSS! Шутка.

Сегодня мы практически соберём всю Главную страницу целиком.

Останется потом только кой-чего подправить и приукрасить.

Открываем нашу страничку index.html. Находим вот это место:

……….<li><a href="#">Васёк</a></li></ol></div><img class="line" src="/line.gif" alt="" />




Блочная верстка | Урок 7

htmlВ блоке текста мы разместим список новых участников. Вообще за это отвечает какой-нибудь php-скрипт, но так как мы делаем простую статичную страницу, то оформим эту штуку обычным списком. Только на этот раз не маркированным, а нумерованным. Задаётся такой список тэгом ol.

Откроем в текстовом редакторе нашу страничку и сразу после вот этого места:

……………..<img class="venzel" src="/venzel.gif" alt="" /><img class="img2" src="/pig2.jpg" alt="Пиггсы на проводе" /> вставим следующий кусок:

<div id="members"><h2>Список новых учаснегов:




Блочная верстка | Урок 6

site2Продолжаем верстать самую Правильную веб-страницу! Здесь опять будет много кода. Однако же не утрашимся! Открываем лист стилей. Мы закончили на правиле для всех ссылок страницы. Теперь нам надо красиво оформить основное содержимое страницы. Его мы обзовём атрибутом text.

Запишем далее в листе стилей CSS:

#text {width: 545px;font-size: .8em; color: #333; margin: 10px auto; float: left;}#text p {text-align: justify;text-indent: 1.5em;margin: 0;padding: 0 15px;}#text a {color: #396;}#text a:hover {color: #f36;border-bottom: #f36 dotted 1px;}

В первом правиле мы указали, что ширина у области текста будет равна 545 пикселям.




Подкатегории

  • Блочная html-верстка

    Несмотря на то, что термин «слой» достаточно устойчиво используется при разработке сайта, расшифровке этого понятия в литературе по сайтостроению практически не уделяется внимание.

     

    Сегодня существует много разработчиков, которые верстают сайты с помощью таблиц html. Иные же считают, что способ этот давно устарел, что таблицы не предназначены для вёрстки, что код становится, трудно читаем, страницы грузятся дольше и т.д. Такие веб разработчики верстают свои сайты с использованием блоков, реализуемых тегом <div>.

Комментарии

Реклама

Кто на сайте

Сейчас 48 гостей и ни одного зарегистрированного пользователя на сайте