Уроки Dreamweaver.Пошаговое обучение для начинающих. Работа в интернете

В списке Категория(Category), выбирается категория параметров страницы. Изначально там выбрана категория Внешний вид(Appearance), где задаются параметры обычных текстовых абзацев. Комбинированный список Шрифт страницы(Page font) задает шрифт абзацев. Кнопки В и I позволяют сделать его начертание полужирным и курсивом. Комбинированный список Размер(Size) задает размер шрифта. Селектор цвета Цвет текста (Text color) позволяет выбрать текст цвета. Селектор цвета Цвет фона (Background color) позволяет задать фон страницы. Поля ввода Левое поле(Left margin), Верхнее поле (Top margin), Правое поле (Right margin), и Нижнее поле (Bottom margin) задают отступы между рамкой окна web-обозревателя и содержимым web-страницы, соответственно слева, сверху, справа и снизу.

Комбинированный список Шрифт ссылки (Link font) задает шрифт гиперссылки и аналогичен рассмотренному ранее списку Шрифт страницы(Page font) в категории Внешний вид. Кроме знакомых нам по предыдущей категории селекторов и кнопок, здесь есть четыре селектора цвета, задающие цвета различных гиперссылок:

Раскрывающейся список Стиль подчеркивания (Underline style) позволяет установить или убрать подчеркивание гиперссылок

На рисунке мы видим четыре доступных пункта. Выберем пункт Показывать подпись только при прокрутке.

Следующая категория окна Свойства страницы -Заголовки, служащая для заданий параметров заголовков.

Комбинированный список Шрифт заголовка задает шрифт заголовка. Группы управления элементов Заголовок1...,Заголовок6 задают параметры заголовков соответствующего уровня. В каждую такую группу входит комбинированный список, задающий размер шрифта, раскрывающийся список для задания единицы измерения этого размера в стандартах CSS и селектор цвета заголовка.

Последняя категория окна Свойства страницы, которую мы рассмотрим это Название/кодировка. Она задает основные параметры web-страницы.

Поле ввода Название вводится название web-страницы. Раскрывающейся список Тип документа(DTD) устанавливает разновидность языка HTML. Раскрывающейся список Кодировка-задает кодировку страницы.

Очень часто бывает так, что текст открытой в редакторе web-страницы отражается нечитаемыми закорючками. Это происходит, когда в ее коде отсутствует тег <meta>, задающий кодировку. Dreamweaver в таких случаях применяет к открывающейся странице кодировку, заданную в его настройках. Если же этого не происходит откройте диалоговое окно Свойства страницы, переключитесь на категорию Название/кодировка, выберете в раскрывающемся списке нужную кодировку и нажмите кнопку Перезагрузить и далее кнопку ОК.

Задав общие параметры web-страницы, нажимаем кнопкуОК, чтобы сохранить сделанные установки.

Дополнительные возможности Dreamweaver

Создать комментарии проще всего с помощью панели Вставить. Переключимся на вкладку Общий этой панели и нажмем кнопку Комментарий.

На экране появится диалоговое окно

Текст комментария вводится в область редактирования Комментарий, после чего нажимается кнопка ОК.

Вставка текущей даты

Чтобы не забыть проставить дату последнего посещения web-страницы, воспользуемся возможностями, которые предоставляет нам Dreamweaver. Для этого нужно переключится на вкладку Общий панели Вставить и нажать кнопку Дата.

После этого появится диалоговое окно Вставить дату.

В пункте Формат дня выбираем удобного вида обозначение дня недели. В списке Формат даты выбираем удобного вида обозначение числа, месяца и года. В раскрывающемся списке Формат времени задаем удобное отражение времени. Флажок Обновить автоматически при сохранении включает или отключает обновление даты при каждом сохранении страницы. По умолчанию он выключен. Кнопка ОК выполняет вставку даты, Отмена-отменяет.

Чистим HTML-код

В процессе работы над web-страницей Dreamweaver создает и удаляет множество различных HTML тегов. Хотя Dreamweaver считается очень корректным редактором, и все-таки время от времени стоит чистить получившейся код. Чистка включает в себя:

удаление пустых тегов
удаление избыточных тегов
объединение тегов, где это возможно
удаление комментариев

За "чистку" HTML-кода отвечает пункт Исправить HTML в меню Команды.

Открываем диалоговое окно.

Группа флажков позволит нам задать, что именно удалить при "чистке".

Задав нужные параметры, нажмем кнопку ОК для запуска процесса "чистки". После окончания, если был включен флажок Показать журнал по завершении, на экране появится окно статистики, где будет описано, что сделал редактор в процессе "чистки". Закроем это окно нажатием кнопки ОК.

Чистим HTML-код порожденный Microsoft Word

Текстовой редактор Microsoft Word, начиная с версии 2000, поддерживает сохранение своих документов в виде web-страниц. Можно ли созданные таким образом web-страницы публиковать в Сети? Можно, только из-за обилия специфических тегов и стилей, создаваемых Word для поддержки своих возможностей форматирования, они получаются очень большими. Поэтому перед публикацией их желательно"почистить". Для чистки кода web-страниц, порожденных Word, следует выбрать пункт Исправить HTML-код Word меню Команды.

Изначально это окно открыто на вкладке Базовый. Рассмотрим ее. Раскрывающейся список Исправить HTML из, задает версию Word, в которой была создана web-страница. Ниже находится набор флажков, задающих "чистку" различных тегов и стилей.

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

Как правило, параметры "чистки" HTML-кода уже выставлены, и нам менять их не придется. Нам остается нажать кнопку ОК и запустить процесс "чистки". После окончания на экране появится окно статистики, которое мы закроем нажатием кнопки ОК.

На следующем уроке мы рассмотрим работу с кодом HTML. Об этом вы узнаете ЗДЕСЬ.

Урок шестой

Работа с параметрами страницы

Дополнительные возможности Dreamweaver

Вставка и чтение комментариев

Вставка текущей даты

Чистим HTML-код

Чистим HTML-код порожденный Microsoft Word