Создание Web-сайтов

Web-сайты Публикации во всемирной паутине реализуются в форме Web-сайтов Web-сайт содержит информацию, посвященную какой-либо теме или проблеме. Web-сайт состоит из Web-страниц. Обычно сайт имеет титульную страницу, на которой имеются гиперссылки на его разделы (Web-страницы). Гиперссылки имеются также на других Web-страницах сайта. Web-сайты обычно являются мультимедийными, т.е. содержат иллюстрации, анимацию, звуковую- и видеоинформацию. Web-страницы сайта могут содержать динамические объекты (исполнимые модули), созданные с использованием сценариев на языках JavaScript и VBScript или элементов управления ActiveX. Расположенные на сайте управляющие элементы (например, кнопки) позволяют запускать те или иные динамические объекты.

Web-страницы Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы - HTML-тэги, которые определяют вид Web-страницы при ее просмотре в браузере. Основные достоинства HTML-документов: малый информационный объем; возможность просмотра на персональных компьютерах, оснащенных различными операционными системами. Для создания Web-страниц используются простейшие текстовые редакторы (например, Блокнот) Для упрощения работы по созданию Web-сайтов можно применять специальные программные средства (Web-редакторы), в которых процесс создания и редактирования страниц нагляден, - производится в режиме WYSIWYG (от англ. «What You See Is What You Get» «Что видишь, то и получишь»).

1. Проектирование сайта Сначала необходимо разработать проект сайта, то есть определить, сколько Web-страниц будет входить в сайт, какова будет их тематика и как они будут связаны между собой. Пример: Пусть наш сайт будет содержать следующие страницы: Компьютер (титульная страница) Компьютер (титульная страница) Программы (содержит классификацию программного обеспечения) Программы (содержит классификацию программного обеспечения) Словарь (содержит словарь компьютерных терминов) Словарь (содержит словарь компьютерных терминов) Комплектующие (содержит цены на устройства компьютера) Комплектующие (содержит цены на устройства компьютера) Анкета (содержит анкеты для посетителей сайта) Анкета (содержит анкеты для посетителей сайта)

Структура Web-страницы Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат открывающий и закрывающий тэги (такая пара тэгов называется контейнером ). Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги можно записывать как прописными, так и строчными буквами. HTML-код страницы помещается внутрь контейнера … … …

Web-страница делится на две части: заголовок и содержание. Заголовок Web-страницы заключается в контейнер … … … и содержит название страницы и справочную информацию о странице, которая используется браузером для ее правильного отображения (например, тип кодировки). Название страницы помещается в контейнер … … … … и при просмотре отображается в верхней строке окна браузера.

Содержание страницы, отображаемое в браузере, помещается в контейнер … … … Созданную Web-страницу необходимо сохранить в виде файла под любым именем. (Имя стартовой страницы сайта чаще всего – index). В качестве расширения файла используют.htm или.html (например, index.htm) Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке. Необходимо различать имя файла (index.htm), под которым Web-страница хранится в файловой системе, и название Web-страницы, например «Компьютер», которое описывается тэгом высвечивается в верхней строке окна браузера. Имя Web-страницы должно соответствовать ее содержанию, т.к. именно оно анализируется поисковыми системами.

Практическая работа. Создание Web-сайта «Компьютер» 1. Запустить текстовый редактор Блокнот. 2. Ввести HTML-код страницы:

3.Сохранить созданный файл под именем index.htm обратите внимание: Файл должен быть сохранен в специально созданной папке, в которой будут храниться все файлы вашего сайта. Файлу надо дать расширение.htm. Для этого при сохранении документа в строке «Тип файла» выберите «Все файлы». 3.Загрузить этот файл в окно браузера для просмотра