Система дистанционного обучения

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

Dreamweaver включает  в себя много инструментов  и средств для редактирования  и создания профессионального  сайта: HTML, CSS, JavaScript, редакторы кода (просмотр кода и инспектор  кода), что позволяет вам, редактировать различные текстовые документы, которые поддерживаются в Dreamweaver. Также вы можете настроить Dreamweaver, чтобы он наводил порядок и переформатировал HTML, как вы этого хотите. Возможность визуального редактирования в Dreamweaver также позволяет быстро создавать или менять дизайн проекта без написания кода. Dreamweaver относится к так называемым "визуальным" редакторам, т.е. вы сразу можете видеть на экране (хотя бы приблизительно) результат своей работы. При этом он предоставляет полный доступ к источнику кода и не вставляет в него ничего лишнего, как это делает, например, FrontPage. Таким образом, можно создавать свою страничку и параллельно изучать HTML, заглядывая в источник.

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

DreamWeaver полностью  настраиваемый. Можно использовать Dreamweaver, чтобы создавать свои собственные объекты и команды, изменять "горячие" клавиши и расширять возможности DreamWeaver новыми свойствами, инспекторами свойств и новыми отчетами о сайте.

Рабочая область Dreamweaver настраивается под различные  стили работы и уровни знаний. Вот некоторые наиболее используемые компоненты:

1. окно документа отображает текущий документ, который вы создаете и редактируете.
2. навигатор панелей внизу окна Document содержит кнопки для открытия и закрытия наиболее часто используемых инспекторов и панелей. Можно установить, какие значки появляются в навигаторе панелей в настройке панелей.
3. панель инструментов (toolbar) содержит кнопки и всплывающие меню, которые позволяют просматривать окно Document различными способами, устанавливать опции вида, и обращаться к некоторым операциям, например, просмотр в браузере.
4. контекстное меню позволяет  быстро обращаться к полезным командам, имеющим отношение к текущему выбору или области. Чтобы отобразить контекстное меню, необходимо щелкнуть правой кнопкой мыши на элементе в окне.
5. панель объектов содержит кнопки для создания и вставки различных типов объектов, изображений, таблиц, слоев, фреймов. Можно также переключать между стандартным различными видами представления документов.
6. инспектор свойств отображает свойства для выбранного объекта или текста, и позволяет изменять эти свойства. (Некоторые свойства появляются в инспекторе, в зависимости от объекта или выбранного текста.)
7. DreamWeaver обеспечивает использование многих других инспекторов, панелей и окон, которые не показаны здесь, типа панели History и инспектора Кода.

Чтобы открыть  окна Dreamweaver, инспекторы и панели, используют меню Window. Отметка рядом с элементом  в меню Window указывает, что данный элемент в настоящее время  открыт (хотя он может быть скрыт позади других окон). Чтобы отобразить элемент, который в настоящее время не открыт, нужно выбрать название элемента в меню. Если панель или инспектор отмечен, но не появляется, выбирают Window > Arrange Panels. При этом в DreamWeaver различают два вида окон: окно сайта и окно документа. Окно сайта предназначено для работы с сайтом в целом. Оно вызывается клавишей F8 и позволяет переключаться между сайтами, создавать новые папки и файлы, публиковать сайт в cети и управлять им на сервере. Окно документа предназначено для непосредственного редактирования страницы.

Оно имеет три  режима работы: код, код и дизайн, дизайн, причем второй -очень удобен для изучения HTML.

Панель инструментов окна документа содержит:

1. 3 кнопки переключения режимов окна;
2. поле ввода заголовка страницы;
3. File Management - для публикации сайта в Сети;
4. кнопку просмотра во внешнем браузере. Удобнее это делать клавишей F12;
5. 4 кнопки управления редактором: обновление страницы, описание тега,
6. установка закладок, настройка окна. Лучше всего включать режим Word Wrap (перенос слов) для HTML-кода.

Строка состояния  окна документа содержит:

1. кнопки для выделения тегов - очень удобные;
2. настройка размера области просмотра;
3. размер документа и время его загрузки на скорости, определенной в настройках (Edit - Preferences - Status Bar);
4. панель быстрого доступа до: окна сайта, менеджера объектов (Assets -Активы), двух окон стилей, окна поведения объектов (Behaviors), окон истории команд и инспектора кода.

