TML, CSS, СКРИПТЫ: практика создании сайтов

Технологические основы

УШ$ен*М ий$й*? ff* j;v> *:\

I Люблю тебя, Петра творенье,

Люблю твой строгий, стройный вид,

Невы державное теченье,

Береговой ее гранит.

Твоих оград узор чугунный,

Твоих задумчивых ночей

j Прозрачный сумрак, блеск безлунный,

Когда я в комнате моей

Пишу, читаю без лампады,

II ясны спящие громады

Пустынных улиц, и светла

Адмиралтейская игла,

И, не пуская тьму ночную

На золотые небеса,

Одна заря сменить другую

Спешит, дав ночи полчаса.

Рис. 2.8. Классический случай использования «жесткого переноса» —

оформление стихотворных строф

Списки

Наряду с абзацем, весьма распространенным способом логического

структурирования текста является список, или перечень. Читатели этой книги,

вероятно, уже успели повстречаться на ее страницах с множеством разнообразных

списков. Так, например, подобным образом организована классификация

типов кавычек, которую мы обсуждали парой страниц ранее.

Списки в HTML делятся на маркированные (определяются тегом ) и

нумерованные (задаются, соответственно, тегом ). Элементы

маркированных списков, как следует из названия, предваряются маркерами— в

большинстве ныне распространенных графических браузеров по умолчанию

маркеры отображаются в виде кружочков. Элементы нумерованных перечней

предваряются, как и следует ожидать, цифрами. Номера элементов таких

списков формируются автоматически.

Элементы как маркированных, так и нумерованных списков задаются тегом

• .

  Глава 2. Создание простейших страниц с помощью языка разметки HTML 91

  В главе 3 мы обсудим, как CSS позволяет изменять внешний вид маркеров и

  нумерацию, а пока рассмотрим пример кода, использующий оба типа списков

  (листинг 2.8).

  [Листинг 2.8. Структурирование данных с помощью списков

  Хороший сайт отличают как минимум следующие черты:р>

  • высокое качество информационного наполнения

    и грамотность его подачи;

  • внешнего облика страниц;

  • доступность содержания сайта для максимально

    широкого круга пользователей вне зависимости от

    применяемых ими типов устройств и версий браузеров,

    а также от ограничений по состоянию здоровья;

  • эргономичность элементов пользовательского

    интерфейса сайта, обеспечивающая высокую эффективность,

    но в то же время легкость и непринужденность взаимодействия

    посетителя с веб-ресурсом;

  • надежность и безопасность используемых технологических

    решений, четкая согласованность работы всех компонентов;

  • безупречная проработка всех деталей и нюансов.

  Технологическая цепочка создания сайта состоит из следующих шагов:р>

  постановка задачи, включающая в себя:

  • анализ существующих конкурирующих

    и/или родственных проектов;

  • выработку концепции;

  подготовка первоначального информационного наполнения;

  разработка макетов страниц;

  подготовка шаблонов страниц;

  сборка всех компонентов воедино;

  тестирование;И>

  ввод в эксплуатацию;

  пожизненное сопровождение&пЬзр;— информационное

  наполнение и техническая поддержка.

  92

  Часть I. Технологические основы

  ¦^ЩШШШШШШШШт

  ‘ЪЩ

  jttt’jpf?r^4.l

  Лейл Оравкз INi %мв*9& $эсте4*;и $тетруга>*т# tfamm

  Vj

  1 Li file.///Z:/examples/02/08/mdex.html

  ~3 ® H*p*Wh jjG;

  # «#*tn$$fcr**d UUbftfttfeftflW.

  Хороший сайг отлипают как минимум следующие черты:

  ¦ высокое качество информационного наполнения и грамотность его подачи;

  ¦ орипшальность и эстетическая привлекательность внешнего облика страниц;

  ¦ доступность содержания сайта для максимально ппфокого круга пользователей вне

  зависимости от применяемых ими пшов устройств и версий браузеров, а также от

  ограничений по состоянию здоровья;

  ¦ эргономнчность элементов пользовательского интерфейса сайта, обеспечивающая

  высокую эффективность, но в то же время легкость и нелрхшужденность

  взаимодействия посетителя с веб-ресурсом;

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

  согласованность работы всех компонентов;

  ¦ безупречная проработка всех деталей и нюансов,

  | Технологическая цепочка создания сайта состоит из следующих шагов;

  1.