Mefodia MIDI-Sound Studio

1. Планирование и настройка сайта
Следует определить, куда должны идти файлы, а также проанализировать требования сайта, профили
аудитории и цели сайта. Кроме того, следует учитывать технические требования, например доступ для
пользователей, а также ограничения, связанные с браузером, подключаемыми модулями и загрузкой. После
того как информация будет организована, а структура определена, можно приступать к созданию сайта.
2. Организация файлов сайта и управление ими
На панели «Файлы» можно легко добавлять, удалять и переименовывать файлы и папки, чтобы
соответствующим образом изменить организацию. На панели «Файлы» содержится также множество
инструментов для управления сайтом, обмена файлами с удаленным сервером, настройки процесса
извлечения/возврата, предотвращающего перезапись файлов, а также для синхронизации файлов на
локальном и удаленном сайтах. Панель «Активы» помогает упорядочить ресурсы сайта. Большинство
ресурсов на панели «Активы» доступны для перетаскивания в документы Dreamweaver. Dreamweaver
позволяет также управлять различными аспектами сайтов Adobe Contribute.
3. Создание макета веб-страниц
Для создания внешнего вида сайта необходимо выбрать метод работы или воспользоваться сочетанием
параметров макета Dreamweaver. При создании собственного макета можно пользоваться элементами AP
Dreamweaver, стилями позиционирования CSS или стандартными макетами CSS. Инструменты на рабочем
столе позволяют быстро конструировать страницы путем рисования структуры страницы и последующего ее
переупорядочения. Если нужно отобразить в браузере одновременно несколько элементов, можно
использовать фреймы для создания макетов документов. Наконец, можно создать новые страницы на основе
шаблона Dreamweaver, чтобы при его изменении макеты этих страниц автоматически изменялись.
4. Добавление содержимого на страницы
Добавление ресурсов и элементов оформления, таких как текст, изображения, замещающие изображения,
карты ссылок, цвета, видео и аудио, ссылки HTML, меню переходов и так далее. Можно применять
встроенные средства создания страниц для таких элементов, как заголовки и фон, осуществлять ввод
непосредственно на страницу или импортировать содержимое из других документов. Dreamweaver также
предоставляет варианты поведения при выполнении задач в ответ на определенные события, такие как
проверка формы при нажатии посетителем кнопки «Отправить» или открытие второго окна браузера, когда
кончилась загрузка основной страницы. Наконец, Dreamweaver предоставляет средства для увеличения
производительности веб-сайта и для тестирования совместимости страниц с разными веб-браузерами.
5. Создание страниц ручным кодированием
Кодирование веб-страниц вручную — еще один подход к созданию страниц. Dreamweaver предоставляет
простые в использовании визуальные средства редактирования и в то же время предоставляет сложную среду
для кодирования; так что для создания и редактирования страниц можно воспользоваться как одним, так и
другим подходом либо обоими.
6. Настройка веб-приложения на динамическое содержимое
Многие веб-сайты содержат динамические страницы, которые позволяют посетителям просматривать
сведения, хранящиеся в базах данных, и обычно дают возможность некоторым посетителям добавлять новую
информацию и редактировать сведения в базах данных. Для создания таких страниц сначала необходимо
настроить веб-сервер и сервер приложений, создать или изменить сайт Dreamweaver, а также соединиться с
базой данных.
7. Создание динамических страниц
В Dreamweaver можно определить множество источников динамического содержимого, включая
извлеченные из баз данных наборы записей, параметры форм и компоненты JavaBeans. Чтобы добавить
динамическое содержимое, просто перетащите его на страницу.
Можно настроить страницу на показ одной или нескольких записей одновременно, отображение нескольких
страниц записей, добавление специальных ссылок для перемещения от одной страницы данных к следующей
(и обратно); можно также создавать счетчики записей, чтобы пользователям было удобнее отслеживать
записи. Приложения и бизнес-логику можно инкапсулировать с помощью Adobe® ColdFusion®, веб-служб и
других технологий. Если требуется больше гибкости, можно создать заказные варианты поведения сервера и
интерактивные формы.
8. Тестирование и публикация
Тестирование страниц является непрерывным процессом, происходящим на протяжении всего цикла
разработки. В конце цикла сайт публикуется на сервере. Многие разработчики также планируют
периодическое сопровождение, чтобы гарантировать, что сайт работает и остается актуальным.

А. Панель приложений
B. Панель инструментов «Документ»
C. Окно документа
D. Переключатель рабочих пространств
E. Группы панелей
F. CS Live
G. Селектор тегов
H. Инспектор свойств
I. панель «Файлы»

