Шаг 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 - для перехода по клику на другую страничку
|
|
Палитра специальных символов поможет вам просто и легко добавить на свою страничку знак копирайта, зарегистрированной торговой марки, йены и многого другого. Достаточно просто нажать на нужную кнопку.
|
Для первого раза, я думаю достаточно. Попробуйте повставлять различные объекты в ваш документ. Как вы видите при нажатии на каждую кнопку возникают различного рода диалоги. На следующем шаге мы разберемся с некоторыми из них.
Содержание |
Вперед