2. Организация статических web-страниц. Язык разметки гипертекста html. Использование тегов и их атрибутов. Фреймы и формы.

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

1.Простота разработки сайта.

2.Минимальные требования к хостингу.

3.Минимальные требования к продвижению. 4.Устойчивость к воздействию хакеров.

Недостатки статических сайтов:

1.Высокая стоимость эксплуатации 2.Ограниченный функционал 3.Минимальные возможности по поддержке посетителей проекта.

Hyper Text Markup Language — язык разметки гипертекста — предназначен для написания гипертекстовых документов, публикуемых в World Wide Web. Гипертекстовый документ — это текстовый файл, имеющий специальные метки, называемые тегами, которые впоследствии опознаются браузером и используются им для отображения содержимого файла па экране компьютера. С помощью этих меток можно выделять заголовки документа, изменять цвет, размер и начертание букв, вставлять графические изображения и таблицы. Но основным преимуществом гипертекста перед обычным текстом является возможность добавления к содержимому документа гиперссылок — специальных конструкций языка HTML, которые позволяют щелчком мыши перейти к просмотру другого документа. HTML-документ состоит из двух частей: собственно текста, т. е. данных, составляющих содержимое документа, и тегов — специальных конструкций языка HTML, используемых для разметки документа и управляющих его отображением. HTML содержит ограниченный набор тегов, выучить их несложно. Каждый тег, в свою очередь, может иметь какое-то количество атрибутов, либо не иметь их вовсе. Некоторые атрибуты в тегах могут быть обязательными, некоторые — опциональные. Тег - это инструкция, которая укажет браузеру, какой блок нарисовать и, возможно, в каком месте и каким стилем его вывести, но второе утверждение принято выносить в CSS. Теги языка HTML определяют, в каком виде будет представлен текст, какие его компоненты будут исполнять роль гипертекстовых ссылок, какие графические или мультимедийные объекты должны быть включены в документ.

Frame - рамка, кадр. Фреймы делят пространство окна браузера на независимые разделы, в которых отображается различная информация. Очень удобно использовать фреймы когда необходимо отображать на экране данные из разных источников. Чтобы сделать фрейм, надо создать новую Вэб-страницу, с тэгами <FRAMESET><FRAME>.Дескриптор <FRAMESET> формирует набор фреймов, которые делят пространство окна на строки и столбцы. Далее необходимо задать значения высоты/ширины всех строк/столбцов, выраженные в процентах относительно текущих габаритов окна браузера, пикселях или в виде символа звездочки. Символ звездочки говорит о том, что размеры фреймов зависят от габаритов остальных фреймов страницы.

Формы позволяют обеспечивать интерактивную связь сайта с пользователем. Элементы форм позволяют посетителям вводить различную информацию и выбирать нужные опции. При добавлении элемента формы надо указать его имя. Имена нужны только для различения элементов форм. Когда пользователь вводит данные, соответствующему элементу формы присваивается определенное значение. После щелчка на кнопке Submit имя элемента и его значение отсылается на сервер. Формы html-документа должны быть просты и удобны в работе. Желательно чтобы форма помещалась в пределах одного экрана. Для этого она должна содержать не более 30 текстовых строк по вертикали и 70 символов по горизонтали. Новые элементы, добавляемые на форму, должны быть сгруппированы по их назначению. Элементы должны быть снабжены надписями, поясняющими, какого рода информация должна быть введена пользователем. Если речь идет о полях редактирования или областях ввода многострочного текста, необходимо, чтобы размеры элементов соответствовали объему вводимой информации. Когда сервер получает информацию о заполненной форме, он запускает на выполнение одну или несколько программ, которые называются CGI. Сценарий CGI определяет правила обработки данных.