Плавающие панели предназначены для управления различными элементами страницы. Одиннадцать панелей сгруппированы в 5 блоков. Панели можно быстро скрывать/вызывать все сразу клавишей F4 или выборочно через меню Windows. Панель свойств (Properties) размещается в нижней части экрана, вызывается сочетанием клавиш Ctrl+F3 и предназначена для настройки всех параметров объектов, выделенных в окне редактора. Кнопка в правом нижнем углу панели позволяет уменьшить ее размеры. Окно сайта вызывается клавишей F8. Схема сайта открывается сочетанием клавиш Alt + F8. В отличие от FrontPage, нельзя перетаскиванием изменять структуру сайта, однако, создавать ссылки можно, перетаскивая значок "Point To File" из окна свойств к нужному файлу в окне сайта (прием, придуманный для владельцев 21-дюймовых мониторов). Можно выполнять и обратное действие для создания ссылки - перетаскивать файлы из окна сайта в поле ввода ссылки в окне свойств при выделенном объекте в окне редактора. Кнопка в левом нижнем углу окна сайта позволяет уменьшить его размеры.

Меню содержит много интересных команд:

1. File - Revert - позволяет удалить все сделанные изменения и вернуться к последнему записанному варианту документа;
2. File - Check Links - поиск неработающих ссылок;
3. File - Destination Notes - запись заметок для сайта или страницы (проще это делать двойным щелчком по соответствующей колонке в окне сайта);
4. Edit - Preferences - настройки (русификация, просмотр обозначений тегов и др.);
5. View - Design - View on Top - перемещает окно дизайна вверх;
6. View - Visual Aids - вкл./выкл. "помощников": границ объектов, невидимых элементов и др.
7. View - Code View Options - включение переноса слов, подсветки неправильных ссылок, подсветки кода для режима HTML);
8. View - Rulers и Grid - вывод линеек и сетки;
9. Insert - вставка объектов и различных HTML-тегов;
10. Modify - Page Properties - вывод окна свойств страницы, в т.ч. фон и
11. фоновый рисунок, цвета ссылок и др.;
12. Modify - Selection Properties - вывод окна свойств выделенного объекта;
13. Modify - Quick Tag Editor - быстрое редактирование тега в отдельном окне;
14. Modify - Make Link - создание гиперссылки для объекта;
15. Modify - Library - добавление объекта в библиотеку для дальнейшего
16. использования;
17. Text - форматирование текста;
18. Commands - Clean Up HTML - очищает документ от "лишних", с точки зрения DreamWeaver, тегов;
19. Commands - Clean Up Word HTML - очищает документ, созданный в Word-е от "лишнего";
20. Commands - Optimize Image In Fire Works - оптимизация графики (при установленном FireWorks);
21. Commands - Set Color Scheme - изменение цветовой схемы сайта.

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

 

3.3.1.2 CuteSite Builder 4.0

 

 

CuteSite Builder — хорошая программа для начинающих пользователей. Она позволяет легко и быстро создавать Web-сайты профессионального уровня, выбирать определенный дизайн на основе готовых темплейтов. Пользователь может добавить свой контент и опубликовать сайт одним щелчком мыши, при обновлении сайта идет загрузка только модифицированных страниц. Функция Custom Form Wizard Fields позволяет сформировать до 12 полей в формах обратной связи. Автоматически генерируемые формы удобно использовать для получения информации от посетителей вашего сайта. Функция визуального редактирования (WYSIWYG Editing) обеспечивает просмотр текстового форматирования и картинок в том виде, в каком они отображаются на сайте. Мощный редактор таблиц позволяет легко выбирать размеры ячеек, фон и другие параметры таблиц. Функция Photo Sequence Wizard предоставляет возможность автоматически создавать слайд-шоу с элементами навигации и описания. С помощью функции Site Map графически отображается структура Web-сайта.

 

 

3.3.1.3 Namo WebEditor 5.5

 

 

В первую очередь программу можно порекомендовать начинающим пользователям. Namo WebEditor 5.5 предоставляет удобные инструменты разработки; имеется как редактор кода, так и визуальный редактор, работа в котором практически не отличается от работы в Word.

Программа содержит средства управления сайтом, интегрированную графику — многочисленные клипарты и заготовки страниц. В версии Namo WebEditor 5.5 появилась новая функция—WebCanvas 1.0, представляющая собой мощное и удобное средство для работы с векторной графикой.

 

 

3.3.1.4 CoffeeCup HTML Editor 9.5

 

 

Программой уже пользуются более 8 млн. человек из 79 стран мира, — это одна из наиболее часто  скачиваемых в Интернете программ. CoffeeCup не имеет визуальных средств  редактирования, но, как редактор кода, снабжена очень удачным набором функций. Следует отметить, что компания CoffeeCup Software не новичок на рынке Интернет-программ и предлагает еще около 20 различных программ для создания Web-сайтов, в том числе CSS-редактор, GIF-аниматор и Flash-редактор.

CoffeeCup HTML Editor 9.5 предоставляет следующие возможности:

1. помощники по таблицам, формам, шрифтам и т.п.;
2. 125 Java-скриптов;
3. многочисленные графические заготовки;
4. 40 встроенных Web-шаблонов;
5. средства опубликования материалов на вашем сайте;
6. Project Manager, который позволяет хранить все необходимые файлы вместе;
7. функция FTP-загрузки на ваш сайт (доступная по щелчку на правой кнопке мыши);
8. подсветка синтаксиса тэгов HTML;
9. встроенный оптимизатор HTML-кода;
10. настраиваемый под индивидуального пользователя интерфейс и многое другое.

 

 

3.3.1.5 1stPage 2000 2.0

 

 

1 stPage 2000 2.0 — это HTML-редактор  с огромным количеством функций  (с различными подсказками, справочниками,  многоцветной подсветкой синтаксиса  и т.п.) и при этом не занимающий  много места — размер дистрибутива менее 5 Мбайт.

1 st Page 2000 предоставляет  все необходимое для написания,  редактирования и оптимизации  HTML-документов. Программа не имеет  визуального редактора, зато предлагает  множество функций, облегчающих  написание кода, включая справочники, многоцветную подсветку синтаксиса, предварительный просмотр (можно подключить до четырех браузеров) с разным разрешением, поддержку скриптов и сами скрипты.

 

 

3.3.1.6 Arachnophilia 5.2 build 1934

 

 

Прежде чем покупать коммерческий продукт, имеет смысл  обратиться к программе Arachnophilia. Она распространяется как CareWare, то есть каждый может скачать ее без ограничений и помочь разработчику, если захочет. Arachnophilia 5.2 — это HTML-редактор, построенный на основе Java от Sun Microsystems. Несмотря на бесплатность, программа обладает всеми необходимыми для HTML-редактора функциями, включая возможность предварительного просмотра в выбранном браузере и загрузку страниц по РТР. Дистрибутив программы занимает всего 1,7 Мбайт, так что в любом месте, где есть доступ в Интернет, можно быстро скачать такое приложение и начать работу.

 

 

 

3.3.1.7 HotDog Professional 7.03

 

 

HotDog Professional — это один из первых HTML-редакторов. Программа развивается с 1994 года, и с ней работают уже миллионы пользователей. По возрасту и по популярности с HotDog Professional может сравниться, пожалуй, только HomeSite. Программа продолжает успешно развиваться: последняя версия (HotDog Professional 7.03) появилась 1 октября этого года и получила множество высоких оценок, в частности пять звезд в рейтинге Tucows.

HotDog Professional 7.03 — это профессиональный HTML-редактор, поддерживающий работу  с HTML, JavaScript, CSS, PHP, ASP, VBScript и предоставляющий  полный набор функций для разработки Web-сайтов профессионального уровня. Программа имеет встроенные средства управления Web-сайтом, средства просмотра навигации, встроенный FTP-менеджер и многое другое. В последней версии появился FlashWizard — удобное средство, позволяющее вставлять flash-файлы (.swf).

 

 

3.3.1.8 CSE HTML Validator Pro 6.0

 

 

CSE HTML Validator — это одновременно и средство проверки правильности кода HTML-страниц, и средство их написания. Программа включает полнофункциональный HTML/текстовый редактор и не менее функционально насыщенный валидатор — «проверяльщик» HTML-страниц на ошибки в коде, выдающий после проверки рекомендации по устранению ошибок.