Главная страница семейного сайта Семья Смирновых

Это наша дружная семья: мой папа, моя мама, сестра Маша и я — Серёжа. На коленях у Маши сидит пес по кличке Тимка.

• Папа

• Мама

• Серёжа

• Маша

• Тимка

Папина страница

Виктор Семенович Смирнов родился 12 февраля 1960 года в г. Москве. В 1977 году он закончил школу. В этом же году поступил на математический факультет Московского государственного университета им. М. В. Ломоносова. После окончания университета Виктор Семенович поступил в аспирантуру МГУ и в 1985 году защитил кандидатскую диссертацию.

Ход работы.

1. Откройте текстовый процессор MS Word.

2. Выполните команду <Файл> => <Создать>. В появившемся окне щелкните по значку «Web-страница».

3. Оформите внешний вид страницы в соответствии с приведенным образцом, используя обычные средства MS Word (управление форматированием, шрифтами; можно сделать цветной фон, подобрать текстуру заливки и пр.). При наборе текста страницы не делать подчеркивания слов (Папа, Мама, Серёжа, Маша, Тимка). Подчеркивания появятся автоматически после вставки гиперссылок. Вставить рисунок можно либо из файла со сканированной фотографией (если у вас такой имеется), либо выбрав любой рисунок из стандартной коллекции.

4. Создайте гиперссылки. Для этого:

а) выделите слово «Папа»;

б) выполните команду <Вставка> -> <Гиперссылка>;

в) в появившемся окне щелкните по кнопке «Обзор» напротив строки «Имя объекта в документе» и введите имя файла father.htm (в результате файл father.htm должен находиться в папке «Мои документы»). Аналогичные действия необходимо выполнить для слов «Мама», «Серёжа», «Маша», «Тимка», введя для них произвольные имена файлов (сами файлы будут созданы позже).

5. Сохраните полученную страницу в файле с именем index.htm в папке «Мои Документы» («Сохранить как веб-страницу»).

6. Создайте «Папину страницу» (см. п.п. 2-3). Гиперссылок в ней пока создавать не нужно. Сохраните страницу в файле father.htm в папке «Мои документы».

7. Вернитесь к «Папиной странице». Создадим в ней внеш­нюю гиперссылку на сайт Московского государственного университета. Для этого:

а) выделите текст «Московского государственного уни­верситета им. М. В. Ломоносова»;

б) выполните команду <Вставка> -> <Гиперссылка>;

в) в появившемся окне в строке адреса наберите URL-адрес МГУ: http://www.msu.ru.

8. Создайте остальные страницы семейного сайта. Организуй­те связи между страницами и внешние связи. Не забудьте сохранить все созданные файлы.

9. Откройте с помощью браузера главную страницу семейного сайта (для этого достаточно дважды щелкнуть мышкой по значку файла с главной страницей в папке «Мои докумен­ты»). Проверьте работу всех внутренних гиперссылок.

Рассмотрим работу основных тэгов, используемых на данной странице. Все тэги делятся на парные и непарные. Действие парного тэга распространяется на часть документа, размещенную между открывающим и закрывающим тэгом (<...> — от­крывающий тэг, </...> — закрывающий тэг). Непарный тэг действует только на ту часть документа, где он стоит. Боль­шинство тэгов НТМL — парные.

Любой НТМL-документ состоит из двух частей.

В заголовке документа размещаются тэги, которые являются служебными и обычно не выводят на экран никакой информации (за исключением тэга <TITLE>). Между открывающим и закрывающим тэгом <ВODY> располагается содержимое Web-страницы.

Многие тэги НТМL могут иметь атрибуты, уточняющие их действие. Атрибуты бывают обязательными и необязательными и имеют вид: имя_атрибута=значение_атрибута. Если тэг со­держит несколько атрибутов, то они отделяются друг от друга пробелом.

<ТITLE>. . .</TITLE> — тэг для вывода текста в заголовке окна браузера. Если данный тэг будет отсутствовать, то в заго­ловке окна браузера будет выведено имя открытого файла или адрес страницы.

Цвет может задаваться либо именем, либо номером (из 6 шестнадцатеричных цифр). В приведенном примере задан си­ний цвет для невыбранных гиперссылок и темно-сиреневый для посещенных гиперссылок.

Некоторые цвета, используемые в НТМL:

Имя цвета	Номер цвета	Название
aqua	000FFFF	бирюзовый
black	000000	черный
blue	0000FF	синий
fuchsia	FF00FF	розовый
gray	808080	серый
green	008000	зеленый
lime	00FF00	светло-зеленый
maroon	800000	коричневый
navy	000080	ультрамариновый
olive	808000	оливковый
purple	800080	пурпурный
red	FF0000	красный
silver	C0C0C0	серебряный
teal	008080	темно-зеленый
yellow	FFFF00	желтый
white	FFFFFF	белый

<CENTER>. . . </ CENTER > — данный тэг позволяет отцентрировать любую информацию, размещенную между открывающим и открывающим тэгами (текст, графику, таблицы, гиперс­сылки, списки и т. д.).

<FONT>. . . </FONT> — тэг для задания атрибутов шрифта.

<IMG src="имя графического файла "> — вставка рисун­ка.