Редактирование кода

Переключение редактора в режим кода (только Windows)

Если вы этого не сделали при установке, вы можете настроить рабочую область похожей на вид многих редакторов кода, например, MS Блокнот, Macromedia HomeSite или ColdFusion Studio.

Пользователи Macintosh не могут менять вид рабочей области.

Переключить редактор на режим кода:
1. Выберите Edit > Preferences, перейдите на закладку General в списке, который с левой стороны.

2. Нажмите на кнопочку Изменить рабочую область (Change Workspace button).
3. Выберите опцию Кодер (Coder).

4. Нажмите OK для закрытия окна настройки рабочей области и окна Настройки (Preferences).
5. Перезапустите Dreamweaver.

Добавление тегов с помощью Выбора тегов (Tag Chooser)

Следующим шагом создания нашей страницы Trio Motors будет добавление тега div вокруг рисунка баннера вверху страницы. Есть несколько способов добавить этот тег вокруг рисунка; этот урок расскажет как использовать инструмент - Выбор тегов, который поможет вставить любой тег и добавить соответствующие атрибуты.

Написать код с Выбором тегов:
1. Откройте index.html, и посмотрите код файла (View > Code).
2. Выберите View > Code View Options > Word Wrap для переноса слов.
3. В коде, сразу за открывающим тегом body, найдите и выделите тег img, который отвечает за рисунок баннера вверху страницы.

Убедитесь в том, что выделили весь тег img, включая открывающие и закрывающие квадратные скобки.

4. Правый клик (Windows) или Control-клик (Macintosh) на выделенном тексте и выберите Insert Tag из меню. Откроется окно Выбор тега.
5. В окне разверните категорию HTML Tags, потом подкатегорию Formatting and Layout, потом выберите General. В списке тегов с правой стороны выберите тег div.

Вы можете также выбрать категорию HTML Tags и выбрать тег div в правой панели без выбора подкатегории Formatting and Layout.

6. Нажмите Insert.
Появится диалоговое окно редактирования тега div.
7. В редакторе тега выберите категорию Style Sheet/Accessibility введите logo в текстовой строке Class.

8. Нажмите OK чтобы закрыть редактор тега и вставить тег. Dreamweaver вставит тег div на страницу вокруг тега рисунка.
9. Нажмите Close для закрытия окна Выбор тега.
10. Сохраните страницу.

Редактирование тега

Дальше вы можете использовать Инспектор тегов (Tag inspector) для быстрого изменения атрибутов тега.

Редактировать тег с Инспектором тега:
1. Откройте index.html в режиме кода, если он еще не открыт.
2. Откройте Инспектор тегов выбрав Window > Tag Inspector. Потом выберите закладку Attributes.

Инспектор тегов покажет атрибуты тега, который выделен в Окне документа.
Для просмотра всех возможных атрибутов в алфавитном порядке нажмите кнопочку Show List View в Инспекторе тегов.

3. В окне документа при просмотре кода кликните между открывающей и закрывающей скобкой любого тега. В закладке Атрибуты Инспектора тегов увидите информацию об атрибутах HTML-тега.
4. В режиме просмотра кода найдите и нажмите на теге img для рисунка баннера trio_logo.jpg.

В закладке Атрибуты Инспектора тегов видна информация об атрибутах тега img.

5. В Инспекторе тегов на чистой текстовой области около атрибута alt и введите Trio Motors, нажмите Enter (Windows) или Return (Macintosh).

Dreamweaver покажет новое значение в Инспекторе тегов и изменит код в окне документа.

6. Сохраните страницу.

Источник:
Macromedia Dreamweaver для каждого -
статьи, форум, обмен ссылками.

Реклама