Содержание

Выбрать категорию шаблона в списке Category (например, Basic Page). В соседнем списке перечислены сами шаблоны (например, HTML). На панели Preview можно просмотреть внешний вид шаблона.

Нажать кнопку Create.

Заголовок Web-страницы можно задать в поле ввода Title панели инструментов Document. Например, Пример 1.

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

Форматирование абзацев.

Чтобы отформатировать текстовый абзац как заголовок нужно:

1. Выделить абзац.

2. В списке Format панели Properties выбрать нужное значение.

Это же форматирование абзаца можно выполнить через меню TextParagraph Format.

Выравнивание текста выполняется кнопками панели Properties или через меню TextAlign. (Left- по левому краю, Right- по правому краю, Center – по центру, Justify- выравнивание по обоим краям).

Увеличение или уменьшение отступа выполняется кнопками панели Properties или пунктами Outdent и Indent меню Text.

Списки.

Кнопки панели Properties позволяют создавать маркированный (Unordered List) и нумерованный(Ordered List) списки. Аналогичные действия выполняются через меню TextList.

Для нумерованного списка (Numbered List) доступны: Number – арабские цифры, Roman Small – малые римские цифры, Roman Large – большие римские цифры, [Default] – нумерация по умолчанию. Параметры списка можно задать в окне List Properties, которое вызывается командой TextListProperties, или нажатием на кнопку панели Properties.

Для маркированного списка (Bulleted List) доступны: Bullet – кружок с заливкой, Square – квадратик, [Default] – маркер по умолчанию.

Форматирование символов можно выполнить с помощью кнопок панели Properties, или через меню TextStyle. Пункты подменю Style приведены в следующей таблице:

Задать вид шрифта можно с помощью раскрывающегося списка смены шрифта панели Properties. Размер шрифта изменяется с помощью раскрывающегося списка задания размера шрифта Size панели Properties.

Соответствующие действия в меню Text (Текст) выполняются через подменю Font (Шрифт) и подменю Size (Размер) и Size Change (Изменение размера). Здесь пункты вида +n и –n, где n – число от 1 до 7 обеспечивают увеличение и уменьшение размера шрифта на n ступеней относительно шрифта родительского элемента.

Изменение цветового оформления страницы выполняется с помощью сектора цвета Text Color (Цвет Текста)  панели Properties (Свойства) или меню TextColor (ТекстЦвет). Селектор цвета состоит из двух частей: окно выбора цвета и поле ввода шестнадцатеричного кода цвета. В окне выбора цвета находится палитра и специальные кнопки: левая позволяет быстро выбрать цвет, заданный по умолчанию, средняя вызывает на экран стандартное диалоговое окно выбора цвета, правая позволит переключить режимы палитры выбора цвета.

При нажатии на правую кнопку появляется дополнительное меню с пунктами: Color Cubes и Continuous Tone – меняют внешний вид палитры, Windows OS и Mac Os – позволяют выбрать палитру, специфичную для какой-либо из операционных систем, Grayscale – выбирает черно-белую палитру.

Пункт-выключатель Snap to Web Safe позволяет подгонять под безопасную палитру все выбираемые пользователем цвета.

Вставка специальных символов может быть выполнена одним из следующих способов:

• с помощью кнопок вкладок панели объектов Insert:

- Horizontal Rule (горизонтальная линия) на вкладке HTML, - Date (текущая дата) на вкладке Common и др,

• с помощью команды InsertHTMLSpecial Characters: Line Break (переход на следующую строку), Non-Breaking Space (неразрывный пробел), Left Quote (левая кавычка), Right Quote (правая кавычка), Em‑Dash (длинное тире), Pound (фунт стерлингов), Euro (Евро), Yen (иена), Copyright (авторские права), Registered (зарегистрированная торговая марка), Trademark (торговая марка), Other… (диалоговое окно ввода специальных символов).

• с помощью кнопки Characters (Символы) на вкладке Text (Текст) панели Insert (Вставка)

На вкладке Favorites (Избранное) можно разместить избранные объекты вставки, выбрав их из окна Customize Favorite Objects, которое вызывается выбором пункта Customize Favorite из контекстного меню этой вкладки.

Гиперссылки.

Для создания гиперссылки на Web-страницу нужно:

либо

1. Выделить часть текста

2. В поле ввода интернет-адреса редактора свойств ввести нужный интернет-адрес;

либо

выбрать пункт Make Link меню Modify;

либо

выбрать пункт Make Link из контекстного меню.

При создании гиперссылки вторым и третьим способами адрес вводится в поле ввода URL (Uniform Resource Locator-унифицированный указатель ресурсов, способ определения местонахождения устройств и ресурсов в Интернете) окна Select File.

