Поэтому настоятельно рекомендуется использовать редактор Блокнот либо wordpad. Все дальнейшие рекомендации и примеры будут приводиться в отношении редактора “блокнот”.

Завершив ввод текста Web-страницы, сохраните
его в виде текстового документа. В качестве расширения имени файла используйте одно из следующих — “.html” или “.htm” (см. рис. 1-3).

Рис. 1-3. Изменение расширения текстового файла на файл html.

Никаких особых правил именования файлов Web-страниц не существует — действуйте, как обычно, руководствуясь
требованиями операционной системы. Файл
главной страницы Web-сайта обычно носит на-
звание index. html. Следует обратить внимание, что изменение расширения файла можно также производить в окне свойств сохраненного текста, для чего убедитесь, что в ниспадающем меню Сервис – свойства папки - вид снята галочка для атрибута «скрывать расширения для зарегистрированных типов файлов» (см. рис. 1-4). Сохранив сделанные изменения Вашего текстового файла, нажмите на кнопку «ОК», получите WEB-документ.

Рис. 1-4. Изменение типа рсширения файлов.

Если набранный текст Web-страницы вы-
ходит за границы окна текстового редактора или процессора, обычно требуется «заставить» программу осуществлять автоматический перенос целых слов. Чтобы
выполнить подобную операцию в Word-
Pad, выберите команду меню Вид> Пара-
метры. В диалоговом окне «Параметры» перейдите на вкладку Текст и в группе опций «перенос, по словам» выберите значение «
в границах окна».

Для создания Web-страниц могут оказаться, полезны и специализированные
HTML-редакторы, такие как BBEdit или
Home Site (или Macromedia Dreamveaver MX). В подобных приложениях предусмотрены специальные команды меню
и/или панели инструментов, позволяющие непосредственно задавать различные дескрипторы HTML. Программы
BBEdit и Home Site доступны на Web-сай-
тах www.barebones.com и www.allaire.com
соответственно.

Средства визуального проектирования (на-
пример, Microsoft FrontPage, HoTMe-
tal PRO или Dreamweaver) позволяют создавать Web-страни-
цы таким образом, чтобы полностью
исключить необходимость набора дескрипторов HTML вручную. Подобные
программы выполняют все необходимые операции автоматически, по мере
" рисования" Web-страницы. Microsoft
FrontPage вы сможете получить, обратив-
шись по адресу www.microsoft.com/frontpa-
ge, а приложение HoTMetal PRO доступно
на сайте www. softguard.com.

Ход работы:

1. Ознакомиться с данной инструкцией.

2. Набрать ниже приведенный текст (как шаблон для дальнейших работ) в графическом редакторе Блокнот:

<! doctype html public " -//W3C//DTD HTML 4.0 Transitional//EN" >

< html> <! -- тег начала Web страницы; комментарий, на странице не отображается -->

< title> Моя первая проба сил в HTML< /title> > <! -- тег названия страницы -->

< /head>

< META NAME=”keywords” CONTENT=”WEB-страница, создание, курсовой” >

<! -- тег включения аннотации (description), ключевых слов (keywords), сведений о авторе (author) и пр. в страницу, чтобы программы-роботы не обнаруживали страницу, следует набрать – META NAME=”robots” CONTENT=”noindex”, “nofollow” -->

<! -- тег комментария, на странице не отображается -->

<! -- Задание основных параметров написания страницы -->

< body background-position " basefont size=" 14" > <! -- тег основного тела страницы -->

< p align=" center" > < font color=" #FF0000" size=" 6" face=" Times New Roman Cyr" >

< strong> Проба сил в HTML < /strong> < /font> < /p

< /body>

< /html>

3. Сохраните набранный текст с расширением «.html» в отдельной папке в корневом каталоге или в папке «Мои документы» под названием, включающем Вашу фамилию (например: Калоев HTML. Лаб.1).

4. Запустите полученный файл двумя кликами (или одним, в зависимости от настройки компьютера) мышки.

5. Запуститься броузер Internet Explorer (или другой, установленный на Вашем компьютере) и в открывшемся окне Вы увидите набранный Вами заголовок «Проба сил в HTML ».

6. Студенту предлагается проанализировать набранный код фрагмента программы, поэкспериментировать, изменяя написание приведенных дескрипторов (тэгов) в редакторе Блокнот (не забывайте каждый раз сохранить изменения и обновить страницу).

7. Оформить лабораторную работу в письменном виде (преподавателю лабораторная работа сдается вэлектронном, и в письменном виде).

Задачи для самостоятельного решения.

Студентам предлагается самостоятельно изменить атрибут font align, чтобы посмотреть, как изменяется написание заголовка.

Измените в контейнере < title> название страницы.

Контрольные вопросы.

1. Какие тэги вы применили в выше приведенном фрагменте?

2. Почему в HTML применяются в основном парные дескрипторы?

3. В каком порядке располагаются дескрипторы HTML?

4. Как изменить расширение файла?