Тема 5. Разработка Web-сайта
5.1. Цели и задачи создания Web-сайта
Проектирование Web-сайта. При создании Web-сайта нужно решить, какой теме он будет посвящен, и обдумать его структуру. Это может быть, к примеру, личный сайт, содержащий сведения о семье, профессиональных интересах, увлечениях. Лучше составить предварительный эскиз сайта, решить сколько страниц он будет содержать и как они будут связаны между собой.
Этот сайт будут посещать другие пользователи, а поэтому им должны быть предоставлены подходящие средства доступа к информации. Необходимо поразмыслить над особенностями его главной страницы. Файл главной страницы имеет название index. html или index. htm. Главная страница должна включать в себя краткий обзор содержимого сайта, его оглавление и набор гиперссылок, с помощью которых пользователь может перейти к интересующим его темам. Главная и все остальные страницы сайта выполняются по определенным правилам компоновки. При линейной компоновке страницы сайта располагаются в одной жестко обусловленной последовательности. Это удобно, если пользователь знакомиться с информацией в определенном порядке. При иерархической компоновке все страницы сайта связаны с его главной страницей.
Главная страница содержит обзор содержимого сайта, а все остальные содержат информацию, сгруппированную по темам. Сайт, построенный в стиле Web, не имеет четко оговоренной структуры. Каждая страница имеет многочисленные ссылки на другие страницы. Наиболее удобна и гибка комбинированная форма компоновки сайта.
Этапы проектированияWeb-страниц состоят из следующих пунктов:
Сбор информации. Необходимо подготовить все данные, которые будут представлены на страницах сайта – тексты, картинки, диаграммы, контактные сведения. При организации данных необходимо разделить данные на группы, каждая их которых будет представлена собственной Web-страницей.
Ввод информации. Тексты вводятся с помощью программы обычного текстового или специального редактора. Каждую страницу текста необходимо сохранить в виде отдельного файла-документа и снабдить текст дескрипторами HTML для преобразования его в формат Web-страниц. Сохранение документа выполняется с одним из расширений имени –.htm или .html.
Добавление гиперссылок (графических изображений). Гиперссылка позволяет пользователю переместиться к требуемой странице Web одним щелчком кнопки мыши.
Опубликование Web-страниц. Необходимо обратиться в компанию-провайдер для опубликования Web -страниц.
Основная цель работы научиться разрабатывать Web-страницы с помощью прикладных программ MS Word и Front Page. Сайт должен состоять не менее чем из трех страниц и содержать: ссылки между страницами сайта; ссылки на Web-сервера и страницы на них за пределами сайта; ссылки внутри страниц; почтовые ссылки; рисунки – ссылки; таблицы; фон для страниц.
Содержание сайта может быть выбрано любым. В п. 5.2. содержится пример разработки сайта с помощью редактора MS Word. Студент может последовательно выполнять все шаги по проектированию, внося свою информацию вместо приведенной в тексте, либо может сначала полностью выполнить все инструкции, а затем заменить содержимое страниц на свою информацию.
В результате выполнения должны быть созданы три Web -страницы:
Рисунок 5.1. – Структура сайта
Ниже в п. 5.3. предложен вариант разработки Web-сайта с помощью MS Front Page.
