Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Конспекты / Практикум по созданию веб-страниц на языке HTML (часть 2)
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 24 мая.

Подать заявку на курс
  • Информатика

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

библиотека
материалов

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

(часть 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.

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

hello_html_73547827.png

hello_html_m5c39f28c.png


Краткое описание документа:

Компьютерный практикум по созданию веб-страниц на языке HTML состоит из 3-х частей.

В ходе выполнения работы учащийся должен создать полноценный сайт, на котором представлены и графические объекты, и видео, и музыка. Переход между страницами сайта осуществляется при помощи гиперссылок. Деление сайта на блоки осуществляется при помощи фреймовой структуры.

Данный практикум является итоговой работой и рассчитан на несколько уроков, он позволяет охватить все пункты программы изучения курса, может быть использован в качестве зачетной работы в конце изучения темы.

Автор
Дата добавления 17.11.2014
Раздел Информатика
Подраздел Конспекты
Просмотров247
Номер материала 124126

Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх