Скачивание материала началось

Предлагаем Вам установить расширение «Инфоурок» для удобного поиска материалов:

ПЕРЕЙТИ К УСТАНОВКЕ
Каждую неделю мы делим 100 000 ₽ среди активных педагогов. Добавьте свои разработки в библиотеку “Инфоурок”
Добавить авторскую разработку
и получить бесплатное свидетельство о публикации в СМИ №ФС77-60625 от 20.01.2015
Инфоурок Информатика КонспектыПрактикум по созданию веб-страниц на языке HTML (часть 2)

Практикум по созданию веб-страниц на языке 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состоит из трех частей и рассчитан на несколько уроков.

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

В ходе выполнения работ у учащихся проверяются навыки создания web-страниц с использованием языка разметки гипертекста HTML: работа со шрифтами, вставка изображений, работа с таблицами, использование гиперссылок, вставка звука и видео. Оформление сайта происходит при помощи каскадных таблиц стилей (CSS).

Общая информация

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.