Для задания цели гиперссылки можно воспользоваться:

• списком Target панели Properties:

_blank- указанная страница будет выведена в новом окне Web-обозревателя,

_parent - указанная страница

_self - указанная страница будет выведена в том же окне.

_top -

• подменю Link Target меню Modify;

• подменю Target Frame контекстного меню.

Для создания гиперссылки на почтовый адрес нужно:

1. Выделить слово (имя);

2. В поле ввода интернет-адреса Link редактора свойств Properties ввести почтовый адрес .

Создать гиперссылку на почтовый адрес можно также в диалоговом окне Email Link, которое вызывается командой InsertEmail Link или кнопкой страницы Common панели объектов Insert.

Создание “внутрисайтовой” гиперссылки (ссылки на другую страницу текущего сайта).

1. Выделить фрагмент текста, который будет являться ссылкой.

2. Нажать кнопку Browse for File редактора свойств Properties.

3. В появившемся окне Select File в поле File Name (Имя файла) отобразить имя нужного файла.

4. Нажать кнопку Ok.

Использование “якорей”. “Якоря” (Anchors['æηkə]) помечают некоторый участок текста текущей страницы, что обеспечивает быстрый переход к ним из другого места текста.

Чтобы поместить “якорь” нужно:

1. Поместить курсор в нужное место текста.

2. Выполнить команду InsertNamed Anchor или нажать кнопку на вкладке Common панели объектов, или нажать <Ctrl>+<Alt>+<A>.

3. В появившемся окне Named Anchor в поле ввода ввести имя вставляемого “якоря” (латинские буквы и цифры, причем первый символ обязательно буква).

4. Нажать кнопку Ok.

После этого в тексте появится значок “якоря” , который не отображается Web-обозревателем.

Создание гиперссылки на “якорь”.

1. Выделить фрагмент текста, который будет ссылкой на “якорь”.

2. В поле адреса редактора свойств ввести имя “якоря”, например, #pr1 (знак # - признак имени “якоря”).

Из другой Web-страницы на этот “якорь” можно сослаться, указав перед “решеткой” имя файла этой страницы, например, my_1.htm#pr1.

Общие свойства страницы задаются в диалоговом окне Page Properties, которое вызывается командой ModifyPage Properties(ИзменитьСвойства страницы):

Title – название Web-страницы,

Background- селектор цвета фона страницы,

Text – селектор цвета текста,

Links, Visited Links, Active- селекторы выбора цвета гиперссылок: непосещенных (по умолчанию синий), посещенных (темно-красный) и активной (ярко-красной).

Left Margin, Top Margin – задают расстояния между рамкой окна Web-обозревателя и содержимым Web-страницы, соответственно, слева и сверху,

Margin Width, Margin Height - задают расстояния между рамкой окна Web-обозревателя и содержимым Web-страницы, соответственно, по горизонтали и вертикали,

Document Encoding – задает кодировку текста Web-страницы.

Комментарий - это фрагмент текста, хранимый в коде Web-страницы, но не обрабатываемый и не отображаемый Web-обозревателем. Для вставки комментария нужно:

1. Установить курсор в место вставки комментария.

2. Нажать кнопку Comment (Комментарий) страницы Common (Общая) или выполнить команду InsertText ObjectsComment.

3. В появившемся окне Comment в область редактирования ввести текст комментария и нажать Ok.

Вставка даты:

1. Установить курсор в место вставки даты.

2. Нажать кнопку Date страницы Common или выполнить команду InsertDate (ВставкаДата).

3. В появившемся диалоговом окне Insert Date (Вставка даты) выбрать нужный формат представления даты и нажать Ok.

Задания.

1. Запустить Microsoft Dreamweaver MX. Изучить меню, элементы управления, основные операции в среде.

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

• несколько абзацев, отформатированных различным способом (различные шрифты, разный размер символов, различные отступы, различное выравнивание, различное цветовое оформление);

• специальные символы (©, ®, текущая дата, горизонтальная черта), комментарии;

• маркированные (разные варианты оформления) и нумерованные списки;

• различные виды гиперссылок: на Web-страницы в Интернет, почтовые, на другие страницы сайта, на “якоря”;

• различную цветовую настройку гиперссылок;

• различный режим отображения загружаемых страниц: в текущем окне, в новом окне Web-обозревателя.

Просмотреть HTML код созданной страницы.

Сохранить созданный сайт в папке Lab-9.

Просмотреть созданный сайт в Web-обозревателе. Проверить работу ссылок.

Завершить работу в Microsoft Dreamweaver MX.