Создание простейших страниц с.помощью языка разметки HTML 97
веб-студии всех времен и народов. Если вы хотите узнать
о нас больше, загляните на страницу
«O проектеsraquo;.
% «http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd»>
0 npoeKTe
B отличие от многих, очень многих веб-студий, мы умеем
делать правильный код на языке XHTML l.O Strict!
Ha главную страницуа>р>
Внешний вид двух взаимосвязанных страниц представлен на рис. 2.11.
( Примечание ^
Раз дощечка, два дощечка — будет лесенка. Вот так, совершенно незаметно,
мы перешли на другой уровень абстракции: ведь даже две связанные между
собой страницы — это уже целый сайт.
Да-да, и не надо смеяться. Все, напротив, очень серьезно. Объединить
несколько страниц с помощью гиперссылок — казалось бы, тривиальная задача.
С технической точки зрения это действительно так, но нужно, простите за
каламбур, задуматься о том, чтобы, переходя от страницы к странице, посетитель
сайта ни о чем не задумывался. Иными словами, нужно уделить пристальное
внимание проектированию системы навигации сайта, в основе которой лежат,
разумеется, гипертекстовые ссылки; однако понятие «система навигации»
гораздо шире банального «система взаимосвязей между страницами».
Реализовать удачную систему навигации невозможно без груза знаний о множестве
нюансов и подводных камней. Впрочем, эту тему мы даже трогать сейчас не
будем — обстоятельный разговор о навигации ждет нас в главе 4.
98
Часть I. Технологические основы
зя » ми»е. »?б’-студ«# ••• :Ийш# штш
ф
file:///2:/examples/02/10-ll/inc3 *& Я**Й*И j[Gl
ЙЬ
Лучшая в мире веб-студия
Вы. сами того не подозревая, зашли на сайт лучшей веб-студии всех
времен и народов. Если вы хотите узнать о нас больше, загляшгте на
страницу «О проекзе».
isb&fr.tf.'Ab^'ii - -
Ш 6^ ! Li Ne:///Z:/examples/02/10-ll/about. 3 @ Ъфе&н Щ.
О проекте
В отличне от многих, очень многих веб-студий, мы умеем делать
правильньш код на языке XHTML 1.0 Strict!
I На главную страницу
Потока
Рис. 2.11. Две взаимосвязанные страницы простейшего сайта
Ссылки на разделы одного документа
До сих пор мы обсуждали URL, адресующие цельные документы. Между
тем, в качестве ресурса, на который можно поставить ссылку, вполне может
выступать какая-либо часть веб-страницы, а точнее — метка в документе.
Взгляните на страницу каталога книг на сайте издательства "БХВ-
Петербург": www.bhv.ru/books. На ней представлены книги всех серий,
выпускаемых издательством. Серия "Самоучитель1' затеряна где-то в середине
страницы. Между тем, оглавление, приведенное в самом начале документа,
позволяет быстро добраться до раздела, описывающего нужную серию. На
интересующую кас рубрику "Самоучитель" можно сослаться и извне — вот
ее адрес: www.bhv.ru/books/#al3.
Глава 2. Создание простейших страниц с помощью языка разметки HTML 99
Давайте попытаемся воплотить нечто подобное на основе тех примеров,
которые мы уже рассмотрели в этой главе, объединив некоторые из них в один
длинный документ.
[Листинг 2Л%* Документ с обособленными разделами /I
Ь "http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd">
Содержаниеп2>
-
KpMTepMM качества сайтааХ/И>
Texнoлoгичecкaя цепочка создания сайтаа>И>
JIorMKa и представлениеаХ/И>
KpMTepMM качества сайтап2>
Высокое качество информационного наполнения
и грамотность его подачиИ>
Оригинальность и эстетическая привлекательность
внешнего облика страницИ>
Доступность содержания сайта для максимально
широкого круга пользователей вне зависимости от
применяемых ими типов устройств и версий браузеров,
а также от ограничений по состоянию здоровьяИ>
Эргономичность элементов пользовательского
интерфейса сайта, обеспечивающая высокую эффективность,
но в то же время легкость и непринужденность взаимодействия
посетителя с веб-ресурсомИ>
Надежность и безопасность используемых технологических
решений, четкая согласованность работы всех компонентовИ>
Безупречная проработка всех деталей и нюансовН>
[К&пЬзр;оглавлениюа>] р>
100
Часть I.
|
5th Фев 2011
|
Теги:
|