Использование пакета Dreamweaver

       

Использование пакета Dreamweaver

ГЛАВА 9 Использование шаблонов

Экспорт Webстраниц основанных на шаблонах
Диалоговое окно Export
Обновление страниц созданных на основе шаблонов
Управление шаблонами в окне шаблонов
Кнопка Delete панели Assets
Кнопка Refresh Site List панели Assets
Новые возможности шаблонов
Изменяемые атрибуты
Диалоговое окно Editable Tag Attributes


Диалоговое окно добавления нового атрибута

Диалоговое окно Template Properties
Необязательные области
Шаблон Main с колонкой новостей
Кнопка Optional Region панели объектов
Диалоговое окно New Optional Region
Необязательная область
Повторяющиеся области
Кнопка Repeating Region панели объектов
Диалоговое окно New Repeating Region
Повторяющаяся область

Окончательный вид
Текст описания первой
Таблица 9 1 Кнопки и пункты меню
Готовая главная страница
Необязательные изменяемые области
Кнопка Editable Optional Region панели объектов
Необязательная изменяемая
Табличная повторяющаяся область
Кнопка Repeating Table панели объектов
Диалоговое окно Insert Repeating Table

Табличная повторяющаяся
Вложенные шаблоны
Кнопка Make Nested Template панели объектов
Введение в шаблоны Dreamweaver
Недостатки шаблонов и их преодоление
Что дальше?
Работа с шаблонами
Создание шаблона
Кнопка New Template
Новый пустой шаблон в списке шаблонов

Кнопка Make Template панели объектов
Диалоговое окно Save As Template
Редактирование шаблона
Кнопка Edit панели Assets
Открытый в окне документа шаблон Main
Отредактированный
Создание изменяемых областей
Кнопка Editable Region панели объектов
Внимание
Диалоговое окно New Editable Region

Вновь созданная изменяемая область
Внимание
Внимание
Создание Webстраниц на основе шаблонов
Диалоговое окно New
Только что созданная
Изменяемая область
Применение шаблонов к уже созданным Webстраницам
Диалоговое окно Inconsistent Region Names
Готовая страница списка проектов Projects htm

Гиперссылки в шаблонах

Использование пакета Dreamweaver

ГЛАВА 10 Каскадные таблицы стилей
Параметры шрифта

Комбинированный список
Таблица 10 2 Единицы измерения поддерживаемые стандартом CSS
Параметры фона
Вкладка Background

Параметры абзаца
Вкладка Block диалогового
Параметры размеров и размещения
Вкладка Box диалогового
Графическое изображение

Графическое изображение
Текст с отступами заданными атрибутами стилей
Текстовый абзац
Текстовый абзац
Текстовый абзац

Параметры рамки
Вкладка Border диалогового
Рамка вокруг абзаца
Элемент страницы
Элемент страницы

Вертикальная линия слева от текста абзаца
Параметры маркеров списка
Вкладка List диалогового
Параметры местонахождения
Дополнительные параметры

Вкладка Extensions
Таблица 10 3 Формы курсора мыши
Применение стилей
Webстраница 10 2 htm после задания всех стилей
Панель CSS Styles после задания всех стилей

Страница 10 2 htm
Управление стилями
Панель CSS Styles в режиме правки стилей
Кнопка Delete Style панели CSS Styles
Введение в каскадные таблицы стилей

Управление таблицами стилей
Кнопка Edit Style Sheet панели CSS Styles
Диалоговое окно Edit Style Sheet
Диалоговое окно Link External Style Sheet
Содержимое внешней

Кнопка Attach Style Sheet панели CSS Styles
Поддержка внутренних стилей
Диалоговое окно
Миниредактор HTML
Измененный HTMLкод в миниредакторе HTML

Таблицы стилей и шаблоны
Временные таблицы стилей
Диалоговое окно Design Time Style Sheets
Страница 10 2 htm
Недостатки таблиц стилей и их преодоление

Диалоговое окно
Результат преобразования
Что дальше?
a href="glava-02-zachem-oni-nuzhny.htm" >Зачем они нужны
Справка по атрибуту color в панели Reference

Три способа задания стиля
Таблица стилей в этом случае имеет
Почему "каскадные"
Webстраница использующая стили
Псевдостили гиперссылок

Таблица 10 1 Псевдостили гиперссылок
Работа с таблицами стилей в Dreamweaver
Создание стилей
Панель CSS Styles

Кнопка New CSS Style
Диалоговое окно New CSS Style
Определение стиля
Вкладка Type диалогового окна New CSS Style
Внимание

Внимание

Использование пакета Dreamweaver


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

Использование пакета Dreamweaver

ГЛАВА 12

