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

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



Московские документы для аттестации!

124 курса профессиональной переподготовки от 4 795 руб.
274 курса повышения квалификации от 1 225 руб.

Для выбора курса воспользуйтесь поиском на сайте KURSY.ORG


Вы получите официальный Диплом или Удостоверение установленного образца в соответствии с требованиями государства (образовательная Лицензия № 038767 выдана ООО "Столичный учебный центр" Департаментом образования города МОСКВА).

ДИПЛОМ от Столичного учебного центра: KURSY.ORG


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

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

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


Очень низкие цены на курсы переподготовки от Московского учебного центра для педагогов

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

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

Подайте заявку на интересующий Вас курс сейчас: KURSY.ORG


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

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

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

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

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

Номер материала: 161597

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

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>