Экран приветствия
Позволяет открыть недавно использовавшийся документ или создать новый. Экран приветствия позволяет также больше узнать о Dreamweaver, выбрав руководство или просмотр продукта.
Панель приложений
В верхней части окна приложения находится переключатель рабочих пространств, меню (только в Windows) и другие элементы управления.
Панель инструментов «Документ»
Содержит кнопки, представляющие разные варианты отображения в окне документа (такие как представления «Дизайн» или «Код»), различные параметры просмотра и некоторые распространенные операции, такие как предварительный просмотр в браузере.
Панель инструментов «Стандартная»(Не отображается в макете рабочего пространства по умолчанию.)
Содержит кнопки для обычных операций из меню «Файл» и «Правка»: «Создать», «Открыть», «Обзор в Bridge», «Сохранить», «Сохранить все», «Печать кода», «Вырезать», «Копировать», «Вставить», «Отменить» и «Вернуть». Чтобы отобразить панель инструментов «Стандартная», выберите пункты меню «Просмотр» > «Панели инструментов» > «Стандартная».
Панель инструментов «Создание кода»
(Отображается только в представлении «Код».) Содержит кнопки, позволяющие выполнять множество стандартных операций кодирования.
Панель инструментов «Обработка стиля»
(По умолчанию скрыта.) Содержит кнопки, позволяющие увидеть, как будет выглядеть оформление на разных типах носителя при использовании таблиц стилей, зависящих от носителя. Содержит также кнопки, включающие или отключающие каскадные таблицы стилей (CSS).
Окно документа
Отображает текущий документ по мере его создания и редактирования.
Инспектор свойств
Позволяет увидеть и изменить множество свойств выбранного объекта или текста. Каждый объект имеет различные свойства. Инспектор свойств не раскрывается по умолчанию в макете рабочего пространства «Разработчик».
Селектор тегов
Размещается в строке текущего состояния в нижней части окна документа. Показывает иерархию тегов, окружающих текущую выборку. Для выбора тега и всего его содержимого щелкните нужный тег в иерархии.
Панели
Помогает управлять работой и вносить изменения. В качестве примера можно привести панели «Вставка», «Стили CSS» и «Файлы». Чтобы развернуть панель, дважды щелкните ее вкладку.
Панель «Вставка»
Содержит кнопки для вставки в документы различных объектов: изображений, таблиц и элементов мультимедиа. Каждый объект представляет собой фрагмент кода HTML, который позволяет настраивать различные параметры при вводе объекта. Например, нажав кнопку «Таблица» на панели
«Вставка», можно вставить в документ таблицу. При желании объекты также можно вставлять в документ через меню «Вставка».
Панель «Файлы»
Позволяет управлять файлами и папками, когда они являются частью сайта Dreamweaver
или находятся на удаленном сервере. Панель «Файлы» позволяет также получить доступ ко всем файлам на
локальном диске, подобно Windows Explorer (Windows) и Finder (Macintosh).

Представление «Дизайн»
Среда разработки для визуального отображения, редактирования и быстрой разработки приложений. В этом режиме Dreamweaver отображает полностью редактируемое визуальное представление документа, похожее на представление страницы, отображаемой в браузере.
Представление «Код»
Среда ручного кодирования для ввода и редактирования HTML, JavaScript, серверного кода, такого как PHP или языка разметки ColdFusion (CFML), а также кода любого другого типа.
Представление «Код с разделением»
Разделенный на две области вариант представления «Код», в котором обе области прокручиваются независимо, позволяя одновременно работать с различными частями документа.
Представление «Код и дизайн»
Позволяет видеть представления «Код» и «Дизайн» в одном и том же окне документа.
Интерактивный просмотр
Как и представление «Дизайн», представление «Интерактивный просмотр» отображает более реалистическое представление документа в браузере и позволяет взаимодействовать с документом именно таким образом, как это будет происходить в браузере. Представление «Интерактивный просмотр» не поддерживает редактирование. Однако документ можно отредактировать в представлении «Код» и отобразить изменения, обновив представление «Интерактивный просмотр».
Представление «Интерактивный код»
Доступно только при просмотре документа в представлении «Интерактивный просмотр». Представление «Интерактивный код» отображает реальный код, используемый браузером для отображения страницы, и может динамически изменяться при взаимодействии со страницей в представлении «Интерактивный просмотр». Представление «Интерактивный код» не поддерживает редактирование. Когда окно документа развернуто на весь экран (по умолчанию), в верхней его части отображаются вкладки с именами всех открытых документов. Если в файле имеются несохранённые изменения, Dreamweaver выводит звездочку после имени файла. Для перехода к документу щелкните его вкладку. Dreamweaver также отображает панель «Связанные файлы» под вкладкой документа (или под строкой заголовка документа, если документы отображены в отдельных окнах). Связанными называются документы, к которым обращается текущий файл (например, файлы CSS или JavaScript). Чтобы открыть один из связанных файлов в окне документа, щелкните соответствующее имя файла на панели «Связанные файлы».