Лабораторная работа № 5. Создание макета Web – сайта

Цель работы. Научиться создавать структуру Web - сайта, просматривать структуру и гиперссылки узла, проверять работу гиперссылок.

Краткие теоретические сведения.

Web - сайт (или Web-узел) – это набор связанных между собой, близких по смыслу Web-страниц и файлов. На каждом Web-сайте существует одна особенная Web-страница, называемая домашней или главной страницей (homepage). Домашняя страница должна иметь имя Index. Гиперссылка – это текст или изображение на Web-странице, при щелчке на котором происходит переход к другой Web-странице или сайту.

Для создания web-узла нужно:

1. Выполнить команду ФайлÞСоздать (FileÞNew)
2. В появившемся окне «Создать» выбрать вкладку «Web – узел», выбрать параметр «Пустой Web – узел», указать место нового сайта, то есть ввести имя диска и папки, в которой будут размещены папки и файлы создаваемого web-узла, например: В:\Student\D401\Myweb. Нажать ОК.

После выполнения этих действий в левой половине окна откроется (если на панели Views - Вид нажата кнопка Folders-Папки) список содержимого web-узла Folder List (Список папок), в котором автоматически будет создана структура папок:

E:\ Student \D- 401 \...... \Myweb

_pivate (папка для web - страниц);

_images (папка для графических файлов);

index.htm (домашняя страница).

Стартовой страницей созданного web-узла является index.htm. Эта страница, как правило, состоит из заголовка, панели навигации в виде кнопки под заголовком, панели навигации в виде гиперссылок в левой части страницы и текста в правой части страницы Welcome to my …

Для установки основных свойств страницы следует:

1. Выполнить команду FileÞProperties (ФайлÞСвойства).

1. В появившемся окне Page Properties (Страница свойств) выбрать вкладку «Общие» (General). В поле Title (Название) ввести название документа на русском языке, например, Персональная страница. Заполнить поля «Описание страницы» и «Ключевые слова», это необходимо для быстрого поиска сайта в сети Интернет.
2. Для правильного отображения символов русского языка следует установить значения на вкладке Language (Язык).
3. Пометить текущий документ выбрать Russian (Русский), в списке поля Сохранить документ выбрать Cyrillic (Кириллица), в списке поля (Перезагрузить текущий выбрать Cyrillic (Кириллица) и щелкнуть ОК.
4. Вкладка «Форматирование» позволяет установить цвет фона страницы, цвет символов текста страницы, а также установить фоновый рисунок страницы.
5. Вкладка «Дополнительно» позволяет установить отступ (поле), на которое будет смещено содержимое страницы при просмотре в программе – браузере.

Для создания новой страницы следует выполнить команду «Файл» Þ «Создать» Þ «Страница», будет открыта рабочая область для создания страницы и создана вкладка «Без названия Х.html», новую страницу следует сохранить в папке с домашней страницей.

Дата добавления: 2015-11-14