Создание сайта при помощи Dreamweaver MX

Содержание Стр. Введение 2 Обзор Dreamweaver MX 4 Работа с текстом 7 Панель Вставить 7 Меню Основное 7 Меню Расположении 8 Меню Текст 8 Меню Таблицы 9 Меню Фреймы 9 Меню Формы 9 Меню Шаблоны 11 Меню Символы 13 Меню Медиа 13 Меню Заголовок 14 Меню Скрипт 15 Сценарии 16 Анимация 17 Достоинства Dreamweaver 17 Недостатки Dreamweaver 18 Заключение 18 Системные требования 19. Введение. В наше время профессия Web-дизайнера стала массовой почти каждая фирма и даже фирмочка имеет свое представительство в Интернете, авторам новых продуктов или технологий трудно рассчитывать на успех беи массированной рекламы в сети. Этот мощный социальный заказ породил целую индустрию средств Web-проектирования и программирования.

Американская софтверная фирма Macromedia Inc точно уловив тенденции рынка, сделала ставку на развитие программных средств, ориентированных на различные секторы Web-дизайна и электронной коммерции.

Ее успехи, достигнутые за последние несколько лет, впечатляют. Многие продукты фирмы заняли лидирующие позиции в своих отраслях, а некоторые из них можно считать флагманами, определяющими направления и тенденции развития программного обеспечения данного класса.

К числу таких, редких в наше время примеров принадлежит программа Dreamweaver. Система Dreamweaver это визуальный редактор гипертекстовых документов. Эта формулировка не способна точно передать существо дела. Мощная профессиональная программа Dreamweaver обладает всеми необходимыми средствами для генерации страниц HTML любой сложности и масштаба. Она обеспечивает режим визуального проектирования WYSIWYG или What You See Is What You Get что ты видишь, то ты и получишь отличается очень чистой работой с исходным текстом Web-документов, обладает встроенными средствами поддержки больших сетевых проектов.

Ни в одном из существующих в наше время редакторов концепция WYSIWYG не реализована полностью. Программа Dreamweaver подошла к декларируемому идеалу ближе конкурентов. Прямая работа с кодами не исключена полностью, но сведена к разумному минимуму. Программа не только обладает мощным арсеналом средств визуального проектирования, но и способна отображать Web-страницы почти как специализированные программы просмотра Microsoft Internet Explorer или Netscape Navigator.

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

В 2003 году вышла шестая MX версия программы. Теперь только инерция заставляет называть этот продукт программой. По сути дела, это развитая среди Web-проектирования, и которую интегрировано несколько программных средств и модулей, обеспечивающих весь операционный цикл разработки и поддержки виртуальных проектов. На данный момент существует множество программ, с помощью которых можно создать собственную web-страницу, не вникая во все тонкости интернет технологий и стандартов.

Но Macromedia Dreamweaver MX одна из самых мощных программ, поддерживающих все современные стандарты Интернета и невероятно облегчающая выполнение даже самых сложных задач. Кроме того, она содержит в своем составе развитую систему подсказки и интерактивных уроков, позволяющих начинающему пользователю быстро приступить к работе. По иронии судьбы, Dreamweaver задвинут в тень своего более раскрученного собрата Microsoft FrontPage, но он не заслужил своей участи.

Macromedia Dreamweaver достаточно старый пакет. Первая его версия была разработана еще в 1998 году и получила популярность в России благодаря благосклонности к русскому языку и снисходительному отношению к множеству русскоязычных кодировок. Программа Dreamweaver основана на принципах открытой архитектуры. Это значит, что полностью открыт интерфейс прикладного программиста Application Programming Interface, API, с помощью которого сторонние программисты и софтверные фирмы могут выполнить радикальные изменения функциональных возможностей программы и ее интерфейса добавить новый инструмент, создать панель или раздел меню, запрограммировать новый объект или мультимедийный ролик и пр. Можно сказать, что в настоящее время вокруг системы Dreamweaver сложилась целая индустрия по разработке программных дополнений и расширений.

Фирма Macromedia создала специальный сайт для рекламы и распространения этих средств. К этому моменту, число зарегистрированных и сертифицированных дополнений приближалось к четырем сотням. Современные сайты представляют собой сложноструктурированные гетерогенные документы с динамическим контентом и интерактивными эффектами.

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

Пользуясь спортивной терминологией, можно сказать, что программа Dreamweaver - командный игрок. Она прекрасно взаимодействует со всеми программами, которые фирма Macromedia позиционирует на рынке средств разработки и поддержки сетевых проектов. Это, прежде всего, векторный редактор Flash, с которым система Dreamweaver образует хорошо наигранную связку, и непосредственный партнер растровый редактор Fireworks.

Обзор Dreamweaver MX

В нижней части документа расположена строка состояния. Многие windows-... Окно документа Dreamweaver может показывать редактируемую web- страниц... Но окно редактора позволяет править только теги, а не их содержимое. В составе Dreamweaver, помимо стандартной справки, также поставляется ... Также можно добавить свой собственный HTML- редактор.

Работа с текстом

