Игра на «Морской Бой» на JavaScript: «Простая Игра» и «Игра для Двоих»
Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Интернет-магазин под ключ

Статьи для сайтов!!!
Главная Дополнительно Adobe Dreamweaver Adobe Photoshop

HTML-редактор Dreamweaver. Настройка программы

Устанавливаем тип документа
Добавляем браузеры
Устанавливаем кодировку. Файл EncodingMenu.xml
Главная функция программы


Логотип Dreamweaver Dreamweaver (Дримвивер) - специализированный HTML-редактор от компании Adobe.

На страницах сайта я уже упоминал о редакторе Dreamweaver, когда речь шла о работе с кодом в редакторе Блокнот на начальном этапе изучения языка разметки HTML, технологии CSS или, например, скриптового языка PHP.

Как уже говорилось Блокнот хорош тем, что позволяет быстро освоить и понять изучаемое приложение, так как при этом код приходиться набирать вручную, вводя его с клавиатуры.

Создать сайт можно конечно и в Блокноте.

Но все-таки желательно для этого использовать специализированное программное обеспечение. Adobe Dreamweaver является одним из наиболее популярных HTML-редакторов в мире. Согласитесь, что случайности в этом быть не может!

Существует даже всемирное сообщество пользователей Dreamweaver.

Сразу стоит сказать , что без знания HTML и CSS начинать работу с редактором Dreamweaver не имеет смысла. Так как Dreamweaver это всего лишь помощник, который автоматизирует работу с кодом и предоставляет интеллектуальное сопровождение его написания.

Adobe Dreamweaver это визуальный HTML-редактор, то есть html-документ создается в визуальном режиме: Вы можете редактировать код и одновременно с этим видеть результат. А также, при желании, Вы можете мгновенно перейти к просмотру редактируемых страниц в браузере.

В среде разработки и дизайна Adobe Dreamweaver доступны большинство популярных передовых средств веб-разработки. Такие как HTML, XHTML, CSS, XML, JavaScript, Ajax, PHP, Adobe ColdFusion и ASP.

Поэтому, если Вы уже знакомы с HTML и CSS, и хотите быстро создавать сайты, то пора переходить к работе в специализированном HTML-редакторе Dreamweaver.

 

Первоначальная настройка программы

 

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

А вот перед тем как приступать к работе с редактором Adobe Dreamweaver, его необходимо настроить.

Рассмотрим что нужно для этого сделать.

Указываем тип документа

Указанный тип документа будет использоваться по умолчанию для создаваемых страниц.

В строке главного меню программы выбираем вкладку Редактировать (Edit) и из раскрывшегося списка выбираем пункт Установки (Preferences).

 

Настройка программы Dreamweaver

 

В появившемся окне переходим во вкладку Создать документ (New Document). Проследите, чтобы в поле Документ по умолчанию (Default Document Type) стоял HTML, и тогда в следующем поле появится расширение *.html.

Далее в поле Тип документа по умолчанию (DTD) можно выбрать синтаксис соответствующего языка. Я использую Переходный синтаксис HTML версии 4.01.

В поле Кодировка по умолчанию (Default Encoding) выбираем используемую кодировку - Кириллица (Windows) Cyrillic (Windows-1251). Далее...


Добавляем браузеры

В процессе создания сайта его необходимо тестировать на предмет одинакового отображения в различных браузерах. Поэтому на компьютере желательно иметь три самых популярных браузера: Mozilla Firefox, Internet Explorer и Opera.

Если у Вас их нет, то установите и пропишите эти браузеры в программе Adobe Dreamweaver.

Для этого переходим во вкладку Просмотр в браузере (Preview in Browsers)

 

Настройка программы Dreamweaver

 

Здесь Вы можете добавить браузеры, в которых Вы будете просматривать страницы своего сайта, либо Изменить... (Edit...) параметры уже присутствующих.

Один из браузеров следует сделать Основным (Primary Browser). По умолчанию он будет вызываться непосредственно из редактора нажатием на клавишу F12. Остальные браузеры будут дополнительными или вторичными (Secondary Browser).

