1.1. Возможности программы Macromedia Dreamweaver 8

Рисунок 1. Обложка программы Dreamweaver 8

Довольно известным приложением является редактор фирмы Macromedia DreamWeaver. Работает он как WYSIWYG. Это достаточно мощный инструмент, позволяющий создавать весьма сложные сайты на основе HTML, внедрять на страницы различные активные объекты, такие как Flash, JavaScript, CSS и другие. При этом DreamWeaver дает возможность в любой момент изучить код, исправить или дописать что-то вручную, при этом имеется контроль синтаксиса языка. В общих чертах он позволяет эффективно сочетать визуальный конструктор с ручной версткой HTML. При этом редактор весьма экономичен в ресурсах, что тоже весьма важно.

Редактор позволяет создавать не только отдельные страницы сайта, но сразу планировать всю структуру сайта, контролируя, при необходимости, и обновление сайта на удаленном сервере.

В Macromedia DreamWeaver имеется строка главного меню, в котором сосредоточены все команды. Кроме привычных для любого приложения меню File (Файл), Edit (Редактирование), View (Вид), Insert (Вставить), Window (Окно), Help (Помощь), есть и характерные для DreamWeaver: Modify (Модифицировать), Text (Текст), Commands (Команды) и Site (Сайт).

Рабочая зона окна может иметь различные состояния. Режим кода позволяет создавать и редактировать чистый HTML код. Режим конструктора позволяет наглядно редактировать страницу, подобно страницам документов текстовых процессоров. Так же присутствует совместный режим, в котором можно следить за изменениями в обоих окнах. Выбрать требуемый вид можно в меню View или нажав соответствующую кнопку на панели инструментов. Интерфейс понятен простому пользователю.

Рисунок 2 – Интерфейс программы Macromedia Dreamweaver 8

Заметную популярность программа получила начиная с версии MX, выпущенной компанией Macromedia в 2002 году. До этого момента были выпущены версии 1—4, версию 5 компания пропустила. 7-я версия программы получила название Dreamweaver MX 2004, а затем в 2005 году была выпущена Dreamweaver 8. 20 апреля 2007 года уже компания Adobe выпустила более свежую версию под названием Dreamweaver CS3.

На сегодняшний момент последней версией является Dreamweaver CC.

По состоянию на февраль 2012, кроме варианта оплатить полностью всю стоимость (Full — $399.00), обновить ($119.00), существует оплата через подписку (помесячно — $29.00 в месяц, за год — из расчёта $19.00 в месяц).

2. Разработка Web-сайта

2.1. Планирование сайта

Целью создания сайта магазина «Панда Мьюзик» является обеспечение его деятельности. Сайт должен обеспечивать удобство, безопасность и интуитивную понятность интерфейса пользователю, а также безошибочную, хорошо организованную работу персонала магазина.

Файловую структуру сайта образуют так называемые html-документы,

рисунки и анимации. Документ «index.html» содержит в себе код главной страницы сайта. «Light.html», «sound.html» являются прайс-листом. Документ «info.html» хранит в себе контактную информацию, «sale.html» - содержит информацию о скидках. Папка «image» хранит в себе картинки содержащиеся на главной странице, «files/image» - папка для изображений с наименованием товара.

Информационную структуру сайта образует информация о музыкальных инструментах и световой технике, их краткое описание и стоимость.

Так же присутствует контактная информация.

Навигационная структура сайта выглядит следующим образом:

Рисунок 3 – Навигационная структура сайта