Geum.ru

Создание собственной web-страницы в Internet

Вид материалаДокументы
Подобный материал:
1   2   3   4   5   6   7   8   9
и . Этот тег начинает и завершает любую страницу, указывая броузеру на то, что данная страница описана на HTML. На странице закрывающий тег будет стоять самым последним, в конце документа. Все, что мы будем набирать далее, должно быть расположено между этими метками.

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

Рассмотрим дескрипторы, служащие для описания документа и располагающиеся в его заголовке. Напомним, эти теги должны располагаться в заголовке между и .

Этим требующим закрытия дескриптором определяется название окна броузера, в котором будет просматриваться ваша страничка. <br /> <CENTER> <table width=455 cellpadding=4 cellspacing=1> <col width=443> <tr> <td width=443 bgcolor="#2b5f99"> <br />Пример:<br /><TITLE>Моя первая web-страничка

При просмотре этого документа в броузере в заголовке окна и на соответствующей этому окну кнопке на панели задач, будет текст «Моя первая web-страничка».

Этот тег используется для указания подробной информации о документе. Употребляется в сочетании с описаниями атрибутов документа и не требует закрытия.

Атрибутами дескриптора может быть любая информация, которую вы хотите сообщить. Существует несколько стандартных атрибутов, необходимых для указания броузеру способа кодировки документа, имени создателя и информации для поисковых систем:



Атрибут CONTENT (содержание) указывает броузеру, что содержанием документа является HTML в кодировке (CHARSET) CP-1251(Windows). Информация о том, что документ размечен в формате HTML, фактически дублирует метку , открывающую документ. А вот данные о кодировке документа нужны броузеру, чтобы сгенерировать конечный файл с тем набором символов, который принят в операционной системе пользователя. Если кодировка загружаемого документа отличается от системной, то броузер конвертирует текст документа, иначе — оставляет нетронутым.

Общая структура тега такова:

Атрибут NAME содержит имя определяемого параметра, а CONTENT — значение параметра, определенного атрибутом NAME. Например, если вы хотите дать сведения об авторе документа, это можно сделать следующим образом:



Можно разместить ключевые слова в теге :



Ключевые слова необходимы для индексации вашей странички в поисковых системах. Чем больше слов, соответствующих содержанию вашей страницы вы напишите в этой строке, тем больше вероятность того, что вашу страницу посетит кто-нибудь кроме вас.

Заголовок нашего WWW-шаблона будет содержать следующую информацию:





Первая web-страничка


CONTENT=”text/html; charset=windows-1251”>




подводная лодка, курс, основы HTML, создание web-страниц”>

Наберите это в текстовом редакторе, заменив имя автора, заголовок окна и ключевые слова в соответствии с вашим желанием. Сохраните как текстовый документ с именем index.txt, затем щелкните по имени сохраненного файла и измените его название на index.phpl. Теперь, если вы откроете этот файл в броузере, то увидите озаглавленную, но абсолютно чистую страницу.

Заголовок HTML-документа вы уже создали. Осталось сделать «тело» нашей страницы. «Тело», как и «голова», ограничивается с двух сторон соответствующим тегом — . Таким образом, структура страницы выглядит следующим образом:





Информация о страничке






Информационное наполнение

Сохраните файл со структурой страницы и используйте в дальнейшем как шаблон для ваших HTML-документов.

В открывающий тег могут входить элементы, определяющие параметры страницы, такие, как используемый фоновый рисунок, цвет и размер основного шрифта и гиперссылок, цвет фона и т. п. Цвета этих элементов web-страницы указываются в шестнадцатеричном исчислении. Для облегчения нелепого труда по вычислению шестнадцатеричного кода вашего любимого цвета создано огромное количество небольших программ. Одну из них вы можите скачать
ЗДЕСЬ (размер 332 Kb) .

Пусть у нашей странички пока не будет фонового рисунка, а цвет фона и шрифта будут соответственно белым и черным. Строка с указанием этих параметров страницы будет содержать следующие элементы:



При таком варианте описания раздела явно указываются только цвета фона и основного текста. Цвет гиперссылки и посещенной гиперссылки устанавливаются автоматически, в соответствии с настройками броузера. Если вы хотите установить для гиперссылок нестандартные цвета, например зеленый для непосещенной и голубой для посещенной, вам нужно будет указать цвета этих элементов. Пример..



Для того чтобы оформить страничку фоновым рисунком (обоями), в теге нужно указать параметр BACKGROUND=”имя файла”. Естественно, графический файл с фоновым рисунком также должен находиться на вашем Internet-сервере. В качестве фонового рисунка вы можете использовать только файлы формата GIF или JPEG. Фоновый рисунок на нашей тестовой страничке задается файлом back.jpg, а цвета текста и гиперссылок не определены, т. е. устанавливаются согласно настройкам броузера.

Таким образом, тег на нашей страничке выглядит так: