DreamWeaver шаг за шагом.

Шаг 1

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

Идея данного описания проста - мы с вами, будем постепенно (по шагам) строить некий сайт (например домашнюю страничку). При этом я постараюсь пройтись по всем возможностям DreamWeaver. Расскажу где и чем лучше всего пользоваться.

Начнем мы с самого простого - с интерфейса пакета

Так выглядит внешний вид DreamWeaver 3 после его установки и загрузки. Основные панели я выделил и подписал. Для удобства можно эту картинку распечатать, так как я буду довольно часто на нее ссылаться.

Как вы видите в основном интерфейс представлен основным окном документа, где мы проивзодим все основные действия и вспомогательными плавающими панелями. На самом деле, можно (если у вас, например стоит разрешение менее 800х600) закрыть все эти плавающие панели, открыть окно документа на весь экран и пользоватся только главным меню (все необходимые пункты в нем имеются).

Начнем разбор интерфейса с панели "палитра объектов" - палитры, при помощи которой мы помещаем практически все внешнюю (не касающуюся текста) информацию на нашу страничку. Эта палитра имеет несколько разных вариантов, которые могут быть открыты при помощи выпадающего меню в верхней части "палитры объектов". Давайте посмотрим, что это за варианты.

	По умолчанию всегда стоит палитра common objects (основные объекты). В нее включено практически все что вам нужно (слева-навправо, сверху-вниз): Image (картинка) - вставляет на страничку графический элемент Rollover Image (перекатыш) - вставляет на страничку конструкцию, которая имитирует анимированную кнопку (кнопку изменяющую свой вид при наведении на нее) Table (таблица) - вставляет на страничку таблицу Tabular data (табличные данные) - вставляет готовую с таблицу с готовыми данными (например из Exel) Horizontal Rule (линейка) - вставляет декоративный элемент - линейку (обычно используется как разделитель абзацев) Navifgation Bar - вставляет навигационную панель состоящую из нескольких кнопок Draw Layer (нарисовать слой) - вставляет на страничку слой (как в PhotoShop) Line Break (мягкий перенос) - вставляет на страничку (в тексте) мягкий перенос E-mail Link (сслыка на электронную почту) - вставляет на страничку ссылку на электронный адрес Date (дата) - вставка в документ текущей даты (можно с автообновлением) Flash - вставляет флеш-анимацию в страничку ShockWave - вставляет Shockwave-анимацию Generator - вставляет заготовку Generator FireWorks - вставляет объект FireWorks Applet - вставляет ява-апплет ActiveX - вставляет ActiveX Plugin - вставляет объект, проигрываемый плагином SSI - вставляет инклюд (подключаемый внешний HTML файл)
	Палитра Invisibles возволяет добавлять в исходный код странички: закладки комментарии ява-скрипты неразрывные пробелы
	Палитра head помогает нам добавлять различные описания и свойства странички, такие как: мета-теги ключевые слова описания странички устанавливать параметры обновления странички указывать базовую ссылку (ссылку по умолчанию) указывать ссылки
	Палитра Frames (фреймы) поможет сделать одним нажатием на кнопку сложную фреймовую структуру. Подробнее о фреймах и их применении позже.
	Палитра forms (формы) служит для визуального создания форм (того, что вы довольно часто заполняете на различных сайтах). Она состоит из объектов: form - сама форма text field - текстовое поле button - кнопка checkbox - чекбокс (это где вы галочку на выборах ставите) radio button - радиобаттон, обеспечивает выбор одного из вариантов list/menu - делает выпадающий список или меню filefield - форма для закачки файлов imagefield - поле картинки hidden filed - скрытое поле jump menu - для перехода по клику на другую страничку
	Палитра специальных символов поможет вам просто и легко добавить на свою страничку знак копирайта, зарегистрированной торговой марки, йены и многого другого. Достаточно просто нажать на нужную кнопку.

Для первого раза, я думаю достаточно. Попробуйте повставлять различные объекты в ваш документ. Как вы видите при нажатии на каждую кнопку возникают различного рода диалоги. На следующем шаге мы разберемся с некоторыми из них.

Содержание | Вперед