Создание структуры HTML-документа (шаблона)
Элементы языка HTML, формирующие структуру документа, служат для размещения на Web-странице служебных и информационных данных. Служебные данные необходимы для эффективной работы поисковых систем и корректного отображения страницы браузером.
1. Открыть редактор Блокнот (Пуск/Программы/Стандартные/Блокнот).
2. Сохранить автоматически созданный программой файл в своей папке под именем template.htm (шаблон). При сохранении (Сохранить как...) обязательно устанавливать «Тип файла - Все файлы» и прописывать расширение «.htm».
3. В созданном файле шаблона создать структуру HTML-документа, указав:
- язык и его версию, на котором будет записываться код документа (элемент DOCTYPE).
- начало и окончание HTML-документа (элемент HTML).
- начало и окончание раздела заголовка (элемент HEAD) для размещения служебных данных и раздела тела документа (элемент BODY) для размещения информационных материалов.
- название документа, отображаемое в строке заголовка браузера (элемент TITLE). служебные данные (элемент META), определяющие:
- автора документа (author),
- ключевые слова (keywords),
- содержание документа (description),
- имя программы-редактора HTML-документа (generator),
- кодировку кириллицы, применяемую браузером при отображении данного документа (Content-Турe).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN">
<HTML>
<HEAD> <!--Раздел заголовка-->
<TITLE>Haзвание документа, отображаемое в строке заголовка браузера </TITLE>
<META name="author" content ="имя автора" >
<META name="generator" content ="название редактора">
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META name="keywords" content ="слово1, слово2, ... ключевые слова" >
<META name="description" content="краткое описание содержания документа">
</HEAD>
<BODY> <!-- Тело документа – этот текст является комментарием -->
Этот документ можно использовать как шаблон при разработке новых HTML-документов
</BODY>
</HTML>
4. После записи структуры HTML-документа сохраните файл и закройте программу Блокнот.
5. Просмотрите файл template.htm в браузере Internet Explorer.
6. Просмотрите файл template.htm в редакторе Блокнот путем выбора в браузере пункта меню «Вид/В виде HTML» или «Вид/Просмотр HTML-кода».
|