Задание 1.1
Разработать структуру сайта и черновые эскизы макетов страниц (построение связей страниц, группировка необходимой информации, стилевое оформление страниц), выбрав одну из следующих предметных областей:
Продажа книг.
Продажа бытовой техники.
Продажа автомобилей.
Риелторские услуги (обмен, продажа, покупка недвижимости).
Реализация товаров бытовой химии.
Продажа канцелярских товаров.
Оптовая продажа продуктов питания.
Продажа строительных материалов.
Продажа компьютерной техники.
Продажа ювелирных изделий.
Продажа электромонтажных материалов и оборудования.
Продажа меховых изделий.
Продажа одежды.
Продажа обуви.
Дизайнерские услуги.
Продажа спортивных товаров и инвентаря.
Продажа мебели.
Продажа аудио-видео источников информации.
Продажа компьютерных программ.
Услуги сотовой связи и продажа средств связи.
Сайт должен содержать не менее 6-7 страниц.
2. Основы языка html
Для того чтобы Web-страница, могла быть отображена в окне обозревателя, необходимо создать соответствующий HTML-документ.
HTML-документ – это текстовый документ, который может быть подготовлен обычным текстовым редактором. Кроме текста в таком документе имеются специальные инструкции, определяющие правила форматирования документа и передающие обозревателю различную служебную информацию.
Инструкции языка HTML называются тегами (от английского слова - tag).
Тег записывается в угловых скобках. Большинство тегов являются парными. Например, содержимое HTML-документа обрамляется парой тегов <HTML> . . . </HTML>.
Тег <HTML> называется открывающим, а тег </HTML> – закрывающим. Парные теги называют также контейнерами или тегами контейнерного типа.
Тег состоит из имени и списка атрибутов:
<ИМЯ_ТЕГА СПИСОК_АТРИБУТОВ>.
Атрибуты задают свойства тега. С помощью тегов можно осуществлять следующие действия:
формировать основные разделы HTML-документа;
форматировать текст;
создавать ссылки;
создавать таблицы;
формировать кадры (фреймы) для разделения окна обозревателя на изолированные области выводы данных;
помещать рисунки в окне обозревателя;
создавать формы для поддержания диалога между Web-страницей и пользователем;
помещать дескрипторы внедряемых объектов.
Формирование основных разделов html-документа
Теги, формирующие разделы HTML-документа называются структурными. К основным разделам HTML-документа относятся заголовок и тело документа. Пара тегов <HEAD> . . . </HEAD> формируют заголовок документа, а теги <BODY> . . . </ BODY > определяют тело документа.
Для того чтобы вывести название документа в строку заголовка окна обозревателя, используется пара тегов <TITLE> . . . </ TITLE >.
Итак, структура типичного HTML-документа выглядит следующим образом:
<HTML>
<HEAD>
Заголовок документа
<TITLE> название документа, отображаемое в строке заголовка окна обозревателя </ TITLE >
</HEAD>
<BODY>
Текст HTML-документа
</BODY >
</HTML>
Пример 2.1.
Попробуем применить полученные сведения о структурных тегах для формирования названия HTML-документа и его заголовка, который описывает главную страницу сайта (рис. 1.3). В этом случае HTML-документ будет иметь в следующий вид:
<HTML>
<HEAD>
Фирма “Гепард”
<TITLE> ООО “Гепард” </TITLE >
</HEAD>
</HTML>
Для ввода текста этого HTML-документа можно воспользоваться стандартной программой Windows – «Блокнот». Следует внимательно отнестись к процессу сохранения документа. При определении имени файла важно не забыть добавить расширение html. Например, поименовать файл главной страницы так: main.html. Задание расширения html позволит сохранить файл как HTML-документ, и в дальнейшем открывать его с помощью обозревателя.
Рис. 2.1. Заголовок главной страницы и ее название
На рис 2.1. представлен результат обработки обозревателем текста HTML-документа, в котором указаны заголовок документа и название страницы. Для того чтобы страница выглядела более выразительно, обычно заголовок выделяется более крупным шрифтом и центрируется. Эти операции позволяют осуществлять теги форматирования текста.