Визуальный редактор Dreamweaver CS5: настройка и работа

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

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

Dreamweaver CS5

Я уже упоминал об этой программе в статьях "Основы создания веб-сайта" и "Программы и движки для создания сайта". Сегодня я расскажу о ней более подробно. Рассматривается англоязычный интерфейс программы.

В настоящее время актуальна версия программы Dreamweaver CS5. Это платная программа, скачать ее можно на сайте разработчика - компании Adobe.

Входное окно

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

Свойства сайта

Но я советую сначала создать так называемый Dreamweaver Site (нажав соответствующую кнопку в стартовом окне или выбрав в меню Site->New Site), иначе говоря, указать программе папку на компьютере, где будут храниться создаваемые файлы сайта и настроить некоторые параметры редактора. В открывшемся окне вы вводите название сайта (любое, для внутренненго употребления) и указываете папку. Остальные парамеры пока можно оставить по умолчанию и нажать кнопку Save. Далее открыв Edit->Preferences->New Document, выбираете желательные по умолчанию расширение файла, тип документа и кодировку (например, Кириллица (Windows)).

Затем вы открываете (создаете) свой первый файл (File->New). Вы можете радактировать его в окне Design (выбор слева вверху), либо, если вы хорошо владеете языками HTML или PHP - в окне Code. Можно также разделить окно на две части по горизонтали или вертикали и в одной иметь внешний вид, в другой - код и переключаться между ними. Справа в окне программы вы видите вспомогательные окна вставки элементов страницы, CSS стилей, содержимое папки сайта, истории изменений и ряд других, появлением/скрытием которых можно управлять из меню Window. Внизу имеется окно свойств редактируемого в данный момент элемента.

Dreamweaver CS5

Вообще внешний вид интерфейса и расположение окон можно оперативно менять под свой вкус из 8 возможных кнопкой вверху экрана. Мной описан вариант Designer. Можно выбрать и сохранить свой собственный вариант рабочего пространства Workspace.

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

Вы можете подписаться на ленту новостей на моем сайте. И тогда вы ничего не пропустите.


Поделитесь ссылкой

Буду признателен, если добавите ссылку на эту страницу в социальные сети:

Поиск по сайту
Поиск от Яндекса
Рассылка

Информационный портал Subscribe.ru

Дорогие друзья!
Вы можете подписаться на рассылку материалов сайта GeoDum.ru через сервис рассылок информационного портала Subscribe.ru. Она называется, как и сайт, "Сказки старого юзера". В рассылке представляются анонсы наиболее интересных материалов из различных разделов. Обычная периодичность рассылки - раз в неделю (по вторникам).

ПОДРОБНЕЕ...

Заработок

Хотите заработать на своем сайте? Тогда зарегистрируйтесь на этих ресурсах по моим реферальским ссылкам:

  • Kwork - магазин услуг фрилансеров.
  • MegaIndex - бесплатный анализ сайта.
  • Advego - заработок написанием статей, уникальный контент для вебмастеров.
  • Miralinks - заработок на размещении статей.
  • Webartex - заработок на написании и размещении статей.
gototop