Практикум по созданию веб-страниц на языке HTML (часть 2)

Практикум по созданию веб-страниц на языке HTMLсостоит из трех частей и рассчитан на несколько уроков. В результате выполнения данного практикума учащиеся должны получить мини-сайт, состоящий из 16 страниц, объединённых фреймовой структурой. В ходе выполнения работ у учащихся проверяются навыки создания web-страниц с использованием языка разметки гипертекста HTML: работа со шрифтами, вставка изображений, работа с таблицами, использование гиперссылок, вставка звука и видео. Оформление сайта прои...
Раздел Информатика
Класс -
Тип Конспекты
Автор
Дата
Формат doc
Изображения Есть
For-Teacher.ru - все для учителя
Поделитесь с коллегами:

Практикум по созданию веб-страниц

(часть II)

  1. Создайте HTML-страницу, назвав её Map.htm.

    • Поместите на страницу картинку crimea.jpg, используя тег (img)

    • Используйте изображение Крыма в качестве карты (map), создав переход с области географического расположения городов на соответствующие страницы Armyansk.htm, Evpatoriya.htm, Kerch.htm, Simferopol.htm, Yalta.htm (форму для области ссылки выберите самостоятельно).

    • Добавьте на страницу музыку гимна Крыма, используя тег (embed src=). Для скрытия проигрывателя используйте атрибут hidden.

  2. Создайте HTML-страницу, назвав её Crimea.htm.

    • Внесите на страницу данные о Крымском полуострове, которые находятся в текстовом документе Крым.doc

    • Добавьте на страницу музыку о Крыме, используя тег (embed src=). Для скрытия проигрывателя используйте атрибут hidden.

  3. Создайте HTML-страницу, назвав её menu.htm

    • Создайте нумерованный список (ol) с вложенным в него маркированным (ul). Тип маркера - незакрашенный кружок

    • Заполните список в соответствии с приведённой ниже картинкой, сделав каждый пункт списка ссылкой на соответствующую ей HTML-страницу, применив тег (a href=)

  4. Создайте HTML-страницу, назвав её index.htm

    • Разбейте страницу по вертикали на два столбца (frameset), установив ширину первого равную 250, второй столбец занимает всю оставшуюся часть страницы, а граница между ними равна 1.

    • Первый столбец разбейте по горизонтали на две части, установив высоту первой равной 200

    • Вставьте в верхнюю левую часть фрейма картинку Logo.jpg, находящуюся в папке image, используя тег (frame)

    • В левой нижней части фрейма разместите страницу menu.htm, а в правой части фрейма - Map.htm, используя тег (frame)

  5. Использовав атрибуты name и target сделайте так, чтобы ссылки из страницы menu.htm открывались в правом фрейме.

  6. Создайте на станицах с информацией о городах и на странице Crimea.htm кнопку перехода на страницу Map.htm, использовав в качестве ссылки картинку home.gif.

На экране должно получиться:

Практикум по созданию веб-страниц на языке HTML (часть 2)

Практикум по созданию веб-страниц на языке HTML (часть 2)


© 2010-2022