Книги, научные публикации Pages:     | 1 | 2 | 3 | 4 | -- [ Страница 1 ] --

X. Вильямсо технологии, используемые при создании интерактивных сайтов сходство и различие функций Netscape Navigator и Internet Explorer элементы языка сценария и HTML, одинаково воспринимаемые обоими

браузерами параметры HTML и CSS, обеспечивающие общедоступность сайта и многое другое...

СЕРИЯ Heather Williamson Dynamic X. Вильямсон Санкт-Петербург Москва Х Харьков Х Минск 2001 Хэйзер Универсальный Dynamic HTML.

Библиотека программиста Перевел с английского А. Марков Главный редактор Е. Строганова Заведующий редакцией И.

Руководитель проекта А. Васильев Научный редактор А.

Художник Корректоры А. Н. Лукина Верстка ББК 32.988.02 УДК 681.324 Вильямсон X.

В46 Универсальный Dynamic HTML. Библиотека программиста. Ч СПб.: Питер, Ч 304 ил.

ISBN 5-318-00368-0 Эта книга адресована всем, кто разрабатывает web-страницы назло заложенным в су ществующее программное обеспечение. На ее страницах вы найдете всесторонний анализ программной поддержки, необходимой для размещения динамического сайта в Интернете. Все web-разработчики насколько сложно сделать страницу, одинаково выглядящую при четырех разрешениях монитора и во всех существующих браузерах. С помощью автора вы освоите тонкости DHTML, и разработанный вами web будет радовать вас, его хозяина и посетителей.

й Перевод на русский язык, А. Марков, й Издательский дом Питер, Все права защищены. Никакая часть данной книги не может быть воспроизведена в какой бы то ни было фор ме без письменного разрешения владельцев авторских прав.

Информация, содержащаяся в данной книге, получена из источников, рассматриваемых издательством как на дежные. Тем не менее, имея в виду возможные человеческие или технические ошибки, издательство не может гарантировать абсолютную точность и полноту приводимых сведений и не несет ответственность за возмож ные ошибки, связанные с использованием книги.

ISBN 5-318-00368- ЗАО Питер Бук, Санкт-Петербург, Благодатная ул., д. 67.

Лицензия ИД № от 05.06.00.

Налоговая льгота Ч общероссийский классификатор продукции ОК 005-93, том 2;

95 3000 Ч книги и брошюры.

