Оглавление:
Введение 1
Dreamweaver CS3 — что нового? 2
Типографские соглашения 3
Как мы будем изучать Dreamweaver 3
Благодарности 4
ЧАСТЬ I. СОЗДАЕМ ПРОСТЕЙШИЕ WEB-СТРАНИЦЫ 5
Глава 1. Что такое Интернет и как он работает 7
Основные принципы работы Интернета 7
Что такое Интернет 7
Сервисы Интернета 9
Клиенты и серверы 9
Протоколы 12
Интернет-адреса 15
Основные понятия WWW 17
Web-страницы и Web-сайты 17
Web-обозреватели 20
Web-серверы 22
Публикация Web-сайта в Интернете. Хостинг-провайдеры 23
Как создаются Web-страницы? 24
Язык HTML и его теги 25
Вложенность тегов 27
Две секции Web-страницы 29
Гиперссылки 29
Интернет-адреса в WWW 31
Каскадные таблицы стилей CSS 33
Физическое и логическое форматирование 35
Будущее HTML 36
Что дальше? 36
Глава 2. Основные принципы работы с Dreamweaver 37
Web-редакторы 37
Среда Adobe Dreamweaver CS3 39
Главное окно программы 39
Управление окнами и панелями Dreamweaver 43
Предварительная настройка Dreamweaver 46
Учим русский 46
Настраиваем параметры создаваемых Web-страниц 49
Задаем параметры создаваемого HTML-кода 51
Файловые операции 52
Инструменты для работы с Web-страницами 54
Окно документа 54
Просмотр Web-страницы в Web-обозревателе 58
Поиск и замена текста 59
Выполнение простого поиска и замены 59
Использование сохраненных условий поиска (замены) 65
Использование регулярных выражений 65
Вызов справки 69
Что дальше? 71
Глава 3. Создание простейших Web-страниц 72
Создание новой Web-страницы 72
Работа с текстом 74
Набор текста 74
Форматирование абзацев 76
Форматирование фрагментов текста 82
Вставка специальных символов 89
Работа с гиперссылками 95
Обычные гиперссылки 95
Почтовые гиперссылки 100
Якоря 101
Общие параметры Web-страницы 103
Дополнительные возможности Dreamweaver 109
Вставка и чтение комментариев 109
Вставка текущей даты 110
"Чистка" HTML-кода 112
"Чистка" HTML-кода, порожденного Microsoft Word 113
Что дальше? 116
Глава 4. Работа с кодом HTML 117
Основные средства Dreamweaver для работы с HTML-кодом 117
Три режима отображения Web-страницы 118
Вызов справки по HTML 119
Простейшие средства для работы с кодом HTML 121
Свертка кода HTML 124
Расширенные средства работы с HTML-кодом 126
Вставка тегов в HTML-код 126
Правка и удаление тегов 129
Настройки, влияющие на создаваемый HTML-код 131
Что дальше? 133
ЧАСТЬ II. ПРОДОЛЖАЕМ СОЗДАВАТЬ WEB-СТРАНИЦЫ 135
Глава 5. Графика и мультимедиа 137
Введение в интернет-графику 138
Внедренные элементы 138
Растровые и векторные изображения. Сжатие графики 139
Форматы интернет-графики 140
Простые графические изображения 142
Вставка графического изображения 142
Параметры графического изображения 146
Правка изображения в Dreamweaver 150
Специальные изображения 153
Изображения-гиперссылки 153
Активные изображения 155
Карты-изображения 157
Фоновые изображения 162
Мультимедиа 164
Поддержка мультимедийных данных 164
Графика Shockwave/Flash 167
Фильмы Flash Video 172
Прочее мультимедийное содержимое 175
Использование модулей расширения 175
Использование элементов ActiveX 178
Что дальше? 181
Глава 6. Таблицы 182
Текст фиксированного формата 182
Работа с таблицами 185
Создание таблицы 185
Как формируются таблицы 188
Задание размеров таблицы, ее строк и столбцов 192
Выделение элементов таблиц 194
Работа с таблицей и ее элементами 196
Форматирование таблиц 199
Форматирование ячеек 199
Форматирование строк 201
Форматирование таблиц 202
Объединение ячеек таблиц 204
Практикум по работе с таблицами 207
Специальные возможности по работе с таблицами 209
Сортировка таблиц 209
Вставка табличных данных 212
Составные изображения 213
Фиксация размеров ячеек таблицы 215
Недостатки таблиц и их преодоление 216
Что дальше? 218
Глава 7. Работа с Web-сайтом 219
Начала сайтостроения 220
Планирование сайта 220
Основные этапы планирования сайта 220
Логическая структура Web-сайта 221
Физическая структура Web-сайта 224
Публикация Web-сайта 226
Регистрация сайта в Dreamweaver 228
Процесс регистрации сайта 228
Настройка прокси-сервера 237
Работа с локальной копией сайта 239
Управление файлами и папками локальной копии 239
Управление Web-сайтами, зарегистрированными в Dreamweaver 244
Взаимодействие панели Files и окна документа 246
Проверка гиперссылок и HTML-кода 247
Проверка корректности HTML-кода страниц 247
Проверка корректности гиперссылок 249
Замена гиперссылок 251
Публикация сайта 252
Соединение с FTP-сервером 252
Простая публикация сайта и отдельных его файлов 253
Синхронизация копий сайта 254
Разъединение с FTP-сервером 257
Работа с удаленной копией сайта 258
Поиск обновленных файлов 260
Работа с Web-страницами на FTP-сервере напрямую 261
Дополнительные возможности работы с Web-страницами 262
Примечания 262
Активы 268
Избранные элементы 270
Библиотека 271
Что дальше? 274
ЧАСТЬ III. ЗАНИМАЕМСЯ WEB-ДИЗАЙНОМ 275
Глава 8. Фреймовый Web-дизайн 277
Введение во фреймы 277
Фреймы и наборы фреймов 278
Схемы наборов фреймов 279
Работа с фреймами в Dreamweaver 283
Создание фреймов 283
Как формируются фреймы 290
Параметры фреймов и наборов фреймов 292
Параметры наборов фреймов 292
Параметры фреймов 294
Создание содержимого фреймов 296
Заполнение фреймов 296
Использование цели гиперссылки для открытия страниц в заданном фрейме 299
Создание полосы навигации 300
Оптимизация фреймов 304
Уменьшение объема и сложности HTML-кода фреймов 305
Ускорение обработки фреймов 306
Недостатки фреймов и их преодоление 307
Что дальше? 308
Глава 9. Табличный Web-дизайн 309
Схемы табличного дизайна 309
Построение таблиц разметки вручную 313
Режим разметки Dreamweaver и его использование 316
Создание таблиц и ячеек разметки 317
Работа с таблицами и ячейками разметки 321
Задание размеров у ячеек разметки 323
Параметры таблиц и ячеек разметки 326
Параметры ячеек разметки 326
Параметры таблицы разметки 327
Вспомогательные инструменты Dreamweaver для разметки страниц 329
Недостатки табличного Web-дизайна 334
Недостатки таблиц 334
Недостатки табличного Web-дизайна 338
Что дальше? 339
Глава 10. Шаблоны 340
Введение в шаблоны Dreamweaver 340
Работа с шаблонами 341
Создание шаблона 341
Правка шаблона 344
Создание изменяемых областей 346
Создание Web-страниц на основе шаблонов 348
Правка шаблонов, на основе которых уже созданы Web-страницы 351
Применение шаблонов к уже созданным Web-страницам 352
Открепление Web-страниц от шаблонов 355
Управление шаблонами в списке панели Assets 356
Дополнительные возможности шаблонов 357
Изменяемые атрибуты 357
Необязательные области 359
Повторяющиеся области 362
Необязательные изменяемые области 365
Табличная повторяющаяся область 367
Вложенные шаблоны 368
Недостатки шаблонов и их преодоление 369
Что дальше? 370
Глава 11. Работа со стилями CSS 371
Введение в каскадные таблицы стилей 371
Стили 371
Таблицы стилей 374
Правила каскадности и приоритет стилей 375
Псевдостили 378
Работа с таблицами стилей в Dreamweaver 379
Создание стилей 380
Определение стиля 383
Параметры шрифта 383
Параметры фона 384
Параметры абзаца 386
Параметры размеров и размещения 389
Параметры рамки 392
Параметры маркеров и нумерации списков 396
Параметры местонахождения 397
Дополнительные параметры 397
Привязка стилей 400
Управление стилями 401
Управление таблицами стилей 404
Поддержка встроенных стилей 407
Вызов справки по CSS 409
Временные таблицы стилей 409
Контейнеры 410
Что дальше? 413
ЧАСТЬ IV. ИСПОЛЬЗУЕМ НОВЕЙШИЕ ТЕХНОЛОГИИ 415
Глава 12. Плавающие контейнеры 417
Простейший случай контейнерного Web-дизайна 418
Атрибуты стилей CSS, предназначенные для управления контейнерами 420
Пример контейнерного Web-дизайна 423
Пример реализации "резиновых" контейнеров 428
Стандартные разметки Dreamweaver 435
Недостатки контейнерного Web-дизайна 436
Что дальше? 437
Глава 13. Свободно позиционируемые контейнеры 438
Введение в свободно позиционируемые контейнеры 438
Что такое свободно позиционируемый контейнер 438
Как создаются свободно позиционируемые контейнеры 440
Зачем нужны свободно позиционируемые контейнеры 444
Работа со свободно позиционируемыми контейнерами 445
Создание свободно позиционируемых контейнеров 446
Параметры свободно позиционируемых контейнеров 449
Работа с группой свободно позиционируемых контейнеров 451
Использование панели AP Elements 452
Пример использования свободно позиционируемых контейнеров 456
Прямое задание параметров свободно позиционируемых контейнеров 459
Преобразование свободно позиционируемых контейнеров в таблицы разметки и обратно 462
Недостатки свободно позиционируемых контейнеров и их преодоление 464
Что дальше? 464
Глава 14. Анимация элементов Web-страниц 465
Принципы создания анимации 466
Простейшая анимация 466
Анимация реального времени 468
Анимация — подход Dreamweaver 470
Зачем нужна анимация 472
Создание анимации в Dreamweaver 474
Создание простейшей анимации 474
Более сложная анимация 479
Работа с дорожками и анимациями 482
Анимация графических изображений 485
Недостатки анимации, основанной на Web-сценариях, и их преодоление 487
Что дальше? 488
Глава 15. Использование Web-сценариев 489
Начала Web-программирования 489
Web-сценарии 490
События 492
Краткий курс языка JavaScript 493
Операторы, операнды и выражения 493
Объекты и классы 499
Объектная модель документа (DOM) 502
Как пишутся Web-сценарии 506
Простейший Web-сценарий 507
Более сложный Web-сценарий 508
Web-сценарии — подход Dreamweaver. Модели поведения 512
Работа с моделями поведения 514
Создание моделей поведения 514
Модели поведения, поддерживаемые Dreamweaver 517
Вызов написанной нами функции (Call JavaScript) 517
Изменение значения свойства (Change Property) 518
Перенаправление на разные Web-страницы в зависимости от версии Web-обозревателя (Check Browser) 519
Проверка Web-обозревателя на наличие модуля расширения (Check Plugin) 521
Управление фильмом Shockwave или Shockwave/Flash (Control Shockwave or Flash) 523
Перетаскивание свободно позиционируемого контейнера (Drag AP Element) 524
Перенаправление на другую Web-страницу (Go To URL) 527
Открытие нового окна Web-обозревателя (Open Browser Window) 528
Воспроизведение звукового файла (Play Sound) 530
Вывод окна-предупреждения (Popup Message) 531
Предварительная загрузка графических изображений (Preload Images) 531
Изменение изображения в элементе полосы навигации (Set Nav Bar Image) 533
Задание нового содержимого элемента страницы (Set Text of Container) 535
Задание нового содержимого фрейма (Set Text of Frame) 536
Вывод произвольного текста в строке статуса окна Web-обозревателя (Set Text of Status Bar) 537
Показ и скрытие свободно позиционируемых контейнеров (Show-Hide Elements) 538
Смена изображения (Swap Image) 539
Восстановление всех изначальных изображений (Swap Image Restore) 540
Управление анимациями с помощью моделей поведения 541
Переход на заданный кадр анимации (Go To Timeline Frame) 542
Запуск воспроизведения анимации (Play Timeline) 542
Остановка анимации (Stop Timeline) 543
Написание своих Web-сценариев 543
Привязка Web-сценариев к фрагментам текста и гиперссылкам 545
Недостатки Web-сценариев и их преодоление 547
Альтернативные технологии. Апплеты Java 548
Что дальше? 551
Глава 16. Использование эффектов и компонентов Spry 552
Эффекты Spry 553
Плавное появление и исчезновение элемента страницы (Appear/Fade) 554
"Штора" (Blind) 555
Увеличение и уменьшение (Grow/Shrink) 556
"Подсвечивание" (Highlight) 558
"Встряска" (Shake) 559
"Скольжение" (Slide) 560
"Убегание" (Squish) 561
Компоненты Spry 562
Связанные панели (Accordion) 562
Сворачиваемая панель (Collapsible Panel) 566
"Блокнот" (Tabbed Panels) 569
Меню (Menu Bar) 572
Что дальше? 578
Глава 17. Метатеги и серверные директивы 579
Реклама в Интернете 579
Поисковые машины 579
Как работают поисковые агенты 583
Метатеги 584
Пассивная интернет-реклама 585
Работа с метатегами в среде Dreamweaver 587
Ключевые слова 588
Описание Web-страницы 589
Перезагрузка и перенаправление 590
Базовый интернет-адрес 591
Связи между Web-страницами 592
Специальные метатеги 595
Серверные директивы 596
Введение в серверные директивы 596
Вставка серверных директив в HTML-код 597
Стандартный набор серверных директив 598
include 598
echo 599
Как использовать серверные директивы 600
Поддержка серверных включений в Dreamweaver 601
Что дальше? 602
ЧАСТЬ V. ПИШЕМ СЕРВЕРНЫЕ СТРАНИЦЫ И РАБОТАЕМ С ДАННЫМИ XML 603
Глава 18. Введение в серверное программирование 605
Начала серверного программирования 605
Как работают серверные программы 606
Разновидности серверных программ 607
Как реализуется ввод данных. Web-формы 610
Как данные передаются по Сети 612
Серверное программирование — подход Dreamweaver 614
Какую технологию создания серверных страниц нам выбрать? 616
Введение в базы данных 617
Что дальше? 619
Глава 19. Web-формы 620
Работа с Web-формами в Dreamweaver 620
Создание Web-формы 621
Создание элементов управления 622
Поле ввода 623
Кнопка 628
Флажок 629
Переключатель 630
Группа переключателей 631
Список 632
Поле ввода имени файла 634
Графическая кнопка 635
Скрытое поле 637
Надпись 638
Группа 639
Основные принципы разработки Web-форм 640
Практикум по созданию Web-форм 641
Простейшая Web-форма 642
Использование таблиц и стилей для создания Web-форм 645
Список гиперссылок 647
Модели поведения, предназначенные для работы с Web-формами 650
Создание списка гиперссылок (Jump Menu) 650
Создание кнопки перехода для списка гиперссылок (Jump Menu Go) 650
Задание нового значения поля ввода (Set Text of Text Field) 651
Проверка данных, введенных в форму (Validate Form) 652
Компоненты Spry, предназначенные для работы с элементами управления 654
Проверка данных, введенных в поле ввода (Spry Validation Text Field) 654
Проверка данных, введенных в область редактирования (Spry Validation Textarea) 659
Проверка данных, заданных с помощью флажков (Spry Validation Checkbox) 662
Проверка данных, заданных в списке (Spry Validation Select) 665
Что дальше? 668
Глава 20. Простейшие серверные Web-страницы 669
Подготовка к созданию серверных Web-страниц 670
Установление соединения с базой данных 674
Создание источника данных ODBC 675
Регистрация базы данных в Dreamweaver 678
Создание серверных страниц в Dreamweaver 682
Страница добавления записи 682
Простейшая страница для просмотра данных 686
Создание набора записей 687
Создание страницы, отображающей содержимое одной записи 691
Создание навигатора 693
Создание строки статуса для набора записей 696
Страница для просмотра нескольких записей 697
Создание динамических списков 700
Создание сложных наборов записей 703
Динамические атрибуты 706
Передача данных другой Web-странице 708
Создание фильтров 709
Необязательные области серверной страницы 712
Что дальше? 714
Глава 21. Создание динамических Web-сайтов 715
Принципы создания динамических сайтов 715
База данных нашего сайта 717
Административные страницы сайта 718
Как администрируются Web-сайты 718
Инструменты для работы со списком категорий 719
Страница списка категорий 719
Страница добавления категории 720
Страница правки категории 721
Страница удаления категории 725
Инструменты для работы со списком статей 727
Страница списка статей 727
Страница добавления статьи 728
Страница правки статьи 729
Страница удаления статьи 730
Средства разграничения доступа 731
Таблица для хранения списка посетителей 731
Страница входа на сайт 732
Защита страниц сайта от несанкционированного доступа 735
Реализация выхода с сайта 737
Страницы общего доступа 739
Страница списка категорий 739
Страница списка статей 742
Страница регистрации нового посетителя 743
Реализация поиска статей 745
Что дальше? 746
Глава 22. Работа с данными XML 747
Язык XML 748
Краткий курс языка XML 748
Представление табличных данных в формате XML 750
Два способа обработки данных XML. Таблицы стилей XSL и XSLT 751
Какие данные хранят в XML 752
Три способа обработки данных XML, поддерживаемые Dreamweaver 753
Вывод данных XML с помощью компонентов Spry 755
Подключение набора записей XML 756
Область XML 759
Повторяющаяся область XML 761
Список XML 763
Таблица XML 764
Зависимая область XML 766
Вывод данных XML средствами Web-обозревателя 767
Вывод данных XML средствами Web-сервера 773
Вызов справки по XML и XSLT 775
Заключение 777
Предметный указатель 780
XIV Оглавление
XV Оглавление