Adobe Dreamweaver CS3 - Знакомимся.

Запускаем программу Dreamweaver CS3 – ставим галку перед пунктом Dont show again (не показывать больше).

 

 

Нажимаем на кнопку Open и выбираем файл, который собираемся открыть. Выбираем режим отображения документа: Split. Если в окне Design выделить рисунок, то он будет подсвечен в окне Code.

 

 

В закладке Properties, можно посмотреть свойства файла, и при необходимости, свернуть часть закладки, нажав на кнопку в правом нижнем углу.

 

 

При необходимости можно развернуть палитру Split во весь экран.

 

 

Переключаемся на закладку Favorites.

 

 

Нажимаем правую кнопку мыши и выбираем пункт: Customize Favorites...

 

 

Откроется окно: Customize Favorite Objects.

 

 

Где в поле Available objects: выбираем наиболее часто используемые пункты и нажимаем на кнопку с двумя стрелками…

 

 

После выбора необходимых компонентов, нажимаем на кнопку ОК.

 

 

Для просмотра страницы в браузере, выполняем команду, File > Preview in Browser > Iexplore. Для добавления в список других браузеров, выполняем команду: File >

 

 

Появится окно: Preferences, где в поле Browsers, нажимаем на кнопку плюс.

 

 

Далее в окне Add Browser, в поле Name: вводим имя браузера и с помощью кнопки Browse, указываем расположение файла .exe.

 

 

Нажимаем ОК и видим в списке появилось имя введенного нами браузера.

 

 

Выполняем команду: File > Preview in Browser > Opera.

 

 

И в нем откроется наша страница.

 

 

Также можно проверить код по XHTML- и CSS-стандартам. Adobe Dreamweaver CS3 позволяет автоматизировать нахождение и решение множества наиболее популярных CSS-ошибок. Нажимаем на кнопку Check Page и выбираем пункт: Check Browser Compatibility.

 

 

И в закладке Browser Compatibility Check, смотрим результат:

 

 

На главную страницу.