Разработка сайтов с помощью редактора

Начиная с версии Microsoft Word 2000 редактор стал полноценным средством разработки веб-документов – отдельных страниц и целых сайтов. Далее излагается материал, ориентированный на пользователей, имеющих начальный опыт разработки веб-документов, знающих основы языка HTML.

Создание новой веб-страницы

Новый документ Word можно сохранить как веб-страницу. Соответственно, создавая документ на основе любого шаблона, вы создаете веб-страницу. Тем не менее в состав средств редактора входит набор шаблонов для создания веб-страниц. Кроме того, можно создавать собственные шаблоны веб-страниц.

Для создания веб-страницы на основе шаблона необходимо выполнить следующие действия:

· ввести команду File/New (Файл/Создать);

· в окне появившемся окне диалога выбрать выбрать вкладку Веб-страница;

· на данной вкладке выбрать значок требуемого шаблона и нажать кнопку ОК.

!!! При создании документов на основе шаблонов веб-страниц редактор автоматически переключается в режим просмотра веб-документов. Если вы создаете документ на основе шаблона другого типа, то для работы над веб-страницей необходимо переключиться в режим просмотра командой View/Web document (Вид/Веб-документ).

!!! Для создания собственного шаблона веб-страницы необходимо в окне диалога создания страницы установить опцию Template (Шаблон).

Ввод текста

Ввод текста производится обычным для редактора способом.

Добавление гиперссылок

Для вставки гиперссылки необходимо воспользоваться командой Insert/Hyperlink (Вставка/Гиперссылка) либо щелкнуть на кнопке добавления гиперссылки на панели инструментов Стандартная.

Редактор позволяет создавать гиперссылки на ресурсы четырех типов:

– имеющиеся веб-страницы или файлы;

– определенное место в пределах текущего документа;

– новый документ;

– адрес электронной почты.

Для выбора одного из этих типов используются кнопки в левой части окна диалога Добавление гиперссылки на панели Связать с (Link to).

Для создания гиперссылки на имеющуюся веб-страницу или файл необходимо:

· в окне диалога добавления гиперссылки щелкнуть по кнопке Имеющимся файлом, веб-страницей (existing file or web page) на панели Связать с;

· в поле Адрес указать адрес страницы или файла, на который должна указывать ссылка. Можно также выбрать имя или адрес из расположенного ниже списка или найти файл, воспользовавшись кнопкой Поиск файла для поиска файла на локальном диске или в локальной сети или кнопкой Интернет для поиска файла в Интернете;

· в поле Текст ввести текст, который будет использоваться для представления гиперссылки на странице. Если перед вставкой гиперссылки был выделен какой-либо текст, редактор автоматически отобразит его в это поле;

· если требуется, чтобы при наведении указателя мыши на гиперссылку в браузере отображалась подсказка, следует нажать на кнопку Подсказка и в открывшемся окне введите текст подсказки, а затем нажмите ОК;

· закройте окно диалога нажатием кнопки OK.

Для создания гиперссылки на какой-либо объект в текущем документе необходимо выполнить следующие действия.

1) Сначала создайте закладку:

· выделите объект или текст, на который следует назначить закладку;

· введите команду Вставка/Закладка. Появится окно Закладка;

· в поле Имя закладки введите имя закладки (для имени используйте латинские буквы и цифры);

!!! Редактор автоматически создает закладки на начало и конец документа.

· нажмите кнопку Добавить.

2) Создание собственно гиперссылки на закладку выполняется следующим образом:

· введите команду Вставка/Гиперссылка;

· шелкните по кнопке Местом в документе в окне диалога на панели Связать с в левой части окна;

· в появившемся списке закладок выберите нужную и нажмите кнопку ОК.

Для создания гиперссылки на электронный адрес нажмите кнопку Электронной почтой на панели Связать с диалогового окна Добавление гиперссылки и в поле Электронная почта введите нужный адрес.

Таблицы

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

Создание списков

Для создания списков в редакторе применяются кнопки Нумерация и Маркеры на панели инструментов Форматирование.

Для изменения параметров списков введите команду Формат/Список и выберите нужное изменение. Перед вводом этой команды необходимо установить курсор в пределах списка или выделить несколько абзацев, параметры списка для которых требуется изменить.

Добавление графических элементов

Вставка графического объекта в документ выполняется следующим образом:

· установите курсор ввода в нужное место документа;

· введите команду Вставка/Рисунок/Из файла. Появится окно диалога Добавить рисунок;

· В данном окне выберите файл и нажмите кнопку Вставка.

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

Сохранение документа в формате веб-страницы

Любой документ редактора можно сохранить в формате веб-страницы. Для этого используется команда Файл/сохранить как веб-страницу.