Визуальный редактор Dreamweaver MX



Визуальный редактор Dreamweaver MX

         

Визуальный редактор Dreamweaver MX

Основные принципы работы с Dreamweaver
Среда Dreamweaver MX
Выбор рабочей среды

Главное окно программы
Управление окнами и панелями Dreamweaver
Работа с Web-страницами
Работа в окне документа
Три режима отображения Web-страницы



Работа с кодом HTML
Поиск и замена текста
Использование регулярных выражений
ПросмотрWeb-страницы
Вызов справки

Настройка Dreamweaver
Учим русский
Настраиваем скорость интернет-соединения
Добавляем программы просмотра Web-страниц
Добавляем внешний HTML-редактор

Чтодальше?

Начинаем с текста

Начинаем с текста
Создание новой Web-страницы
Работа с текстом
Ввод текста
Форматирование абзацев
Форматирование отдельных символов

Вставка специальных символов
Использование HTML-стилей
Работа с гиперссылками
Создание обычных гиперссылок
Создание почтовых гиперссылок
Другие гиперссылки
Создание гиперссылок на FTP-серверы. Новости (USENET)
Использование "якорей"
Общие свойства Web-страницы

Дополнительные возможности Dreamweaver
Использование цветовых схем
Вставка и чтение комментариев
Вставка даты
"Чистка" HTML-кода
Проверка совместимости HTML-кода
Что дальше?

Рисунки, звуки, фильмы

Рисунки, звуки, фильмы
Работа с графическими изображениями
Два вида графических изображений
Вставка графического изображения
Изображения-гиперссылки

Активные изображения
Карты-изображения
Графика Macromedia Flash
Графика Macromedia Shockwave
Фоновые изображения

Мультимедиа
Поддержка мультимедийных данных
Модули расширения
Элементы ActiveX
Что дальше?

Табличный дизайн

Табличный дизайн
Основы табличного дизайна
Зачем нужны таблицы
Схемы табличного дизайна
Построение таблиц разметки вручную
Построение таблиц разметки автоматически
Недостатки способа создания таблиц разметки вручную
Режим разметки страницы Dreamweaver

Таблицы и ячейки разметки
Форматирование таблиц и ячеек разметки
Параметрыячеек разметки
Задание ширины ячеек
Параметры таблицы разметки
Заполнение начальной страницы

Тонкая настройка и оптимизация таблицы разметки
Недостатки табличного дизайна
Недостатки таблиц
Недостатки табличного дизайна
Что дальше?

Использование шаблонов

Использование шаблонов
Введение в шаблоны Dreamweaver
Работа с шаблонами
Создание шаблона

Редактирование шаблона
Создание изменяемых областей
Создание Web-страниц на основе шаблонов
Применение шаблонов к уже созданным Web-страницам
Гиперссылки в шаблонах

Экспорт Web-страниц, основанных на шаблонах
Обновление страниц, созданных на основе шаблонов
Управление шаблонами в окне шаблонов
Новые возможности шаблонов
Изменяемые атрибуты

Необязательные области
Повторяющиеся области
Необязательные изменяемые области
Табличная повторяющаяся область
Вложенные шаблоны

Недостатки шаблонов и их преодоление
Что дальше?

Каскадные таблицы стилей

Каскадные таблицы стилей
Введение в каскадные таблицы стилей
Зачем они нужны
Три способа задания стиля
Почему "каскадные"
Псевдостили гиперссылок

Работа с таблицами стилей в Dreamweaver
Создание стилей
Определение стиля
Параметры шрифта
Параметры фона
Параметры абзаца
Параметры размеров и размещения
Параметры рамки

Параметры маркеров списка
Параметры местонахождения
Дополнительные параметры
Применение стилей
Управление стилями
Управление таблицами стилей

Поддержка внутренних стилей
Таблицы стилей и шаблоны
Временные таблицы стилей
Недостатки таблиц стилей и их преодоление
Что дальше?

Используем новейшие технологии

Используем новейшие технологии

Свободно позиционируемые элементы
Введение в свободно позиционируемые элементы
Что такое свободно позиционируемый элемент
Как создается свободно позиционируемый элемент
Зачем нужны свободно позиционируемые элементы

Работа со свободно позиционируемыми элементами
Создание свободно позиционируемых элементов
Параметры свободно позиционируемых элементов
Работа с группой свободно позиционируемых элементов
Работа со свободно позиционируемыми элементами

Пример использования свободно позиционируемых элементов
Недостатки свободно позиционируемых элементов и их преодоление
Что дальше?

Анимация элементов Web-страниц

Анимация элементов Web-страниц
Введение в Web-сценарии
Ограничения HTML

Web-сценарии
События
Основные принципы анимации
Простейшаяанимация
Анимация реального времени

Анимация — подход Dreamweaver
Зачем нужна анимация
Создание анимации в Dreamweaver
Создание простейшей анимации
Более сложная анимация

