Table Of ContentКраткое содержание
Введение ...............................................................................................................9
От издательства ..................................................................................................9
Руководство по использованию диска ........................................................9
Глава 1. Основы Интернета. Знакомство с программой
Adobe Dreamweaver CS3 .....................................................................................14
Глава 2. Установка и конфигурирование сайта в Dreamweaver.
Планирование и поддержка сайта .................................................................24
Глава 3. Создание сайта ....................................................................................46
Глава 4. Редактирование HTML-кода .............................................................74
Глава 5. Расширенные средства HTML .........................................................92
Глава 6. Интерактивные и мультимедийные элементы..........................130
Глава 7. Интеграция Fireworks в среду Dreamweaver .................................153
Глава 8. Формы .................................................................................................158
Глава 9. Серверные технологии .....................................................................167
Заключение ......................................................................................................176
Оглавление
Введение ................................................................................................................9
От издательства ..............................................................................................9
Руководство по использованию диска ......................................................9
Установка программы .............................................................................9
Работа с программой .............................................................................10
Глава 1. Основы Интернета. Знакомство с программой
Adobe Dreamweaver CS3 .....................................................................................14
Структура Интернета ...................................................................................14
Adobe Dreamweaver — бесспорный лидер разработки
веб-приложений ...........................................................................................15
Рабочая среда Dreamweaver .........................................................................17
Интерфейс программы ..........................................................................17
Главное меню ..........................................................................................21
Вертикальные пристыкованные панели ...........................................22
Настройки рабочей среды Dreamweaver ............................................23
Глава 2. Установка и конфигурирование сайта в Dreamweaver.
Планирование и поддержка сайта .................................................................24
Установка и определение сайта .................................................................24
Установка доступа FTP к веб-серверу ......................................................26
Загрузка существующего сайта ................................................................26
Передача сайта на сервер ............................................................................28
Синхронизация локального и удаленного сайтов ...............................28
Разработка нового сайта .............................................................................29
Управление структурой сайта .............................................................29
Именование файлов сайта ....................................................................31
Поиск файлов по их адресам ................................................................31
Организация изображений ..................................................................32
Управление связями ....................................................................................32
Изменение и перемещение файлов без разрыва связей .................33
Глобальное изменение гиперссылок ..................................................34
Проверка связей ......................................................................................34
Управление сайтом ......................................................................................37
Заметки разработчика ................................................................................37
Карта сайта ....................................................................................................40
Настройка вывода файлов .........................................................................41
Панель Журнал ............................................................................................42
Повторение операций .................................................................................43
Отчеты о сайте ..............................................................................................43
Глава 3. Создание сайта ....................................................................................46
Страница с текстом ......................................................................................46
Создание первой страницы .................................................................46
Ввод и редактирование текста .............................................................50
Форматирование текста веб-страницы .............................................52
Специальные символы .........................................................................55
Списки ......................................................................................................56
Добавление изображений и гиперссылок на веб-страницу ...............57
Установка связей.....................................................................................58
Вставка графического изображения ..................................................60
Редактирование изображения .............................................................61
Специальные изображения..................................................................62
Использование прозрачного изображения GIF ...............................64
Создание фона страницы .....................................................................65
Трассирующие изображения ...............................................................66
Шаблоны и библиотеки ..............................................................................67
Шаблоны Dreamweaver ..........................................................................68
Создание собственного шаблона ........................................................69
Сохранение страницы как шаблона ...................................................70
Глобальные изменения с помощью шаблонов ................................70
Создание и применение библиотечных элементов ........................72
Глава 4. Редактирование HTML-кода .............................................................74
Работа с кодом HTML ...................................................................................74
Теги HTML и форматирование текста ................................................74
Вложенность тегов .................................................................................76
Оглавление
5
Служебные теги ......................................................................................77
Средства Dreamweaver для работы с тегами HTML ........................78
Работа в режиме Код ...................................................................................79
Помощники редактирования кода ...........................................................83
Редактор тегов .........................................................................................84
Выбор тегов .............................................................................................84
Панель Инспектор тегов .......................................................................84
Фрагменты кода ......................................................................................85
Создание чистого кода ................................................................................86
Очистка кода ...........................................................................................86
Поиск и исправление ошибок кода ....................................................87
Поиск и замена текста и кода .....................................................................87
Выбор условий поиска...........................................................................88
Поиск текста ............................................................................................88
Поиск кода ...............................................................................................88
Расширенный поиск ..............................................................................89
Поиск отдельных тегов .........................................................................89
Другие параметры поиска ....................................................................90
Работа с кодом из других программ ...................................................91
Использование внешних HTML-редакторов ....................................91
Глава 5. Расширенные средства HTML .........................................................92
Таблицы .........................................................................................................92
Создание таблиц в режиме макета .....................................................93
Настройка таблиц в стандартном режиме ........................................95
Объединение и разбиение ячеек таблицы ........................................96
Вертикальное выравнивание содержимого ячеек таблицы .........96
Расширенный режим таблиц ..............................................................96
Форматирование таблиц.......................................................................97
Импорт табличных данных .................................................................97
Использование таблиц ..........................................................................98
Фреймы ..........................................................................................................99
Создание фреймовой страницы .........................................................99
Установка связей и целевых фреймов ..............................................102
Редактирование параметров фрейма ...............................................104
Оглавление
6
HTML-код фреймовой структуры ....................................................105
Каскадные листы стилей CSS ..................................................................106
Панель CSS.............................................................................................107
Создание листов стилей......................................................................109
Переопределение дескрипторов HTML ............................................110
Дополнительные селекторы CSS ........................................................111
Конфликты стилей CSS и редактирование стиля ..........................112
Определение новых стилей .................................................................114
Внешние листы стилей ........................................................................117
Использование готовых листов стилей и листы стилей времени
разработки ..............................................................................................118
Использование листов стилей CSS для создания макета
страницы .................................................................................................119
Слои ...............................................................................................................121
Создание слоя. Добавление элементов на слой ..............................121
Наложение слоев и управление их видимостью.
Вложенные слои ...................................................................................122
Установка параметров слоя. Преобразование таблиц в слои .....124
Анимация слоев. Панель Временная шкала ..................................125
Изменение анимации слоев ...............................................................126
Глава 6. Интерактивные и мультимедийные элементы..........................130
DHTML. Поведения ...................................................................................130
Вкладка Поведение .....................................................................................133
Применение поведений к объектам веб-страницы ............................136
Изменение поведения ..........................................................................136
Текст и ссылки .......................................................................................137
Изображения ..........................................................................................137
Фреймы ..................................................................................................138
Слои и временные диаграммы ..........................................................138
Открытие нового окна браузера с помощью поведения ...................140
Создание навигационной панели ............................................................141
Поведения и совместимость браузера ....................................................141
Добавление новых типов поведений .....................................................142
Расширение средств Dreamweaver ..........................................................142
Оглавление
7
Основы использования мультимедийных элементов .......................144
Элементы Flash. Создание кнопок и текста Flash ................................146
Добавление видео- и аудиофайлов на страницу ..................................149
Вставка апплета Java ..................................................................................150
Использование объектов ActiveX ............................................................151
Глава 7. Интеграция Fireworks в среду Dreamweaver .................................153
Открытие интерфейса Fireworks..............................................................153
Использование других редакторов изображений.
Оптимизация изображений ....................................................................154
Генерация страницы HTML средствами Fireworks.
Редактирование документа HTML в Fireworks ....................................156
Глава 8. Формы .................................................................................................158
Формы HTML ..............................................................................................158
Поля для ввода .............................................................................................161
Флажки и переключатели..........................................................................161
Списки ...........................................................................................................162
Меню переходов ..........................................................................................163
Кнопки Submit (Передать) и Reset (Очистить). Скрытые поля ........164
Создание меток объектов ..........................................................................165
Глава 9. Серверные технологии .....................................................................167
Определение сервера приложения. Создание динамической
веб-страницы ...............................................................................................167
Технологии Active Server Pages (ASP) и ASP.NET .................................168
Технология ColdFusion ...............................................................................171
Технологии JavaServer Pages (JSP) и РНР ................................................171
Вкладка Привязки. Режимы работы сервера ........................................173
Технология AJAX .........................................................................................173
Асинхронная программная модель ..................................................174
Spry Framework — AJAX от Adobe .....................................................175
Заключение .......................................................................................................176
Введение
Данный мультимедийный курс, состоящий из книги и диска, посвящен
9-й версии приложения Dreamweaver, входящей в творческий комплект
Adobe CS3.
Эта книга предлагает теоретическую информацию о программе, методах
работы с ней, а также использовании ее инструментов. Необходимые же
практические навыки можно получить в ходе экспериментов. Поскольку
самостоятельно экспериментировать непросто, к книге прилагается ком-
пакт-диск с видеолекциями. В них на практических примерах рассмот-
рены основные операции и приемы веб-дизайна. Следите за ссылками,
которые приводятся в книге: они подскажут название главы мультиме-
дийного курса, содержащей видеолекции, в которых наглядно демонст-
рируется рассматриваемая тема.
От издательства
Ваши замечания, предложения и вопросы отправляйте по адресу элект-
ронной почты [email protected] (издательство «Питер», компьютерная
редакция).
Мы будем рады узнать ваше мнение!
На сайте издательства http://www.piter.com вы найдете подробную информа-
цию о наших книгах.
Руководство по использованию диска
Прежде чем установить прилагаемый к данной книге диск, внимательно
прочтите предлагаемое руководство. Это поможет избежать возмож-
ных ошибок в работе и в конечном итоге сэкономит ваше драгоценное
время.
Установка программы
Чтобы установить мультимедийный курс «Adobe Dreamweaver CS3», вставь-
те прилагаемый диск в привод вашего персонального компьютера. Затем
Введение 9
откройте с помощью любого известного вам способа содержимое ком-
пакт-диска, найдите и запустите файл teachrun.exe. Появится окно
установки (рис. 01).
Рис. 01. Диалоговое окно при начале установки программы
Нажмите кнопку Установка. После завершения установки программа поин-
тересуется, хотите ли вы запустить мультимедийный курс сейчас (следует
нажать кнопку OК) или позже (следует выбрать вариант Отмена).
Работа с программой
Мультимедийный курс запускается автоматически, когда вы помещаете
диск в привод. Однако вы всегда можете запустить видеолекции через
главное меню.
Главное рабочее окно мультимедийного курса представлено на рис. 02.
Для начала создайте свою учетную запись, чтобы следить за процессом
обучения (объемом пройденного материала, затраченным временем на ра-
боту с каждым разделом). Для этого нажмите кнопку Регистрация и введите
в появившейся для набора строке свое имя или фамилию с клавиатуры.
Удобство подобной функции заключается в том, что данным диском на
одном персональном компьютере может пользоваться несколько чело-
век и каждый будет иметь свою учетную запись и свою историю работы
с программой.
10 Введение
