Май 2010
Самоучитель по креативному веб-дизайну. Книга 2, стр.41
зрап=»2″>Верхний
зрап=»2″>Нижний
Помимо рекомендации использовать
И в качестве заключения нужно
верхний колонтитул. Например,
под верхним
. (Каждый набор дескрипторов
ка в строку, в которой он указан.) Если строка
ся под верхним колонтитулом,
следующим правилом списка
th {text-align:center; background:white}
Внедрение шрифтов на XHTML-страницу с помощью правил каскадных
При создании
чески, дескриптор,
ста,
266 Глава 5. XHTML и новые тенденции
в спецификации XHTML 1.1. К счастью, каскадные списки
ство
дания типа шрифта
Свойство
Самоучитель по креативному веб-дизайну. Книга 2, стр.42
h2 {font-family: «comic sans
IS
При использовании свойства
2 с Web-сервера, если тип
ле выгрузки с Web-сервера. Как результат,
полной уверенностью, что
Следует иметь в виду, что Web-браузер
ниями,
Самоучитель по креативному веб-дизайну. Книга 2, стр.43
ты, хранящиеся в файлах в формате EOT (Embedded
це ПО адресу http://www. microsoft. cora/typography/web/6mbedding/weft2/). Бра —
ся в фалах в формате PFR (Portable
ПРАКТИКУМ
Для загрузки
@font-face {font-family:»newgeneva»;
Глава 5. XHTML и новые тенденции 267
Объявление @font-face заставляет
ределенный в свойстве font-family (в приведенном примере
шрифта,
то шрифт New
Geneva) по Web-адресу, указанному в свойстве sr c * .MyServer. com/
fonts/genevai. eot). Для
шрифт, необходимо
как и для любого другого
Web-браузеру использовать
@font-fасе {font-family: «new
src:url(http://www. MyServer/com/fonts/geneval. eot)}
p {font-family:»new geneva» , courier;
color-.blue}
В приведенном примере первая
ру загрузить файл genevai. eo t с каталога шрифтов Web-сервера
HI а сайте http:/ /
присваивает ему
имя
должен использоваться для
следует за дескриптором ). Если
не будет загру —
жать
Если недоступен ни основной, ни альтернативный шрифты, дпя
на экран будет использоваться
Web-браузер сохраняет
genevai. eot) в каталоге временных Internet-файлов
сетителя.
го при последующих посещениях
Следует иметь в виду, что нельзя
в форматах EOT
и PFR в каталог шрифтов вашего
альная собствен —
или
Web-браузеры
и на Web-стран и —
:оздания шрифта
вы пользуетесь WEFT, можно
СЯ ТОЛЬКО на Страницах Web-Сайта http: / /www. YourDomain. сот. ЕСЛИ ДРУГОЙ
автор
www. HisDomain. com, Web-браузер обнаружит,
/www. HisDomain. com) не соответствует корневому каталогу
нию (а не шрифт, защищенный авторскими
сайта http://
Г СТраНИЦ (http : / иц, указанному в Web-браузер для
лрифт по умолча —
26 8 Глава 5. XHTML и новые тенденции
Вставка одной XHTML-страницы в другую
с помощью внутритекстового фрейма
щью дескрипторов и. При разделении
Самоучитель по креативному веб-дизайну. Книга 2, стр.44
каждой Web-страницы и просматривать их содержимое, которое полностью не помещается во фрейме.
В прошлом фреймы представляли
этому
описания и содержимого страницы к структурированному языку разметки
В будущем правила каскадных
Самоучитель по креативному веб-дизайну. Книга 2, стр.45
scrolling=»auto»>
***
отработанных часах! ***
Самоучитель по креативному веб-дизайну. Книга 2, стр.46
равным «left». • 1 Ц Предположим, например, что
названии рецепта справа от него выводилось изображение
создания
Обратите внимание, что
дить на экран в том же внутритекстовом фрейме, «FoodPictureFrame»,
А теперь предположим, что
инструкцию во фрейм, вы дадите посетителю возможность
рого СОДерЖИТСЯ В ДРУГОМ Внутритекстовом фрейме
ПРАКТИКУМ
Для одновременного
сылке посетитель
Глава 5. XHTML и новые тенденции 27 3
ссылки указывается,
одно или несколько
изменения содержимого в двух внутритекстовых фреймах
разом
В приведенном примере каждый
avaScript-onepa — нутритекстовый
фрейм
части страни —
о по-американ —
ски», генерируется
ЭТОЙ
пересылки. Web-браузер выполняет
ый с событием
onclick, который
RecipeFrame»
(«FoodPictureFrame»).
(RoastPic. htm)
рибуте
Таким образом, в приведенном примере загружаются
вая
по событию onclick дескриптора
приведенном выше коде
ается загружать
одновременно
полнительные операторы.
разделяться
onClick=»window. InlineFrameName. location=f WebPageURL’
window.
window. InlineFrameName. location= ‘ WebPageURL’ ; »
В каЖДОМ ИЗ ЭТИХ трех Операторов
быть заменено
именем
страницу, адрес
27 4 Глава 5. XHTML и новые тенденции
Изменение внешнего вида
До недавних пор Web-страницы
Самоучитель по креативному веб-дизайну. Книга 2, стр.47
манных компьютеров и других устройств. Для
ческими размерами, формой и методом взаимодействия с устройством при на —
Например, статья на Web-странице с заголовком размером 36 пунктов и ос — новным текстом
17-дюймовом мониторе компьютера, но при просмотре той же страницы на кар — манном компьютере
отделения
До появления каскадных списков
экран одного и того же содержимого различными стилями
вать несколько
и тысячи раз в день). Не говоря уже о загрузке Web-сервера, которому
ПРАКТИКУМ
К счастью, каскадные списки
Самоучитель по креативному веб-дизайну. Книга 2, стр.48
шрифтом размером 18 пунктов на экране монитора настольного
Глава 5. XHTML и новые тенденции 27 5
вывода содержимого той же Web-страницы шрифтом размером 12 пунктов на эк — ране карманного
Обратите внимание, что
мере
держимое
К сожалению, браузеры карманных
онная система
ных
(Wireless Markup Language,
Тем не менее, ожидаемый в скором времени модульный
1.1),
Самоучитель по креативному веб-дизайну. Книга 2, стр.49
XHTML
ными
приставками к телевизору, консорциум W3C
Как правило, карманные
276 Глава 5. XHTML и новые тенденции
на карманное устройство. Прокси-серверы,
ют устаревшие версии HTML,
требуемые списки
Самоучитель по креативному веб-дизайну. Книга 2, стр.50
прокси-сервер
бильного
ваши Web-страницы
XHTML-содержиМое.
Интересно, что в стандарте каскадных списков
что в связи со стремительным развитием технологий
не менее, авторы Web-страниц не должны полагаться на описатели типов уст —
Глава 5. XHTML и новые тенденции 27 7
воспользоваться правилом @media.
манных устройств,
Обратите внимание, что
ройства
меняться, после чего в фигурных скобках содержится
правила @media, а прокси-серверы для Web-браузеров,
@med±a.
лы, внешние по отношению к Web-странице. С помощью команды @import,
@import (
Предположим, например, что в предыдущем’ примере правила
СПИСКОВ СТИЛеЙ Содержатся В ДВУХ ВНеШНИХ файла х (SmailDisplay. cs s И
NormaiDispiay. css) на Web-сервере в каталоге /stylesheets. Если включить
приведенный
файл внешнего
@import (/StyleSheets/NormalDisplay. ess) screen,
@import (/StyleSheets/SmallDisplay. ess) handheld;
телефонах, будут
держивают тип
278 Глава 5. XHTML и новые тенденции
Управление печатью XHTML-страницы
Если ваша Web-страница
го списка стилей для
существует практического ограничения по ее длине. Браузер дает