Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
глава 7. r
Создание Web-caoma с помощью Macromedia Dreamweaver MX 2004
Web-страницы и Web-сайты кодируются в компьютере с помощью специальных языков, например HTML [ЭйчТиЭмЭль]. Вы можете досконально освоить эти языки и создавать на их основе Web-страницы. Однако подобный способ подготовки сайтов требует серьезной предварительной подготовки и занимает много времени. Существуют программы, которые позволяют создавать и редактировать Web-страницы в том же виде, в котором они отображаются в браузере, и не требуют знания специальньгх языков описания Web-страниц.
В этой главе мы познакомимся с популярной программой для создания Web-сайтов Macromedia Dreamweaver MX 2004 [Макромедиа Дримуивер Эм Экс]. Данная программа позволяет не только вводить, редактировать и форматировать текст Web-страниц, вставлять изображения и звук, просматривать подготовленные документы в браузере, но и разрабатывать структуру сайта, вставлять ссылки на другие Web-страницы, оптимизировать HTML-код. Вы можете определить поведение объектов, например, сделать так, чтобы кнопка изменяла свой вид при установке на ней указателя мыши. В программе есть возможность разделять Web-страницу на области навигации и содержания, включать
в документ таблицы.
Программа Macromedia Dreamweaver MX 2004 позволяет создавать документы, на базе которых можно быстро готовить другие Web-страницы с похожей структурой. Вы можете организовать пользовательский интерфейс для получения информации от посетителей
сайта в режиме диалога. В программе есть возможность скопировать созданный вами локальный сайт на удаленный компьютер в Интернете и в дальнейшем легко синхрони- , зировать локальную и удаленную версии сайта. Для придания динамизма Web-страницам вы можете создать код или скрипт на языке JavaScript [ДжаваСкрипт].
"' Macromedia Dreamweaver MX 2004, по сравнению с другой популярной программой для подготовки сайтов Microsoft FrontPage [Майкрософт ФронтПэйдж], генерирует примерно . ¦-. ¦ вдвое меньший HTML-код Web-страницы. Macromedia Dreamweaver MX 2004 позволяет создавать документы, которые поддерживаются обеими известными программами для путешествий по сайтам Microsoft Internet Explorer [Майкрософт Интернет Эксплорер] и Netscape Navigator [Нетскэйп Навигатор]. ;
Программа Macromedia Dreamweaver MX 2004 тесно интегрирована с программой для подготовки графики Macromedia Fireworks MX 2004 [Макромедиа Фаеуокс Эм Экс]. Например, вы . можете отредактировать изображение на Web-странице, запустив программу Macromedia Fireworks MX 2004, и затем вернуться к документу с обновленным рисунком в Macromedia Dreamweaver MX 2004. Совместное использование программ Macromedia Dreamweaver MX 2004 и Macromedia Fireworks MX 2004 является одним из лучших решений для
Web-дизайна. Работа с программой Macromedia Fireworks MX 2004 подробно рассматривается в отдельной главе книги.
Простой пользовательский интерфейс, богатство функциональных возможностей, минимальные требования к наличию специальных знаний позволяют эффективно использовать программу Macromedia Dreamweaver MX 2004 как начинающим, так и опытным Web-дизайнерам.
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX
267
Пробная (Trial) версия этой программы с 30-дневным сроком действия содержится на прилагаемом к книге компакт-диске в папке ТІрограммьіХМасготеаіа Dreamweaver щіи в Интернете по адресу http://www.macromedia.com/software/trial_download/.
Примеры данной главы вы можете найти на прилагаемом к книге компакт-диске в папке Примеры\Глава_7.
Зпаісслі^о №/!. Создаем макет Web-сайта
В этом знакомстве мы расскажем об основных элементах рабочего окна программы и создадим макет Web-сайта, который в дальнейшем можно заполнять содержимым,
Сайт удобно создавать в отдельной папке..
v Средствами операционной системы Windows создайте каталог С.ЛСайты, в котором будет храниться сайт.
Теперь запустим программу Macromedia Dreamweaver MX 2004.
v Нажмите кнопку Пуск (Start) на Панели задач (Taskbar) операционной системы Windows. На экране появится главное меню операционной системы.
v Выберите команду Программы * Macromedia • Macromedia Dreamweaver MX 2004
(Programs ¦ Macromedia * Macromedia Dreamweaver MX 2004) из главного меню. При ' первом запуске программы на экране появится диалог Workspace Setup (Установка рабочего пространства) (Рис. 7.1).
Please choose the workspace layout you prefel. You can switch layouts later in Preferences.
'- I. (J
і ''G
..Io
К.~.-Л______.........
OiX
Рис. 7.1. Диалог Workspace Setup (Установкаpaбочегопространства)
t
Если у вас на Рабочем столе (Desktop) операционной системы Windows размещен значок g), то для запуска программы Macromedia Dreamweaver МХдостаточно дважды щелкнуть мышью на этом значке.
В дальнейшем стиль рабочего окна можно изменить с помощью команды меню Edit ¦ Preferences (Правка * Настройки).
> Убедитесь, что в диалоге установлен переключатель Designer (Дизайнер) и щелкните мышью на кнопке ОК. На экране появится диалог Macromedia Product Activation