Подписано к печати 17.09.01. Формат 70x100/16. Усл. п. л. Тираж 5000. Заказ Отпечатано с готовых в ордена Трудового Красного Знамени Техническая книга Министерства Российской Федерации по делам печати, телерадиовещания и средств массовых коммуникаций Санкт-Петербург, пр., Краткое содержание Глава 1. DHTML: Обзор Глава 2. Обзор объектной модели документа Глава 3. Реализация каскадных таблиц стилей Глава 4. Обзор языков сценария Глава 5. Определение настроек среды пользователя Глава 6. Подготовка к войне браузеров Глава 7. Подготовка к реализации взаимодействия Глава 8. Реализация взаимодействия Глава 9. Работа со слоями Глава 10. Еще один вариант использования имеющихся возможностей Глава 11. Создание web-сайта Глава 12. Планирование сайта разработчиком Глава 13. Общедоступность Глава 14. Последние подсказки, уловки и хитрости Приложение 1. Элементы HTML, поддерживаемые новыми браузерами Приложение 2. Совместимость каскадных таблиц стилей Приложение 3. Совместимость объектных моделей документа Приложение 4. Совместимость JavaScript и JScript Алфавитный указатель Содержание Благодарности Предисловие Структура книги Чего вы не найдете в этой книге Глядя в будущее Куда обратиться? Краткая биография автора От издательства Глава 1. DHTML: Обзор Что такое DHTML? Объектная модель документа Каскадные таблицы стилей Почему необходимо использовать DHTML? DHTML-решение Серверные решения DHTML и Microsoft Использование инструментальных средств корпорации Microsoft Команды Microsoft Microsoft и DOM Microsoft и каскадные таблицы стилей DHTML и Netscape Использование инструментальных средств компании Netscape Команды Netscape Netscape и DOM Netscape и CSS В чем схожи оба браузера? Глава 2. Обзор объектной модели документа Что же такое DOM? Структура документа с точки зрения объектной модели Содержание Реализация DOM корпорацией Microsoft Модель событий Microsoft Изменение текста в реальном масштабе времени Реализация DOM компанией Netscape Рост компании Netscape Поддерживаемые объекты В чем схожи оба браузера? Совместимая модель событий Совместимые объекты и свойства Глава 3. Реализация каскадных таблиц стилей Реализация CSS корпорацией Microsoft Соответствие шрифтов ОрепТуре Дополнительные элементы оформления текста и другие эффекты Отступы, контуры и другие свойства блоков Слои и позиционирование Фильтры Реализация CSS компанией Netscape Соответствие шрифтов TrueDoc Дополнительное оформление текста контуры и другие свойства контейнеров Слои и позиционирование Фильтры В чем схожи два браузера? Глава 4. Обзор языков сценария Краткий обзор языка Java Семейство JavaScript ECMAScript JScript: реализация Microsoft JavaScript: реализация Netscape В чем схожи два браузера? Глава 5. Определение настроек среды пользователя Определение среды Определение размеров экрана Глава 6. Подготовка к войне браузеров Использование DOM при создании API Настройка внутренних разветвлений страницы Создание таблиц стилей Использование графики Определение слоев 8 Содержание Глава 7. Подготовка к реализации взаимодействия Установка переменных Предварительная загрузка изображений Перехват событий изображений-карт Использование форм Глава 8. Реализация взаимодействия Использование событий мыши Перемещение мыши Нажатие кнопок мыши Изменение размера страницы Использование событий клавиатуры Использование событий, связанных с формами Загрузка документа Загрузка объекта Загрузка страницы Выгрузка (закрытие) документа Ошибки Глава 9. Работа со слоями Позиционирование и индексирование слоев Относительное позиционирование Абсолютное позиционирование Фиксированное позиционирование Свойства каскадных таблиц стиля Свойство position Свойство left Свойство top Свойство right Свойство bottom Свойство width Свойство height Свойство z-index Полное определение слоя Функция Change Property Управление видимостью слоя Обеспечение динамичности слоев Анимация слоев Определение поведения слоев Изменение содержания слоя Общий вид сайта-примера Глава 10. Еще один вариант использования имеющихся возможностей Титульная страница: index.htm Содержание Основной документ: webravinmain.htm Основной файл сценариев: webravin.js Содержание прокручиваемого слоя: wrscrolling.js Работа с остальными документами: refs.htm Глава 11. Создание web-сайта Команда по созданию сайта Продюсер сайта Разработчик сайта Художник Администратор web-сервера Тестер Заповеди успеха продюсера Ни один вопрос не является бессмысленным Будьте учителем, проповедником и пацифистом Надо все записывать Организация Ч это не шутка Будьте последовательны! У вас есть рот Ч пользуйтесь им Подгоняйте, льстите и находите причины, но ни за кого не делайте его работу Телепатия Ч не мистика Принесите пиво и останьтесь до конца вечеринки Это ваша лодка, а вы Ч ее капитан С прокаженными не общаются Подпишите Улыбнитесь! Утро вечера мудренее Отдыхать тоже иногда надо Регулярно проводите резервное копирование своих данных Составление плана работы Вопросы, на которые необходимо ответить перед созданием схемы Основы дизайна: разработка схемы План-схема сайта Acropolis (пример) Глава 12. Планирование сайта разработчиком Разработка основной страницы: предварительная подготовка Определение способа перемещения по сайту Создание графики Планирование взаимодействия Определение слоев Планирование тестирования Глава 13. Общедоступность Руководящие принципы при создании общедоступных сайтов 10 Содержание Использование атрибутов alt, title и longdesc Акустические таблицы стиля и синтезаторы речи UNICODE и использование шрифтов Глава 14. Последние подсказки, уловки и хитрости Советы по завоеванию популярности у посетителей Подумайте, пожалуйста, об этикете Добавление функций электронного магазина ;