Все эти пункты меню находятся внизу, в панели свойства. Кроме того, в этой панели можно задать цвет текста. Шестая по счету кнопка вставляет изображение. После выбора рисунка в д... К сожалению, в этом окне, Dreamweaver некорректно отображает русские б... После создания списка, в панели свойства можно изменить тип списка, ег...

Меню Таблицы

Выбрать тип выравнивания слева, по центру, справа или стандарт. Самая первая кнопка меню создает таблицу, аналогично кнопке вставить т... Остальные пять кнопок служат только для вставки тегов тег таблицы, ряд... Как правило, стандарт- это выравнивание слева. Также можно задать ширину, высоту, фоновый рисунок, фоновый цвет, цвет...

Меню Фреймы

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

Меню Формы

Меню Формы. Первая кнопка создает пустую форму. Значение, изначально присвоенное этому полю не может быть изменено пос... После клика на кнопку меню перехода, появляется меню, где можно создат... Из всех свойств доступны только ширина символов и максимальная длина с...

Меню Шаблоны

Это строки, которые станут пунктами повторяющихся областей. Помимо пре... Первый недостаток состоит в том, что шаблон- штука очень статичная, он... Но этот недостаток преодолим- Dreamweaver MX поддерживает экспорт сайт... Меню символы требуется для вставки специальных символов, таких как йен... Тогда web- обозреватель ни в коем случае не перенесет строку по этому ...

Меню Медиа

На выбор предлагается сорок пять стилей кнопок, причем слева располага... Если web- обозреватель встречает неизвестный тег, то он просто игнорир... Метатег - это особый тег HTML, предназначенный для помещения в код web... В списке надо выбрать тип создаваемого метатега имя содержащее информа... В этом случае полные интернет - адреса будут вычисляться относительно ...

Меню Скрипт

Для создания тега, надо нажать первую кнопку скрипт и в появившемся ок... После создания самого скрипта, в меню свойства, можно изменить язык, с... После задания какого- либо поведения для того или иного элемента стран... Всего, Dreamweaver MX поддерживает двадцать семь поведений для различн... Для создания анимации нужно вызвать панель timelines и выбрать объект,...

Недостатки Dreamweaver

Среди прочих недостатков - это то, что каждый раз заново приходится де... Из-за этого приходится вручную редактировать файлы программы, содержащ... Самый главный недостаток Dreamweaver MX- это конечно нелюбовь к русско... Недостатки Dreamweaver. Программа некорректно обрабатывает русские имена файлов, названия кноп...

Заключение

Заключение.

Линейка продуктов Macromedia MX, прежде всего ориентирована на удобство конечного пользователя. По сравнению с предыдущими версиями, компания сделала большой шаг вперед, предложив дизайнерам новый, продуманный дизайн и гибкость интерфейса. Dreamweaver MX- это программа, которая подойдет как и начинающим пользователям, не знакомыми с основами HTML, так и продвинутым пользователям, которые уже не один год занимаются профессиональным web-дизайном. Не зря большинство пользователей отдают предпочтение именно Dreamweaver, ведь эта компания на протяжении восьми лет создает продукты, существенно облегчающие создание сайтов и существенно оживляющие жизнь интернета.

Системные требования для удовлетворительной работы с Dreamweaver MX. Системные требования для Apple Macintosh Power Macintosh G3 или выше Mac OS 9.1, Mac OS 9.2.1, или Mac OS X 10.1 или более поздний Mac OS Runtime for JAVA 2.2 MRJ или выше Internet Explorer или Netscape Navigator не ниже V4.0 96 MB оперативной памяти 128 MB рекомендуется 275 MB свободного места на жестком диске 256 цветов, 800x600 точек рекомендуется 1024x768, миллион цветов CD-ROM 4x Системные требования для Microsoft Windows Pentium II 300 MHz или больше Win982000NT SP3MEXP Internet Explorer или Netscape Navigator v4.0 275 MB на жестком диске RAM 128 MB 256 цветов, 800x600 точек рекомендуется 1024x768, миллион цветов CD-ROM 4x Список используемой литературы 1. А, Горячев, Ю. ШафринИнформатика, Практикум по информационным технологиям, М Лаборатория базовых знаний, 19992. Ю. ШафринИнформатика, Информационные технологии, М Лаборатория базовых знаний, 20003. И. Семакин, Е. ХеннерИнформатика. 10 и 11класс, М БИНОМ, Лаборатория знаний, АО Московские учебники,20044. Microsoft Office 2000. Шаг за шагом.

Практическое пособие.

Изд. ЭКОМ, М 20005. Н.УгриновичИнформатика и информационные технологии,10-110 класс, М Лаборатория базовых знаний, АО Московские учебники,20026. Н.УгриновичПрактикум по информатике и информационным технологиям, М Лаборатория базовых знаний, АО Московские учебники,20027. Брент Хеслоп, Ларри БандикHTML с самого начала, для пользователей Windows.

Питер, Санкт Петербург, 19978. Владимир ДроновMacromedia Dreamweaver MX Наиболее полное руководство, БХВ-Петербург, 2003 К диплому прилагается пример в виде Web- сайта на двух 1.44- дюймовых дискетах.