Управление анимациями
Анимация графических изображений
Недостатки анимации, основанной на Web-сценариях, и их преодоление
Что дальше?

Использование сценариев

Использование сценариев
Подробнее о Web-сценариях
Зачем нужны Web-сценарии

Язык JavaScript
Объекты
Объектная модель документа (DOM)
Как пишутся Web-сценарии
Простейший Web-сценарий

Более сложный Web-сценарий
Web-сценарии — подход Dreamweaver. Поведения
Работа с поведениями
Панель Behaviors
Создание поведений

Вызов JavaScript-кода (Call JavaScript)
Изменение значения свойства (Change Property)
Перенаправление на другую страницу в зависимости от версии Web-обозревателя (Check Browser)
Проверка наличия модуля расширения (Check Plugin)
Управление фильмом Shockwave или Flash (Control Shockwave or Flash)
Перетаскивание свободно позиционируемого элемента (Drag Layer)
Переход на заданный кадр анимации (Go To Timeline Frame)
Переход на другую Web-страницу (Go to URL)
Скрытие меню гиперссылок (Hide Pop-Up Menu)

Открытие нового окна Web-обозревателя (Open Browser Window)
Проигрывание аудиоклипа (Play Sound)
Запуск проигрывания анимации (Play Timeline)
Вывод предупреждения (Popup Message)
Предварительная загрузка графических изображений (Preload Images)

Изменение изображения-элемента полосы навигации (Set Nav Bar Image)
Задание нового содержимого фрейма (Set Text of Frame)
Задание нового содержимого свободно позиционируемого элемента (Set Text of Layer)
Вывод текста в строке статуса окна Web-обозревателя (Set Text of Status Bar)
Вывод на экран меню гиперссылок (Show Pop-Up Menu)
Показ и скрытие свободно позиционируемых элементов (Show-Hide Layers)
Останов проигрывания анимации (Stop Timeline)
Изменение графического изображения (Swap Image)
Восстановление всех изначальных изображений (Swap Image Restore)
Написание своих Web-сценариев
Особые случаи создания поведений

Привязка поведений к тексту
Поведения и анимации
Отладка Web-сценариев
Какие ошибки бывают в программах
Встроенный отладчик Dreamweaver
Альтернативные технологии
Что дальше?

Метатеги и серверные директивы

Метатеги и серверные директивы

Реклама в Интернете
Поисковые машины
Как работают поисковые агенты
Метатеги
Пассивная интернет-реклама

Работа с метатегами в среде Dreamweaver
Описание Web-страницы
Ключевые слова
Базовый интернет-адрес
Перезагрузка

Связи между Web-страницами
Специальные метатеги
Серверные директивы
Введение в серверные директивы
Стандартный набор серверных директив

include
echo
Как использовать серверные директивы
Поддержка Dreamweaver серверных директив
Что дальше?

Пишем серверные программы

Пишем серверные программы
Введение в серверное программирование
Что такое серверное программирование
Зачем нужны серверные программы
Как Web-сервер обрабатывает данные пользователя
Как Web-обозреватель отправляет введенные данные
Как данные передаются по Сети
Серверное программирование — подход Dreamweaver
Введение в базы данных
Что дальше?

Формы

Формы
Работа с формами в Dreamweaver
Создание формы

Элементы управления
Поле ввода
Кнопка
Флажок
Переключатели

Группа переключателей
Список
Поле ввода имени файла
Графическая кнопка
Скрытое (невидимое) поле

Дополнительные элементы управления
Метка
Группа
Раскрывающийся список гиперссылок
Поведения, предназначенные для работы с формами

Создание списка гиперссылок (Jump Menu)
Создание кнопки перехода для списка гиперссылок (Jump Menu Go)
Задание нового значения поля ввода (Set Text of Text Field)
Проверка данных, введенных в форму (Validate Form)
Простейшая Web-форма
Использование таблиц и стилей для создания форм
Основные принципы разработки форм
Что дальше?

Простейшие серверные приложения

Простейшие серверные приложения
Подготовка к созданию серверных приложений
Установление соединения с базой данных

Создание источника данных ODBC
Регистрация базы данных в Dreamweaver
Создание серверных страниц в Dreamweaver
Создание простейших серверных страниц
Более сложные серверные страницы

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

Привязка элементов управления к данным
Создание сложных наборов данных
Работа с динамическими атрибутами
Получение данных от другой Web-страницы
Создание фильтров

Необязательные области серверной страницы
Быстрое создание серверных страниц
Что дальше?

Создание интерактивных сайтов

Создание интерактивных сайтов
Принципы создания интерактивных сайтов
Административные страницы сайта
Как администрируются Web-сайты
Страница списка высказываний
Страница добавления записи
Страница изменения записи
Средства удаления записи
Страница входа на сайт

Защита страниц от несанкционированного доступа
Реализация выхода с сайта
Страницы общего доступа
Страница списка категорий
Страница списка высказываний
Страница регистрации посетителя
Реализация поиска высказываний
Что дальше?
Содержание