DreamWeaver Mx 2004 - реферат

Реферат по информатике на тему Визуальный HTML-редактор Macromedia DreamWeaver версия MX 2004 7.01 выполнил ученик 11 Б класса Лактионова Александр Содержание Введение 3 Общий обзор 4 Внешний вид 7 Настройка 8 Работа с текстом 8 Работа с мультимедиа содержимым 9 Заключение 10 Список литературы -

Списка литература нет, т.к. все взято из головы Введение Каждый выбирает свой инструмент для создания Web-страниц. Это может быть Microsoft FrontPage или Macromedia DreamWeaver, Macromedia HomeSite и т.п. А кто-то пользуется простым текстовым редактором, например Блокнотом Notepad. Текстовые редакторы, возможно, использовать только для создания небольших страниц,

так как у них есть много минусов не поддерживаются проекты, отсутствует подсветка текста в общем, работать с ними может только профессионал, знающий язык HTML. Ниже будет рассмотрен визуальный HTML-редактор DreamWeaver. Этот программный продукт рассчитан также на тех, кто плохо, или почти не знает язык HTML, хотя в нем можно создавать сайты даже не обладая данными знаниями.

DreamWeaver содержит все, что необходимо как для визуальной компоновки web-страниц, так и для работы с HTML-кодом. Интуитивный интерфейс Dreamweaver настолько прост, что даже начинающий дизайнер сможет быстро создать довольно-таки профессиональный Web-сайт. Непосредственно в Dreamweaver можно создавать анимации в формате Macromedia Flash, использовать данные из Microsoft

Office, легко импортировать rollover-графику, меню и кнопки из Fireworks или ImageReady. Компания Macromedia считается лидером по производству программ для создания веб-сайтов, а также законодателем моды в этой области. В последнее время она начала выпускать версию за версией данного продукта, тем самым все более совершенствуя его. DreamWeaver-3 4 6 и это еще не предел. Причем в каждой новой версии добавляется вс больше и больше

функциональных возможностей, не по одной и не по две, а чуть ли не десятками. Многие разработчики Web-сайтов считают DreamWeaver наиболее удобным HTML-редактором как для начинающих Web-дизайнеров, так и для опытных программистов. Ниже будет рассмотрена одна из самых новых и стабильных версий Macromedia DreamWeaver MX 2004 версия 01. Общий обзор

Одна из последних версий HTML-редактора компании Macromedia - DreamWeaver MX 2004, который относится к категории WYSIWYG-редакторов т.е.What You See Is What You Get, и этот пакет имеет очень много достоинств удобный интерфейс, настройка функций, поддержка больших проектов и многое другое. Для работы в этой программе не нужно досконально знать

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

производимых вами команд, потом нажимаете, например, CTRLP, и DreamWeaver воспроизводит вс в той же последовательности. Глобальное отличие DreamWeaver от FrontPage в философии. FrontPage полагает, что пользователь абсолютно не способен породить код HTML самостоятельно, поэтому программа должна сделать все за него.

DreamWeaver полагает, что пользователь все может сделать сам, а программа должна создать максимальные условия для творчества. Таким образом, мы видим, что прогресс не стоит на месте, и доказательством этому послужило создание наиболее эффективного средства проектирования Web-страниц DreamWeaver. Dreamweaver включает в себя много инструментов и средств для редактирования и создания профессионального сайта HTML, CSS, JavaScript, редакторы кода просмотр кода и инспектор кода,

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

хотя бы приблизительно результат своей работы. При этом он предоставляет полный доступ к источнику кода и не вставляет в него ничего лишнего, как это делает, например, FrontPage. Таким образом, можно создавать свою страничку и параллельно изучать HTML, заглядывая в источник. Также в этом программном пакете впервые был реализован одновременный просмотр кода и WYSIWYG-редактор. Причем в данном режиме имеется очень удобная функция подсветки кода для выделенных

объектов на рисунки подсвечен код для выделенной картинки. Можно на живом примере убедиться, что HTML - это просто. Простота обращения с редактором DreamWeaver заключается в том, что возможно рассмотреть все централизованные элементы и перетащить их с удобной панели непосредственно в документ. Рабочая область DreamWeaver настраивается под различные стили работы и уровни знаний.

При первом запуске программы предлагается несколько вариантов начала работы например, открыть документ, создать новый html-документ, создать из шаблона и т.д. Внешний вид Панель инструментов окна документа содержит- 3 кнопки переключения режимов окна- поле ввода заголовка страницы- File Management - для публикации сайта в Сети- кнопку просмотра во внешнем браузере.

