Ибо принцип разделения содержания и
представления гарантирует текстуальную доступность контента везде и
всюду. Судите сами — если вдруг агент пользователя по каким-то причинам
не поддерживает CSS (или посетитель сайта самостоятельно отключил CSS в
своем браузере), невелика беда. HTML-код страницы будет в любом случае
обработан, а ону напомню, девственно чист и содержит только
структурированную полезную информацию. Графический браузер отобразит такую
Глава 3. Оформление веб-страниц с использованием каскадных листов стилей 115
Garden
A demonstration of what
can be accomplished
visually through
CSS-based design. Select
any style sheet from the
list to load it into this
page.
Download the sample
h*r>il fife and ‘vss fi’V
The Road to Enlightenment
Uttering a dark and dreary road lay the рая relics of browser-specific tags,
Incompatible DOMs, and broken CSS support.
Today, we must clear the mind of past practices. Web enlightenment has been
achieved thanks to the tireless efforts of folk like the WaC, WaSP and the major
browser creators.
The ess Zen Garden invites you to relax and meditate on the Important lessons of the
masters. Begin to see with clarity. Learn to use the (yet to be) time-honored
techniques in new and Invigorating fashion. Become one with the web.
So What is This About?
There is clearly a need for CSS to be taken seriously by graphic artists. The Zen Garden
aims to excite, inspire, and encourage participation. To begin, view some of the existing
designs in the list. Clicking cm any one will load the style sheet into this very page. The
code remains the same, the only thing that has changed is the external .ess file. Ves,
%Y. ИЬ» P»»r tv P«»»r
Attitude 6« МярЬ»гм«
>*>«» by M*« *jft>V’l
p»r»v
really.
CSS allows complete and total control over the style of a hypertext document. The only way this can be illustrated in a
way that ge*s people excited Is hy demonstrating what it can truly be, once the reins are placed In the hands of those
able to create beauty from structure. To date, most examples of neat tricks and hacks have been demonstrated by
structurlsts and coders. Designers have yet to make their mark. This needs to change.
^fewtht» Dmlgn’«C**,
ШМ^ММШЙШШШ!
Рис. 3.1. Первый пример дизайна веб-страницы сайта CSS Zen Garden
Bffrj-rffi *
щщт^^^^—ШтйШШттШШШЯЛ
LiitWnai « iu* »в.»4 Uf \h* y»»t r«lacj ->l
browMr-(jrf/-;fiic Ufj, -nco»rr«il» t>OM->, «rdbrolrej. ¦
M|>fo»l
Tbli.y. м-» ш.1 = 1»*! tb» miml of p»>t i>»«tt«c.« W«t,
• nlifhUnn-.tit Ju> V»»« tthitvti th*nb \a tb* ti.«l*.i .ГГе.Ь
tf f„)lr iil» vh* W3C, WiSP *nd th* m*jcr krr,w,«r imm»
Tb« <:>¦ ?«n
lmporttut iiiiow «J- lb, №1>iii
tt»tr. ty u»« »h« «) (wn«~J>oro»4 ttchaifu*» ui a»w
¦aiJ 1иу»«ог»Цг^ x«»Viqii B«cp»u on* witk Mi« v«b
t*
m
0
m-
by R*b Soul*
BuB.
by Zebar Aral
labia Layaut
by Mark* Kiiul «
Mark* Dt.c.mjU
Navambar
by Alan CraktlU
ISIi
Рис. З.2. Второй пример дизайна веб-страницы сайта CSS Zen Garden
116
Часть I. Технологические основы
страницу с оформлением, принятым по умолчанию (рис. 3.3). То есть так, как
в эпоху HTML 2.O. При этом пользователь, разумеется, без труда сможет
ознакомиться со всем содержанием сайта.
«и^ — ^ ; ‘ ; 35
Г-Шя ярим** бт tTfeoefce*
{ * »:й а «
j#k& 8ввр«( Ш«**ю» ррмо* Пюфйис 8&н$ Печатав
М.^^*^^**..^.. ^^lhttp ^wt^sz^ ‘…. ..¦¦¦¦¦¦»‘..’ „. Г… …I… «¦»..¦».» .’.»¦¦¦»..’»".».’».’.»"»"»З.
ess Zen Garden
The Beauty of CSS Design
A demonstration of what can be accomplished visually through CSS-based design Select any style sheet from the list to load it into this page
Download the sample har^file and ess file
The Road to Enlightenment
Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible DOMs, and broken CSS support
Today, we must clear the mind of past practices Web enlightenment has been achieved thanks to the tireless efforts of folk like the W3C, WaSP and the
major browser creators
The ess Zen Garden invites you to relax and meditate on the important lessons of the masters Begin to see with clarity Learn w use the (yet to be)
time-honored techniques in new and invigorating fashion Become one with the web
So What is This About?
There is clearly a need for CSS to be taken seriously by graphic artists The Zen Garden aims to excite, inspire, and encourage participation To begin, view
some of the existing designs in the list Clicking on any one will load the style sheet into this very page The code remains the same, the only thing that has
changed is the external ess file Yts, really
CSS allows complete and total control over the style of a hypertext document The only way this can be illustrated in a way that gets people excited is by
demonstrating what it can truly be, once the reins are placed in the hands of those able to create beauty from structure To date, most examples of neat tricks
and hacks have been demonstrated by structunsts and coders Designers have yet to make their mark This needs to change
ШГ~* ШЗШЖш^
Рис. 3.3.
|
5th Фев 2011
|
Теги:
|