Задания для практического занятия:

1. Создайте три Web-страницы. Первая страница будет домашней, поэтому переименуйте её в index.html (ещё одно допустимое название –default.html).

2. Создайте домашнюю страницу, назвав её «Рабочее место Web–мастера». Эта страница обязательно должна содержать ссылки на две другие страницы, посвящённые Html-редакторам и графическим редакторам.

3. Вторая страница посвящена HTML редактору Macromedia Home Site 5. На этой странице есть следующие ссылки:

1. Две ссылки на Интернет-сайты производителей Macromedia Home Site 5 (http://www.macromedia.com/ и http://www.allaire.com).

2. Ссылка-рисунок, при нажатии на которую в браузер загружается картинка с изображением интерфейса программы (картинка загружается в отдельном окне: target="blank").

3. Ссылка для возвращения на домашнюю страницу.

4. На третьей странице рассказывается о размещении изображениях на страницах. Третья страница содержит:

1. Cсылку-рисунок, при нажатии на которую в браузер загружается картинка с изображением интерфейса программы Adobe Photoshop (картинка загружается в отдельном окне: target="blank")

2. Cсылку на домашнюю страницу.

5. Сохраните страницы в личной папке.

Страница 1

Страница 2

Страница 3

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

1. Перечислите категории текстовых гиперссылок

2. Как выглядит ссылка на адрес электронной почты

3. Какие списки вы знаете и чем они отличаются?

Практическая работа № 6

«Использование таблиц при создании web-страниц»

Цель работы: научиться применять табличную разметку HTML-документа.

Образовательные результаты, заявленные во ФГОС третьего поколения:

Студент должен

уметь:

- составлять HTML-код страницы;

- проектировать web-приложения;

знать:

- синтаксис HTML.

Краткие теоретические и учебно-методические материалы по теме практической работы

HTML-файл содержит один тип управляющих конструкций - теги (tags).

тег — единица разметки;

элемент — составная часть документа.

Назначение тегов:

- разделяют исходный неформатированный текст документа на элементы;

- создают новые элементы, которым ничего не соответствовало в тексте (например, графические вставки или Java-апплеты).

Виды тегов:

- парные, охватывающие какой-то фрагмент текста и/или другие теги,

<парный-тег>текст или другие теги</парный-тег>

Парные теги должны вкладываться друг в друга без пересе­чений, т. е. если в области действия тега А открылся тег В, он должен закрыться до того, как закроется тег А.

<A> <B> </B> </A>

- непарные, стоящие в одиночестве:

<непарный-тег>

Атрибуты

Многие теги, как парные, так и непарные, имеют атрибуты, изменяющие и уточняющие действие тега:

<тег атрибут1="значение" атрибут2="значение" ...>

Регистр букв в идентификаторах тегов и атрибутов (но не в значениях атрибутов) не учитывается. Пары атрибут="значение" распознаются как таковые только внутри угловых скобок тега и отделяются друг от друга пробелами.