Удобнее это делать клавишей F12- 4 кнопки управления редактором обновление страницы, описание тэга, установка закладок, настройка окна. Лучше всего включать режим Word Wrap перенос слов для HTML-кода. Строка состояния окна документа содержит- кнопки для выделения тэгов - очень удобные- настройка размера области просмотра- размер документа и время его загрузки на скорости, определенной в настройках Edit - Preferences -

Status Bar- панель быстрого доступа до окна сайта, менеджера объектов Assets - Активы, двух окон стилей, окна поведения объектов Behaviors, окон истории команд и инспектора кода. Плавающие панели предназначены для управления различными элементами страницы. Одиннадцать панелей сгруппированы в 5 блоков. Панели можно быстро скрыватьвызывать все сразу клавишей

F4 или выборочно через меню Windows. Панель свойств Properties размещается в нижней части экрана, вызывается сочетанием клавиш CtrlF3 и предназначена для настройки всех параметров объектов, выделенных в окне редактора. Кнопка в правом нижнем углу панели позволяет уменьшить ее размеры. Окно сайта вызывается клавишей F8. Схема сайта открывается сочетанием клавиш

Alt F8. В отличие от FrontPage, нельзя перетаскиванием изменять структуру сайта, однако, создавать ссылки можно, перетаскивая значок Point To File из окна свойств к нужному файлу в окне сайта прием, придуманный для владельцев 21-дюймовых мониторов. Можно выполнять и обратное действие для создания ссылки - перетаскивать файлы из окна сайта в поле ввода ссылки в окне свойств при выделенном объекте в окне редактора. Кнопка в левом нижнем углу окна сайта позволяет уменьшить его размеры.

Настройка Правильная настройка DreamWeaver на работу является очень важной в достижении качественного результата. Важно настроить DreamWeaver таким образом, чтобы потом не пришлось мучаться и разбираться в том, почему наша программа работает не так, как нам надо. Один из самых важных разделов настройки является пункт Encodings Довольно часто, из-за неправильных настроек именно здесь и возникают проблемы.

Следует обратить внимание на самый верхний пункт - Default Encoding. Именно его нужно ОБЯЗАТЕЛЬНО настроить правильно. Так, одним из наиболее оптимальных является выбор кодировки Windows-1251. Если настроить не так как нужно DreamWeaver просто начнет автоматически перегонять набранный текст в коды. То есть текст может выглядеть вот так iieiue ecaao.

Работа с текстом В самых новых версиях DreamWeaver все больше совершенствуется текстовый редактор. Так например уже в DreamWeaver 4 особое внимание было уделено новому встроенному текстовому редактору. Он намного более функционален, чем в предыдущих версиях DreamWeaver, и позволяет работать с текстом на уровне неплохого текстового процессора. Автовыравнивание, быстрая вставка тегов и функций

JavaScript из выпадающего меню - вот лишь некоторые из его возможностей. Теперь для работы с ним есть даже специальный режим Code View, в котором DreamWeaver превращается в обычный текстовой HTML редактор. А также режим Split View, в котором основное окно разбивается на две панели Code View и Design View. Работа с мультимедиа содержимым

Имея мощный текстовый редактор, Macromedia решила не останавливаться и включить в Dreamweaver мощнейшую поддержку всевозможных мультимедиа файлов, которые без лишних усилий, за несколько щелчков, можно вставить в документ. Также существует, довольно удобная функция оптимизации картинки я считаю, намного удобнее за пару секунд изменить качество, а следовательно и размер картинки, чем возиться в Photoshop e, например. Есть не просто поддержка, а небольшой редактор flash-контента например, flash

кнопки. Единственным недоработкой этого мини-редактора является отсутствие поддержки русских кодировок KOI8-R и Win-1251. Заключение DreamWeaver - это программа для облегчения написания HTML. Как и многие подобные программы, он изобилует мощными, занимающими достаточно большое количество ресурсов на компьютере средствами облегчить создание HTML кода. DreamWeaver автоматизирует все что только можно автоматизировать, наиболее наглядно отобразит

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

DreamWeaver, но только в очень узких областях. И тем не менее, компания Macromedia не стоит на месте в своих разработках, а шагает семимильными шагами вперед. Уже DreamWeaver MX 6 версия примерно середины 2003 года, появляется много новых функций, частично меняется расположение панелей, делая работу с ним гораздо более удобной, чем с предыдущими версиями. Также одним из главных преимуществ последней версии является то, что в ней появляется библиотека стандартных

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

HTML в чистом виде знать и понимать надо. Причем знать если не профессионально, то хоть примерно осознавать, на что вы смотрите, на таблицу или выпадающее меню.