Зачем нужна анимация
Создание анимации в Dreamweaver
Создание простейшей анимации
Панель Timelines
Комбинированный список анимаций
Предупреждение выводимое
Новая дорожка анимации
Маркер выделенного кадра
Готовая траектория
Более сложная анимация

Две дорожки анимации
Ключевая точка помещенная
Положение анимированного
Сложная траектория
Управление анимациями
Диалоговое окно Rename Timeline
Набор элементов
Внимание
Диалоговое окно Change Object
Анимация графических изображений

Предупреждение выводимое
Недостатки анимации основанной
Что дальше?
Введение в Webсценарии
Ограничения HTML
Webсценарии
События
Основные принципы анимации
Простейшая анимация
Анимация реального времени

Анимация — подход Dreamweaver

Использование пакета Dreamweaver

ГЛАВА 13 Использование сценариев
Webсценарии — подход Dreamweaver Поведения
Таблица 13 2 Поведения поддерживаемые Dreamweaver
Таблица 13 3 События поддерживаемые Dreamweaver
Работа с поведениями
Панель Behaviors

Панель Behaviors
Меню событий панели Behaviors
Таблица 13 4 Пункты подменю Show Events For меню событий
Диалоговое окно Play Timeline
Внимание
Меню поведений панели Behaviors
Создание поведений
Вызов JavaScriptкода (CallJavaScript)
Диалоговое окно Call JavaScript
Изменение значения свойства (Change Property)

Диалоговое окно Change Property
Перенаправление на другую страницу
Диалоговое окно Check Browser
Проверка наличия модуля расширения (Check Plugin)
Диалоговое окно Check Piugin
Управление фильмом Shockwave или
Диалоговое окно Control Shockwave or Flash
Перетаскивание свободно позиционируемого
Диалоговое окно Drag Layer (вкладка Basic)
Диалоговое окно Drag Layer (вкладка Advanced)

Подробнее о Webсценариях
Переход на заданный кадр анимации (Go To Timeline Frame)
Диалоговое окно Go To Timeline Frame
Переход на другую Webстраницу (Go to URL)
Диалоговое окно Go To URL
Скрытие меню гиперссылок (Hide PopUp Menu)
Открытие нового окна Webобозревателя (Open Browser Window)
Диалоговое окно Open Browser Window
Проигрывание аудиоклипа (Play Sound)
Диалоговое окно Play Sound

Запуск проигрывания анимации (Play Timeline)
Вывод предупреждения (Popup Message)
Диалоговое окно Popup Message
Предварительная загрузка графических
Диалоговое окно Preload Images
Изменение изображенияэлемента
Диалоговое окно
Диалоговое окно
Задание нового содержимого фрейма (Set Text of Frame)
Зачем нужны Webсценарии

Задание нового содержимого
Вывод текста в строке статуса
Диалоговое окно Set Text of Status Bar
Внимание
Вывод на экран меню гиперссылок (Show PopUp Menu)
Внимание
Диалоговое окно
Внимание
Кнопка Indent Item
Подменю в меню гиперссылок

Кнопка Outdent Item
Диалоговое окно
Диалоговое окно
Диалоговое окно
Внимание
Показ и скрытие свободно позиционируемых
Диалоговое окно ShowHide Layers
Останов проигрывания анимации (Stop Timeline)
Диалоговое окно Stop Timeline
Изменение графического изображения (Swap Image)

Диалоговое окно Swap Image
Восстановление всех изначальных
Внимание
Написание своих Webсценариев
Особые случаи создания поведений
Привязка поведений к тексту
Язык JavaScript
Поведения и анимации
Кадр анимации в
Поведение привязанное

Отладка Webсценариев
Какие ошибки бывают в программах
Сообщение о синтаксической
Встроенный отладчик Dreamweaver
Внимание
Альтернативные технологии
Что дальше?
Объекты
Таблица 13 1 Некоторые методы класса Date
Объектная модель документа (DOM)

Как пишутся Webсценарии
Простейший Webсценарий
Текущая дата на Webстранице
Более сложный Webсценарий
Анимированный элемент страницы

Использование пакета Dreamweaver

ГЛАВА 14 Метатеги
Базовый интернетадрес

Кнопка Base панели объектов
Диалоговое окно Base
Редактор свойств
Перезагрузка
Кнопка Refresh панели объектов
Диалоговое окно Refresh
Редактор свойств
Связи между Webстраницами
Кнопка Link панели объектов
Диалоговое окно Link

Внимание
Таблица 14 2 Возможные значения полей ввода Pel и Rev
Таблица стилей
Редактор свойств при выбранномметатеге связи
Специальные метатеги
Кнопка Meta панели объектов
Диалоговое окно Meta
Значок которым в
Редактор свойств
Серверные директивы

Введение в серверные директивы
Стандартный набор серверных директив
Include
Внимание
Echo
Таблица 14 3 Встроенные переменные Webсервера
Как использовать серверные директивы
Страницапример сделанная
Реклама в Интернете
Поддержка Dreamweaver серверных директив

