Начала > Разработка Web-проектов

Разработка Web-проектов

Разработка Web-проекта начинается с определения стратегии сайта или его целей. Затем создается общий дизайн и необходимые для него элементы; после этого проверяются функциональные возможности сайта, и определяется его соответствие поставленным целям, а затем сайт публикуется. Многие разработчики плюс к этому предусматривают периодическое обновление сайта, что гарантирует постоянную актуальность и функциональность сайта.
Чтобы упростить поиск необходимой информации, описание Dreamweaver сгруппировано по разделам, в соответствии с описанными выше этапами работы над сайтом: планирование сайта, дизайн, разработка, тестирование, публикация и поддержка.

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

Тщательное планирование и организация сайта с самого начала сохранят в перспективе Ваши время и силы. Организация сайта подразумевает много больше, чем простое размещение файлов: планирование зачастую предполагает исследования аудитории и целей сайта. Кроме того, необходимо рассмотреть такие технические требования как, например, способ доступа пользователей сайту, используемые браузеры, плагины (plug-in) или др.

Собрав эту информацию и проанализировав ее, можно начать создание сайта.

	Определите свою стратегию и круг пользователей, для которых предназначен ваш сайт. См Планирование и Настройка Сайта.
	Используйте представление файлов в виде карты сайта, чтобы организовать структуру сайта. В окне Site (сайт) можно легко добавлять, удалять и переименовывать файлы и папки, изменяя структуру всего сайта. См. Управление Сайтом и Коллективная работа.

Если Вы работаете в коллективе разработчиков, то Вам пригодятся следующие темы:

	Настройки, предотвращающие переписывание используемых файлов вашими коллегам; см. Настройка системы пометок.
	q Использование дизайн-примечаний для передачи информации другим разработчикам; см. Сохранение информации в дизайн-примечаниях.

 
Проектирование Web-страниц

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

	Создание документа HTML в Dreamweaver, указание названия страницы и цвета или фона. См. Введение Документа.
	q Режим представления Dreamweaver Layout (макет) и инструменты макета позволяют быстро проектировать Web страницы, а также изменять их структуру в дальнейшем. См., Проектировании макета страницы.
	q С помощью панели Dreamweaver Objects (Объекты) можно создавать и изменять таблицы, создавать фреймы и различные формы, а также работать со слоями. См. Таблицы: обзор, Фреймы: обзор, Слои: обзор и Формы: обзор.

 
Наполнение содержанием

Dreamweaver позволяет создавать на страницах Web самое разное содержание, используя для этого встроенные ресурсы, а также изменяя свойства текста, изображений, цветов, фильмов, звука и других средств представления информации.

	Панель Assets (Ресурсы) позволяет организовать ресурсы сайта; большинство необходимых элементов можно вводить в документ непосредственно из панели Assets (Ресурсы). См. Управление Активами.
	Текст вводится непосредственно в документ или импортируется из других документов, а затем форматируется с помощью инспектора Property (свойства) или панели Style HTML (стили HTML). Вы также можете создавать собственные стили. См. Вставка и Форматирование Текста.
	q В документы можно вставлять изображения, в том числе чувствительные (rollover) изображения, создавать карты изображений, а также использовать изображения подготовленные в Fireworks. Вставленные изображения выравниваются на странице с помощью инструментов выравнивания. См. Обзор Dreamweaver и Fireworks, Изображения: обзор.
	Кроме этого в документ можно вставить другие элементы типа объектов Flash, Shockwave, и QuickTime кино, звука, и аплетов. См. Ввод средств мультимедия: обзор.
	Содержание страницы можно изменять, редактируя код HTML и JavaScript в режиме редактора Кода HTML или в инспекторе Code (код HTML). См. Редактирование HTML в Dreamweaver.
	В Dreamweaver можно создавать гипертекстовые ссылки и ссылки на электронную почту связи, а также создавать графические системы навигации типа меню перехода и навигационных линеек. См. Ссылки и навигация: обзор.
	q Шаблоны Dreamweaver и файлы библиотеки ускоряют создание страниц с одинаковыми элементами. Можно создавать новые страницы от шаблона, затем добавлять или содержание изменения в редактируемых областях. См. Шаблоны и библиотеки: обзор.

 
Интерактивные эффекты и анимация

Многие Web-страницы статичны и содержат только текст и неподвижные изображения. Dreamweaver позволяет сделать страницы интерактивными, ввести в них анимацию и тем привлечь интерес посетителей; кроме того рекомендуется создать возможность обратной связи чтобы посетители могли связаться с владельцем сайта или передать ему некоторую информацию. Посетители не должны активно работать с сайтом, а не оставаться пассивными зрителями.

Есть несколько способов сделать страницы интерактивными и ввести на них анимацию с помощью Dreamweaver:

	Временные диаграммы позволяют создать анимации не требующие плагинов, средств ActiveX или Java. Временные диаграммы используют динамический HTML для того чтобы изменить положение слоя или изображения через какое-то время или запустить интерактивный эффект после загрузки страницы. См. Слои: обзор.
	Интерактивные эффекты запускают некоторые действия в ответ на определенные события, например выдвигают на первый план кнопку, когда посетитель наводит на нее указатель, проверяет введенные в анкету данные, когда посетитель нажимает кнопку "Отправить" или открывает новые окна браузера когда заканчивается загрузка главной страницы. См. Интерактивные эффекты: обзор.
	Настраиваемый Отладчик кода JavaScript. См. Отладчик JavaScript: обзор.
	q Используйте анкеты и предлагайте посетителям сайта вводить данные непосредственно на странице Web. См. Формы: обзор