Задание 1. Создание простейшей гиперссылки
· Создайте две Web-страницы в редакторе Блокнот. Одну назовите pagel.htm, вторую page2.htm. Обе странички сохраните в одной папке под названием site. Обратите внимание, что названия папки и страничек должны быть на английском языке и начинаться со строчной буквы
· В элементе <title> укажите название странички "Задание 1.Создание простейшей гиперссылки”.
· Пусть фон первой странички будет зеленого цвета, а второй синего.
· На первой страничке создадим гиперссылку для перехода на вторую страницу. Для этого создайте элемент:
<А href="page2.htm">Ha страницу 2 </а>
· На второй страничке создадим гиперссылку для перехода на первую страницу. Для этого создайте элемент:
<А href="page1.htm">На страницу 1 </а>
· Откройте в браузере первую страничку и убедитесь, что обе гиперссылки работают правильно.
Задание 2. Создание гиперссылок
· Выполнить второе задание вы можете, если успешно справились с Заданием 1. Создайте третью страничку page3.htm. Пусть ее фон будет черным.
|
|
· На страничке page3.htm создайте гиперссылки для перехода на странички pagel.htm и page2.htm.
· На страничках pagel.htm и page2.htm добавьте гиперссылку для переход на страничку page3.htm.
· На страничке page3.htm создайте в конце документа гиперссылку для перехода в начало этого же документа.
· Откройте в браузере первую страничку и убедитесь, что теперь можно перейти с любой странички на любую другую из трех созданных.
Задание 3. Цвет гиперссылок
· Выполнить задание вы можете, если успешно справились с Заданием 2.
· На страничках pagel.htm, page2.htm и page3.htm в тэге <body> определите цвет гиперссылок:
· все гиперссылки на странице - белые;
· активные гиперссылки - красные;
· посещенные гиперссылки - серые.
· Откройте в браузере первую страничку и, переходя по ссылкам со странички на страничку, убедитесь, что цвет гиперссылок задан верно.
Задание 4. Создание Web-сайта на заданную тему в текстовом редакторе Блокнот”
В соответствии с выбранной тематикой необходимо создать сайт, состоящий не менее чем из пяти страниц.
Обязательные элементы:
· графические элементы оформления;
· гиперссылки на другие аналогичные ресурсы;
· гиперссылка на почтовый адрес автора.
Оцениваются:
· владение основными элементами языка HTML;
· гармоничность цветовой гаммы Web-сайта;
· содержание (контент) Web-сайта;
· продуманность структуры Web-сайта.
Контрольные вопросы
1. Понятие гипертекста
2. Понятие гиперссылки.
3. Структура гиперссылки
4. Относительный адрес.
5. Абсолютный адрес.
6. Внешние и внутренние гиперссылки.