Запись и чтение cookies Печать Уловки, позволяющие привлечь внимание посетителей Оформление текста Не связывайтесь с фреймами Старайтесь не использовать кнопку Submit Размещайте текст в нескольких колонках Что ждет нас в будущем Новшества в HTML Каскадные таблицы стиля Объектная модель документа Разработка расширяемого языка разметки Приложение 1. Элементы HTML, поддерживаемые новыми браузерами Приложение 2, Совместимость каскадных таблиц стилей Приложение 3. Совместимость объектных моделей документа Приложение 4. Совместимость JavaScript и Алфавитный указатель Всем, кто пытается разрабатывать web-страницы существующему программному Благодарности Преклоняюсь перед великолепной командой за их веру в меня в ходе реализации трудновыполнимой задачи подготовки этой книги к изданию. Без их помощи у меня ничего бы не получилось. Спасибо Гари Корнелу Cornell), Валери Перри (Valerie Perry), Бурк (Kiersten Burke), Энн Наварро (Ann Гарри Возняку (Harry Грэйс Вонг (Grace Wong) и тем, кого я никогда не видела, но с чьей помощью удалось достичь столь изумительного результата. Не хотелось бы также забыть переплетчиков, производителей бумаги и всех, кто принимал участие в издании этой книги.

Я не знаю ваших имен, но я всем благодарна.

Я бы хотела поблагодарить Энн, которая заставляла меня отвлечься от компь ютера для чтобы поиграть с ней. Ты постоянно будешь в моей жизни неис сякающим источником шуток и любви, только не расти слишком быстро! Луис, спасибо тебе за то, что ты был так терпелив к тому, кто, по-видимому, получал удовольствие от работы по часов в день. Обещаю, что больше не буду тебя игнорировать, по крайней мере до тех пор, пока не придется писать следующую книгу.

Предисловие У каждой книги есть свой стиль. Несмотря на то что названия многих разделов похожи на темы классных занятий, которые вызывают у вас ощущение, что вы снова оказались в зале, в котором читаются лекции по информатике, и считаете мух на потолке, я стремилась, чтобы эта книга стала просто дружеским обменом идей. На ее страницах вы найдете всесторонний анализ поддержки, требующейся для размещения динамического сайта в Интернете. Все web-разработчики знают насколько сложно сделать так, чтобы страница выглядела именно так, как надо, при четырех разрешениях экрана и при использовании дюжины различных брау зеров. Эта книга поможет вам найти способ избежать непредсказуемости резуль тата при работе с программным обеспечением или обойти ее таким образом, чтобы разработанный вами web-сайт радовал и вас, и его хозяина.

Как менеджер компании Cat's Back Consulting, находящейся в Wallowa Valley (шт. Орегон), я заметила, что клиенты, которые хотят ложивить сайты, также хотят, чтобы все, включая бабушек, могли в них разобраться, спокойно переме щаться по ним и получать от этого удовольствие. Поскольку лишь около 80 % используемых в настоящее время web-браузеров лумеют правильно воспроиз водить DHTML-сайты, вы должны быть уверены, что вашему клиенту доста точно, что лишь эти 80 % получат удовольствие от его сайта. А также вы должны сделать так, чтобы эти 80 % действительно получили истинное наслаждение, убедившись, что каждый разработанный вами web-сайт можно просматривать любым браузером, начиная с версии 4.0.

Основная цель моей книги: помочь HTML-разработчикам (также называе мых web-разработчиками, web-мастерами, web-продюсерами... список можно продолжить) разрабатывать интерактивные страницы и не биться при этом го ловой об стену (мне приходилось это делать много раз, для того чтобы в конеч ном результате клиент остался доволен). В этой книге приведены все уловки и тонкости, открытые мной в ходе работы.

Когда вы работаете на заказчика, вы должны сделать его самого и его клиентов счастливыми. А для этого требуется полная совместимость с различными браузе рами. Ваши заказчики вряд ли останутся довольны, если их сайты смогут про сматривать лишь пользователи Internet Explorer. Ваши клиенты вряд ли станут счастливее, если их сайты будут корректно воспроизводиться только Netscape Navigator. Я потратила очень много времени на изучение поддержки HTML, CSS и сценариев обоими браузерами. За счет нахождения наименьшего общего зна менателя HTML и а также разработкой для сценариев вашего сайта API можно создать полноценный интерактивный сайт, который может доставить удо вольствие всем пользователям. Таким образом, вы можете гарантировать своим заказчикам, что все посетители, или по крайней мере, пользующиеся новейшими браузерами, смогут испытать удовольствие при работе с web-сайтом их компании.

14 Структура книги Структура книги Я использовала ряд приемов, в наибольшей облегчить вос приятие информации. Как и в большинстве справочников по компьютерной те матике, для важных терминов используется курсив, а для представления листингов программ используется соответствующий стиль. Это по зволяет легко определять наиболее важные и их от основного текста. в тексте встречаются примечания и советы, которые пред ставляют собой линформацию для служебного пользования или разъяснения способов устранения проблем, которые можно лобойти предлагаемым образом.

При книги вы что она разделена на три части. В первой рассматриваются технологии, используемые при создании интерактивных сай тов. Особое внимание уделено сходству (и функций Netscape Navigator и Internet Explorer, связанных с вопросами. В ней также со держится к частям Здесь содержится объяс нение, почему в конкретных случаях при написании сценариев используется некоторое лупрощенчество или обходные методы, а также приводятся приме ры того, как можно быстро распознать тин браузера для различных уровней поддержки HTML, CSS и Вторая часть в большей степени и является обучающей. Однако вы здесь не увидите пошаговых типа:

1. Наберите: