Web-редактор Macromedia Dreamweaver MX

       

Web-редактор Macromedia Dreamweaver MX


Введение
Введение Всякая электронная книгамеет введение, где излагается, зачем же она написана и о чем рассказывает. Эта электронная электронная книгане исключение. Итак... О чем эта электронная элект

Web-редактор Macromedia Dreamweaver MX

Глава 1
унки звуки фильмы
Что такое Интернет
Как создаются Webстраницы


Простейшая Webстраничка
Измененная Webстраничка

Гиперссылки
Два окна Webобозревателя
Клиенты и серверы Интернета
Зачем нужны HTMLредакторы
Что дальше?

Web-редактор Macromedia Dreamweaver MX

Основные принципы работы с Dreamweaver
Поиск и замена текста
Диалоговое окно Find and Replace

Диалоговое окно Find
Диалоговое окно Find
Внимание
Панель Search
Использование регулярных выражений
Таблица 2 1 Регулярное выражение поиска интернетадресов
Таблица 2 2 Регулярное выражение
Таблица 2 3 Литералы регулярных выражений
Просмотр Webстраницы
Кнопка Preview/Debug in Browser

Вызов справки
Окно справочной системы Dreamweaver
Панель Reference
Кнопка Reference
Настройка Dreamweaver
Учим русский
Вкладка New Document
Таблица 2 4 Кодировки русского
Вкладка Fonts диалогового окна Preferences
Настраиваем скорость интернетсоединения

Добавляем программы просмотра Webстраниц
Вкладка Status Bar диалогового окна Preferences
Вкладка Preview in
Окно сведений о программе просмотра
Три режима отображения Webстраницы
Кнопки переключения
Режим отображения страницы и кода
Режим отображения кода
Работа с кодом HTML
Панель Code Inspector

Окно миниредактора HTML
Окно миниредактора при вставке нового тега
Окно миниредактора
Внимание
Диалоговое окно правки тега
Панель Tag Inspector
Кнопка Edit тег Tag
Кнопка Tag Chooser
Диалоговое окно Tag Chooser

Web-редактор Macromedia Dreamweaver MX

Начинаем с текста
Создание обычных гиперссылок
Поле ввода интернетадреса в редакторе свойств
Гиперссылка указывающая на сайт Macromedia
Диалоговое окно Select File
Раскрывающийся список
Создание почтовых гиперссылок
Гиперссылка указывающая на почтовый адрес
Кнопка Email Link панели объектов

Диалоговое окно Email Link
Другие гиперссылки
Создание гиперссылок на РТРсерверы
Использование "якорей"
Учебная Webстраница
Кнопка Named Anchor панели объектов
Диалоговое окно Named Anchor
Значок "якоря"
Общие свойства Webстраницы
Диалоговое окно Page Properties

Внимание
Таблица 3 5 Атрибуты тега BODY
Внимание
Дополнительные возможности Dreamweaver
Использование цветовых схем
Диалоговое окно Set Color Scheme Command
Вставка и чтение комментариев
Кнопка Comment панели объектов
Диалоговое окно Comment
Значок комментария в окне документа Dreamweaver

Вид редактора свойств
Вставка даты
Кнопка Date панели объектов
Диалоговое окно Insert Date
Создание новой Webстраницы
Диалоговое окно New Document
"Чистка" HTMLкода
Диалоговое окно Clean Up HTML / XHTML
Окно статистики "чистки" HTMLкода
Проверка совместимости HTMLкода

Диалоговое окно Check Target Browsers
Панель Target Browser Check
Что дальше?
Работа с текстом
Ввод текста
Наш первый текст
Поле ввода названия
Форматирование абзацев
Раскрывающийся список
Созданный нами заголовок

Кнопки выравнивания
Внимание
Центрированный заголовок
Кнопки задания отступа
Строка с отступом
Кнопки создания списков
Маркированный список
Таблица 3 1 Пункты подменю List
Кнопка доступа к
Диалоговое окно List Properties

Форматирование отдельных символов
Кнопки изменения начертания шрифта
Жирный текст и курсивная строка
Таблица 3 2 Пункты логического форматирования подменю Style
Примеры различного
Таблица 3 3 Теги вставляемые в
Раскрывающийся список смены шрифта
Раскрывающийся список задания размера шрифта
Увеличенный шрифт
Webстраница после изменения шрифта

Селектор цвета Dreamweaver
Окно выбора цвета селектора цветов
мы приводить не будем
Вставка специальных символов
Кнопка Horizontal Rule панели объектов
Горизонтальная линия
Вид редактора свойств
Новый вид горизонтальной линии
Внимание
Кнопка Copyright панели объектов

Панель специальных символов
Символ ""
Использование разрыва строк
Кнопка NonBreaking Space панели объектов
Таблица 3 4 Специальные символы
Кнопка Other Characters панели объектов
Диалоговое окно Insert Other Character
Использование HTMLстилей
Панель HTML Styles
Кнопка New Style панели HTML Styles

Диалоговое окно Define HTML Style
Кнопка Delete Style панели HTML Styles
Работа с гиперссылками

Web-редактор Macromedia Dreamweaver MX

Webстраница сведений об авторе
Фоновые изображения
Webстраница с фоновым изображением
Мультимедиа
Поддержка мультимедийных данных

Таблица 4 1 Типы MIME
Таблица стилей HTML
Модули расширения
Кнопка Plugin панели объектов
Модуль расширения
Редактор свойств
Диалоговое окно Parameters
Запущенный модуль расширения
Внимание
Видеоклип на Webстранице

Элементы ActiveX
Кнопка ActiveX панели объектов
Значок элемента ActiveX
Редактор свойств
Что дальше?
Работа с графическими изображениями
Два вида графических изображений
Вставка графического изображения
Кнопка Image панели объектов
Диалоговое окно Select Image Source

Страница сведений об авторе с его портретом
Страница сведений
Вид редактора свойств при выделенном изображении
Маркер "плавающего" изображения
Изображениягиперссылки
Значок "коммерческое
Активные изображения
Кнопка Rollover Image панели объектов
Диалоговое окно Insert Rollover Image
Картыизображения

Учебная Webстраница с картойизображением
Элементы управления
Вид редактора свойств
Готовая картаизображение
Диалоговое окно Change Attribute
Графика Macromedia Flash
Кнопка Flash Text панели объектов
Диалоговое окно Insert Flash Text
Только что созданная надпись Flash
Вид редактора свойств

Кнопка Flash Button панели объектов
Диалоговое окно Insert Flash Button
Только что созданная кнопка Flash
Кнопка Flash панели инструментов
Графика Macromedia Shockwave
Кнопка Shockwave панели объектов
Вид редактора свойств

Web-редактор Macromedia Dreamweaver MX

ГЛАВА 5

Параметры строки
Результат установки
Параметры таблицы
Вид редактора свойств при выделенной таблице
Внимание
Перекрытие параметров таблицы параметрами ячеек
Кнопки управления
Внимание
Предопределенные форматы таблиц
Готовый список увлечений

Составные изображения
Схема формирования составного изображения
Проблемы с таблицами и их решение
Общие недостатки таблиц и их преодоление
Проблемы с таблицами в старых версиях Navigator
Что дальше?
Является тому примером Не надо
Страница списка законченных проектов
Простые таблицы
Создание таблиц

Кнопка Insert Table панели объектов
Диалоговое окно Insert Table
Наша первая таблица
Таблица с заполненными ячейками
Таблица с заполненными ячейками
Работа с таблицами
Диалоговое окно Insert
Диалоговое окно Insert
Кнопка разделения ячейки редактора свойств
Диалоговое окно Split Cell

Формирование таблиц
Таблица создается с помощью парного
Форматирование таблиц
Выделение элементов таблиц
Параметры ячейки
Вид редактора свойств
Вид таблицы при включенном флажке No Wrap
Таблица со строкой заголовка

Web-редактор Macromedia Dreamweaver MX


Настройка проксисервера или брандмауэра
Диалоговое окно Preferences (вкладка Site)
Панель Site
Панель Site
Дерево"
Кнопка Expand/Collapse
Панель Site в расширенном виде
Кнопка Connect to
Кнопка Refresh инструментария панели Site
Диалоговое окно Edit Sites

Работа с файлами сайта
Внимание
Диалоговое окно Update Files
Взаимодействие панели Site и окна документа
Абсолютные и относительные интернетадреса
Раскрывающийся список
Проверка правильности ссылок и HTMLкода
Внимание
Диалоговое окно Reports
Панель Site Reports