Добавить браузер можно следующим образом...

 

Настройка программы Dreamweaver

 

Нажав на плюс, Вы добавляет новый браузер. Минус удаляет выделенный браузер из списка.

При добавлении браузера необходимо указать к нему путь в поле Приложение (Application), после чего автоматически заполнится поле Имя (Name). И здесь же Вы можете сразу указать Основным или Дополнительным будет добавляемый браузер.


Устанавливаем кодировку. Файл EncodingMenu.xml

Файл EncodingMenu.xml отвечает за кодировку, которую использует программа при работе с документами, где она не указана.

Для правки файла EncodingMenu.xml необходимо проследовать по следующему пути:

C:\Program Files\Adobe\Adobe Dreamweaver CS3\configuration\Encodings

В директории Encodings находим файл EncodingMenu.xml и открываем его при помощи редактора Блокнот: ПУСК – Программы – Стандартные – Блокнот.

 

Настройка программы Dreamweaver

 

Необходимо сделать так, как указано на рисунке: чтобы строка с кодировкой Windows-1251 располагалась на первом месте (по умолчанию она расположена чуть ниже).

Теперь, если Вы будете работать с документами, в которых не указана кодировка, то Dreamweaver будет использовать кодировку, расположенную вначале файла EncodingMenu.xml, то есть кодировку Windows-1251. Это обеспечит корректное отображение русских символов в документе.

На этом закончим. Все основные настройки программы Adobe Dreamweaver сделаны!


Главная функция программы

В рамках данной статьи нам осталось освоить главную функцию программы Adobe Dreamweaver. Это функция определения сайтов. Что это значит?

Все файлы любого сайта: файл главной страницы index.html (или index.php), файл со стилями style.css, папка с блоками php, служебные файлы robots.txt и sitemap.xml, папка с изображениями img/.. и т.д. так или иначе, расположены в одной папке. Назовём её главная или корневая папка (каталог) сайта: ей, как правило, дают имя, совпадающее с будущим или уже существующим доменным именем сайта. Так делать удобно.

Например, корневая папка этого сайта была названа мною webpupil, то есть, так же как и доменное имя. Эта корневая папка (каталог) содержала все остальные файлы и подкаталоги.

Главная папка любого сайта, в моём случае webpupil, помещается специальную папку локального сервера. Если Вы работает с сервером Denver, то это папка z:/home. Если же Вы настраиваете локальный сервер вручную, то это директория управления сайтами d:/main/html.

Итак, пусть главная папка сайта уже расположена в нужном каталоге локального сервера и уже содержит несколько файлов и подкаталогов.

Теперь для работы с этим сайтом в программе Adobe Dreamweaver, необходимо его определить. Находясь в редакторе Dreamweaver, следует указать редактору на новый сайт, а точнее на его корневую папку. Делаем следующее: в правой служебной колонке программы нужно перейти на вкладку Файлы и из ниспадающего меню выбрать пункт Управление web-сайтами.

Adobe Dreamweaver определение нового сайта

Далее, как Вы видите на иллюстрации ниже, необходимо будет создать новый сайт...

Adobe Dreamweaver создание сайта

Затем в поле Имя сайта: даём сайту любое удобное для Вас имя. Как говорилось выше, для удобства сайту можно дать название, совпадающее с его доменным именем.

В следующем поле указываем путь к локальной коневой папке. В моём случае это будет папка webpupil. Эти два поля обязательны для заполнения.

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

Другие настройки я, как правило, не трогаю: оставляю по умолчанию.

Настройка программы Dreamweaver

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

Настройка программы Dreamweaver. Создание сайта

На этом всё.

На последней иллюстрации Вы видите, что вновь созданный сайт webpupil появился справа - в ниспадающем меню выбора сайтов. Ещё ниже представлена его иерархическая структура: каталоги и файлы.

Dreamweaver работа с сайтом

Теперь Вы можете полноценно работать в программе Adobe Dreamweaver над созданием сколь угодного Вам количества сайтов.


PHP блоки Adobe Dreamweaver Adobe Photoshop
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru