ПОДГОТОВКА WEB-СТРАНИЦ
Цели работы: Познакомиться с основными принципами языка разметки гипертекста (HTML), форматами и структурой WEB-страниц, научиться создавать документы для размещения в сети ИНТЕРНЕТ, а также использовать специальный HTML-редактор - MS FrontPage. Общие пояснения Язык разметки гипертекста (HTML) Язык разметки гипертекста (Hyper Text Markup Language) – повсеместно распространенный формат для гипертекста в WEB. Для просмотра текста, подготовленного в формате HTML, используются специальные программы-просмотрщики (WEB-броузеры), такие, как Internet Explorer, Opera и др. Формат HTML-файлов HTML-файлы главным образом являются текстовыми файлами формата ASCII. Кроме простого текста HTML-файл содержит большое количество тегов – специальных элементов, управляющих отображением и поведением HTML-документа при его просмотре на экране компьютера. Теги, в частности, определяют стиль шрифта, тип абзаца или ссылку на другой HTML-файл или изображение. Большинство тегов образуют пару из открывающего и закрывающего тегов (закрывающий тег обычно такой же, как и открывающий, только предваряется символом слэша, /), указывающих на начало и конец стиля. Например, запись < b> Компьютеры< /b> означает полужирное начертание слова Компьютеры, а < title> Личная страница Иванова Вани< /title> - задает заголовок документа. Некоторые теги, однако, не имеют закрывающего варианта (или «завершителя»). Один из них – тег < p>, используемый для разделения абзацев. Этот тег имеет особое значение, поскольку пробелы и символы новой строки в HTML-файле полностью игнорируются и перейти на новую строку можно лишь при помощи тегов < p> или < li> или же начав новый заголовок. Структура HTML-файлов HTML-документ начинается с тега < html> и делится на две части, отмеченные как < head> и < body>. Каждый из этих трех тегов требует соответствующего завершителя. В заголовочной (head) части HTML-файла обычно пишется заголовок (часто отображаемый в строке заголовка окна броузера) и несколько других общих элементов. В теле (body) пишется содержимое файла, в общем случае начиная с его отображаемого заголовка. Можно сформировать несколько заголовков различных уровней, отмечая их тегом < hX>, где Х – число от 1 до 6. Далее следуют обычные абзацы (< p>), отформатированные абзацы (< pre>, стиль, обычно используемый для отображения текста листингов программ), различные виды списков и множество других элементов. Часто в тексте содержатся ссылки на другие страницы или другие части текущей страницы в виде тега < a> Еще один элемент HTML-файла – таблицы. Теги < table> и < /table> указывают на начало и конец таблицы, а необязательный атрибут border отображает границы заданной ширины. Теги < tr> и < /tr> открывают и закрывают каждую строку, а теги < th>, < /th>, < td> и < /td> указывают соответственно на ячейку заголовка таблицы и ячейку данных таблицы. Число колонок зависит от количества элементов в каждой строке. В разных строках может содержаться разное количество элементов. Кроме статического текста в HTML-документе часто используются элементы управления и формы. Для каждого элемента управления в HTML-файле пишутся специальные обработчики событий - функции и процедуры, запускаемые в зависимости от состояния элемента управления, например, отправка данных из заполненной формы по определенному адресу. Средства создания HTML-файлов HTML-файл может быть создан одним из ниже перечисленных способов: - в простом текстовом редакторе. При его создании следует использовать теги, описанные выше. При сохранении созданного документа файлу следует давать имя с расширением htm или html, например, index.htm - в специальных HTML-редакторах – MS FrontPage, HomeSite, DreamWeaver и др. - из различных приложений, путем сохранения в HTM-формате (например, если сохранять документ, подготовленный в программе WORD, то при сохранении следует выбрать тип файла «WEB-страница») Следует отметить, что эти приложения добавляют множество лишней служебной информации, которую нужно уметь вычищать.
Задание 1 Подготовить личную страницу для размещения в сети ИНТЕРНЕТ и страницу с формой «Отзывы и предложения».
Подготовительный этап Подготовить текстовую информацию для проектирования своей личной страницы. Подготовить графические иллюстрации Спланировать размещение информации на страницах и связи между страницами.
|
