|
й главе описывается от-
дельная Web-технология, язык программирования или дизайнерский прием. В
каждой главе вы найдете всестороннее рассмотрение технологии или языка; да-
лее следуют практикумы, выполнив которые, вы сможете быстро усовершенство-
вать свои Web-страницы, равно как и улучшить дизайн и повысить производи-
тельность Web-сайта в целом.
Глава 1. Основы языка HTML. Для начала, эта глава закладывает фундамент,
необходимый дизайнерам-новичкам в Web-разработке для использования при-
емов, которым они будут учиться на протяжении всех остальных глав книги. Ди-
зайнеры узнают, как создавать HTML-страницы, как отображать страницы из
файлов, находящихся на их собственных компьютерах и как с помощью Web-сер-
вера сделать эти страницы доступными для посетителей в Web.
Глава 2. HTML-таблицы. Внутри Web-страниц HTML-таблицы служат для ди-
зайнеров мощным средством организации больших объемов данных с целью их
представления на экране. Многие Web-дизайнеры также используют таблицы,
чтобы лучше управлять выравниванием текста и графики на странице. Дизайнер
может, например, использовать таблицы для обтекания изображения текстом.
Кроме того, на Web-странице может присутствовать таблица пиктограмм, из ко-
торой пользователи смогут выбирать картинки, соответствующие которым боль-
шие изображения им хотелось бы выгрузить.
Глава 3. HTML-формы. Миллионы Web-сайтов взаимодействуют с посетителя-
ми с помощью форм. Формы могут запрашивать у посетителя разнообразнейшую
информацию, например, адрес доставки, личные данные или номера кредитных
карт для совершения покупок. Кроме того, формы дают пользователям возмож-
ность поиска конкретных товаров, услуг или содержимого на сайте, а, возможно,
и где угодно в Web. Формы разработчики создают с помощью HTML-дескрипто-
ров. После отправки пользователем введенной им информации, Web-сервер вы-
полняет специальную программу (разработчики называют ее сценарием (script)),
которая обрабатывает и, как правило, сохраняет данные. Из этой4 главы вы узнае-
те, как создавать формы с помощью HTML, как проверять введенную пользова-
телем информацию с помощью JavaScript и как затем обрабатывать данные, от-
правленные пользователем.
Введение 15
Глава 4. Каскадные списки стилей. Внутри Web-страниц разработчики исполь-
зуют множество HTML-дескрипторов для форматирования текста, графики и
ссылок. Используя одни лишь HTML-дескрипторы, такие как <ь> для выделения
полужирным, для выделения курсивом и т.д., Web-разработчик может фор-
матировать текст Web-страницы в соответствии со своими пожеланиями. К сожа-
лению, если форматирование впоследствии нужно будет изменить, разработчику
придется изменять значительное количество дескрипторов. Каскадные списки
стилей (Cascading Style Sheets) облегчают обслуживание Web-сайтов. С помощью
каскадных списков стилей Web-разработчики могут присваивать шрифт, цвет, вы-
равнивание и многие другие атрибуты тексту, отображаемому на Web-странице.
Если впоследствии разработчику понадобится изменить внешний вид страницы,
он сможет просто изменить определение стиля, и изменения немедленно отра-
зятся в тексте, к которому применен данный стиль. Кроме того, Web-дизайне-
рам, стремящимся к созданию высококлассных сайтов, каскадные списки стилей
дадут возможность реализовать точное позиционирование и даже наложение тек-
ста и графики для создания многочисленных эффектов.
Глава 5. XHTML и новые тенденции. Чтобы быть уверенными в том, что ваши
Web-страницы будут работать и выглядеть именно так, как вы того хотите, в
Web-браузерах следующего поколения, вы должны следовать рекомендациям кон-
сорциума W3C (World Wide Web Consortium). При тщательном соблюдении,
"правила" стандарта XHTML не позволят вам создать страницы с неправильным
синтаксисом, недостающими или "фирменными" дескрипторами и недействи-
тельными атрибутами. Избегая такого "плохого кода", вы обеспечите своим Web-
страницам корректное представление и работоспособность во всех стандартных
Web-браузерах. Более того, обеспечив корректность описания Web-страницы (то
есть соответствие ее стандарту XHTML), вы дадите производителям Web-браузе-
ров возможность обойтись без кода, разработанного, чтобы "угадывать" замыслы,
стоящие за неправильно сформированным HTML-кодом. Браузеры, разработан-
ные для мобильных устройств (сотовых телефонов, карманных органайзеров, бор-
товых компьютеров для автомобилей и т.д.) должны быть небольшими, посколь-
ку емкость памяти подобных устройств весьма ограничена. В этой главе
показано, как запускать приложение HTML Tidy, которое проверяет HTML-код
вашей Web-страницы, исправляет ошибки, если таковые имеются, и преобразо-
вывает HTML-код в XHTML-код. Далее в главе вы найдете практикумы, которые
покажут, как расширить возможности языка разметки путем добавления новых
дескрипторов и атрибутов, а также практикумы, которые научат вас определять
тип браузера пользователя, чтобы ваши страницы отображались быстро и пра-
вильно в браузерах мобильных устройств.
Глава 6. Графика. На Web-страницах широко используется графика. К сожале-
нию, многие сайты, предлагающие великолепные иллюстрации, теряют нетерпе-
ливых посетителей, которые не желают сидеть и ждать в течение длительного
времени, необходимого для загрузки изображений. В этой главе вы узнаете о
приемах, таких как кэширование и предварительная загрузка, которые сможете
использовать в своем коде, а также настройках, с помощью которых появляется
16 Введение
возможность существенно сократить время загрузки изображе
|
|