Webстраницы содержащие
Серверные включения
Кнопка ServerSide Include панели объектов
Вид редактора свойств
Что дальше?
Поисковые машины
Таблица 14 1 Популярнейшие поисковые машины
Как работают поисковые агенты
Метатеги
Пассивная интернетреклама

Работа с метатегами в среде Dreamweaver
Панель заголовка
Описание Webстраницы
Кнопка Description панели объектов
Диалоговое окно Description
Редактор свойств
Ключевые слова
Кнопка Keywords панели объектов
Диалоговое окно Keywords
Редактор свойств

Использование пакета Dreamweaver

Глава 15
Что дальше?
ГЛАВА 15
Что такое серверное программирование
Зачем нужны серверные программы
Как Webсервер
Таблица 15 1 Расширения файлов серверных программ

Как Webобозреватель отправляет введенные данные
Как данные передаются по Сети
Серверное программирование — подход Dreamweaver
Введение в базы данных
Пример таблицы входящей в базу данных

Использование пакета Dreamweaver

ГЛАВА 16 Формы
Список

Кнопка List/Menu панели объектов
Вид редактора свойств при выделенном списке
Диалоговое окно List Values
Поле ввода имени файла
Кнопка File Field панели объектов
Вид редактора свойств
Графическая кнопка
Кнопка Image Field панели объектов
Вид редактора свойств
Скрытое (невидимое) поле

Кнопка Hidden Field панели объектов
Помещенное на страницу скрытое поле
Вид редактора свойств
Дополнительные элементы управления
Метка
Кнопка Label панели объектов
Группа
Кнопка Fieldset панели объектов
Диалоговое окно
Внимание

Раскрывающийся список гиперссылок
Кнопка Jump Menu панели объектов
Диалоговое окно Insert Jump Menu
Поведения предназначенные для работы с формами
Создание списка гиперссылок (Jump Menu)
Работа с формами в Dreamweaver
Создание кнопки перехода для списка
Задание нового значения поля ввода (Set Text of Text Field)
Проверка данных введенных в форму (Validate Form)
Простейшая Webформа

Надпись и поле ввода
Надпись и поле ввода
Поля ввода имени и фамилии
Группа переключателей задания пола
Готовая форма в окне Webобозревателя
Использование таблиц и стилей для создания форм
Таблица в форме Рисунок 16 37
Готовая форма созданная
Основные принципы разработки форм
Что дальше?

Создание формы
Кнопка Form панели объектов
Пустая форма на Webстранице
Вид редактора свойств при выделенной форме
Элементы управления
Поле ввода
Иллюстрация
Вид редактора свойств при выделенном поле ввода
Вид редактора свойств
Таблица 16 1 Выбор пункта раскрывающегося списка Wrap

Внимание
Кнопка Textarea панели объектов
Кнопка
Кнопка Button панели объектов
Вид редактора свойств при выделенной кнопке
Флажок
Кнопка Checkbox панели объектов
Вид редактора свойств при выделенном флажке
Переключатели
Кнопка Radio Button панели объектов

Вид редактора свойств
Группа переключателей
Кнопка Radio Group панели объектов
Диалоговое окно Radio Group

Использование пакета Dreamweaver

ГЛАВА 17
Страница отображающая данные
Кнопка Dynamic Text панели объектов

Динамический текст
Создание навигатора
Готовая страница Guestbook asp с навигатором
Создание строки статуса набора данных
Готовая страница
Страница для одновременного просмотра нескольких записей
Привязка элементов управления к данным
Создание сложных наборов данных
Диалоговое окно Recordset (расширенное)
Работа с динамическими атрибутами

Получение данных от другой Webстраницы
Внимание
Создание фильтров
Необязательные области серверной страницы
Подготовка
Диалоговое окно Site
Быстрое создание серверных страниц
Что дальше?
Установление соединения с базой данных
Внимание

Внимание
Создание источника данных ODBC
Диалоговое окно Администратор
Диалоговое окно Создание
Диалоговое окно Установка
Регистрация базы данных в Dreamweaver
Панель Databases
Диалоговое окно Data Source Name (DSN)
Создание
Создание простейших серверных страниц

Панель Server Behaviors
Более сложные серверные страницы
Создание набора данных
Кнопка Recordset панели объектов

Использование пакета Dreamweaver

ГЛАВА 18 Создание интерактивных сайтов
Защита страниц от несанкционированного доступа

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

Страница списка высказываний
Страница добавления записи
Таблица sentences как вы уже заметили
Страница изменения записи
Средства удаления записи
Страница входа на сайт

Использование пакета Dreamweaver


Заключение
Таблица 1 Список интернетресурсов по теме книги

Содержание раздела