Панель Link Checker
Диалоговое окно Change Link Sitewide
Работа с сервером
Публикация сайта
Кнопка Put File(s) инструментария панели Site
Диалоговое окно Synchronize Files
Окно списка синхронизируемых файлов
Dreamweaver только что закончил синхронизацию
Внимание
Работа с копиями сайта

Кнопка Get File(s) инструментария панели Site
Дополнительные возможности работы
Начала сайтостроения
Примечания
Диалоговое окно Site
Диалоговое окно Design
Диалоговое окно Design Notes (вкладка All Info)
Кнопка Edit панели Assets
Список избранных элементов
Кнопка Add to Favorites панели Assets

Панель Assets отображающая
Кнопка New Favorites
Многоуровневая структура
Кнопка Remove from
Библиотека
Список содержимого библиотеки
Кнопка Delete панели
Диалоговое окно Update Pages
Дополнительные возможности поиска и замены
Другие возможности

Что дальше?
Планирование сайта
Основные этапы планирования сайта
Логическая структура Webсайта
Физическая структура Webсайта
Публикация Webсайта
Управление Webсайтом в Dreamweaver
Регистрация сайта в Dreamweaver
Диалоговое окно Site
Диалоговое окно Site

Диалоговое окно Site
Диалоговое окно Site

Web-редактор Macromedia Dreamweaver MX

Глава 7
Свойства наборов фреймов
Панель Frames
Вид редактора свойств
Внимание
Свойства фреймов

Вид редактора свойств при выделенном фрейме
Таблица 7 2 Параметры фреймов нашего набора
Замещение и работа с ним
Текст замещения
Создание содержимого фреймов
Заполнение фреймов
Готовый заголовок сайта
Готовые сведения об авторских правах
Готовое основное
Создание остальных страниц сайта

Цель гиперссылки
Раскрывающийся список
Полоса навигации
Кнопка Navigation Bar панели объектов
Диалоговое окно Insert Navigation Bar
Таблица 7 3 Данные полосы навигации
Готовая полоса навигации
Оптимизация фреймов
Уменьшение объема и сложности HTMLкода
Структура набора из трех фреймов

ГЛАВА 7
Ускорение обработки фреймов
Решение проблем с фреймами
Недостатки фреймов и их преодоление
Структура фреймов сайта — каталога программ
Проблема с фреймами в старых версиях Navigator
Окно предупреждающее
Окно предлагающее
Что дальше?
Введение во фреймы

Фрейм и набор фреймов
Классический набор из четырех фреймов
Схемы наборов фреймов
Набор фреймов с набором
Набор фреймов с набором
Набор фреймов с двумя
Набор фреймов с заголовком
Набор фреймов с заголовком
Набор фреймов с двумя рекламными блоками
Сложные наборы фреймов

Иллюстрирует вышесказанное
Сложный набор фреймов
Работа с фреймами
Создание фреймов
Внимание
Вкладка Frames панели
Таблица 7 1 Кнопки вкладки Frames
Два горизонтальных фрейма
Три горизонтальных фрейма
Готовый набор фреймов

Толстая штриховая
Внимание
Внимание
Работа с фреймами и наборами фреймов

Web-редактор Macromedia Dreamweaver MX

ГЛАВА 8
Форматирование таблиц и ячеек разметки
Параметры ячеек разметки
Вид редактора свойств

Задание ширины ячеек
Диалоговое окно Choose Spacer Image
Обозначение ячейки
Обозначение "саморастягивающейся"
Меню строки ширин
Параметры таблицы разметки
Вид редактора свойств
Заполнение начальной страницы
Новая начальная страница
Недостатки табличного дизайна

Недостатки таблиц
Таблица разметки должна быть как
Таблица в любом случае получится
Таблица разметки как правило занимает
Таблица 1 заголовок сайта
Таблица 2 набор гиперссылок (полоса навигации)
Таблица 2 основное содержание сайта
Таблица 3 сведения об авторских правах
Многотабличный дизайн начальной страницы
Дизайн главной страницы

Главная страница
Недостатки табличного дизайна
Что дальше?
Основы табличного дизайна
Зачем нужны таблицы
Создание примечаний к тексту с помощью таблиц
Описание товара в
Классический табличный дизайн
Схемы табличного дизайна
Иллюстрация

Иллюстрация
Режим разметки страницы Dreamweaver
Заголовок таблицы
Строка ширин
Готовая разметка