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

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

а>Технологическая цепочка создания сайтап2>

[K oглaвлeнию] р>

Ни в коем случае не следует подменять логику

построенияет> документа его визуальным представлениемет>.

Теги логического ударения HE npeflHa3Ha4eHbi

для выделения фрагментов текста курсивным или полужирным

начертанием!р>

[K оглавлениях/а>]р>

Внешний вид оглавления веб-страницы, состоящего из ссылок на внутренние

разделы того же самого документа, показан на рис. 2.12.

На рис. 2.13 демонстрируется результат перехода к разделу,

соответствующему второму пункту оглавления.

Метки в этом XHTML-документе задаются элементами вида

«имя__метки»>.. .а> (согласно стандарту, каждая такая метка должна быть

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

контейнеров ..\ и

.. .

. Ссылки на метки имеют вид

…а>.

Памятка веб-разработчику I

if

Содержание I

¦ Технологическая цепочка создашь сайта щ

¦ Лонжа и представление Щ

Критерии качества сайта \

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

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

¦ Оригинальность и эстетсгческая привлекательность

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

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

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

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

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

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

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

эффективность, но в то же время легкость и

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

веб-ресурсом ^|

Рис. 2.12. Оглавление веб-страницы

со ссылками внутри одного документа

щшштттттшк

Ф 6^»дШЙ- Щы^Щ^^ ШШШ^^ШШ^’0ШЛШ:и: ^ft.:|

Технологическая цепочка создания I

сайта

1. Постановка задачи

о Анализ езтцествуюццгх конкургфуюипгх и/или

родственных проектов

о Выработка концегтщш

2. Подготовка первоначального информационного

наполнения

3. Разработка макетов страниц

4. Подготовка шаблонов страниц

5. Проектирование и реализация cq^BUcoB

6. Сборка всех компонентов воедино

?. Тестирование

8. Ввод в эксплуатацию

9, Пожизненное сопровождение — информационное

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

[К оглавлению]

Логика и представление

Ни в коем случае не следует подменять логику построения —^

документа его визуальным представлением. Теш

логического ударения НЕ предназначены для выделения ^j|

Рис. 2.13. Результат щелчка мышью

по второму пункту оглавления

102

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

Следует учесть, что в ряде устаревших браузеров ссылки на нашей странице

могут не работать— в соответствии с прежними версиями HTML, вместо

атрибута id полагалось использовать атрибут name, однако сейчас применение

последнего признается Консорциумом W3C нежелательным.

Открытие ссылок в новом окне

Иногда требуется, чтобы ссылка открывалась в новом окне. Вообще говоря,

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

образом открывать ту или иную ссылку — в том же самом окне, в новом окне

или в новой вкладке для тех браузеров, которые их поддерживают.

Интерфейс браузера позволяет пользователям легко манипулировать сценариями

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

HTML 4.01 Strict и XHTML l .0 Strict— не предусматривается законной

возможности принудительно открывать новые окна по щелчку мыши по

ссылке.

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

target тега , доставшийся по наследству от популярной некогда идеологии

фреймов:

3Ta ссылка будет

открыта в новом окнеа>

Советую, однако, не злоупотреблять такой возможностью без острой

необходимости.