114718
столько раз учителя, ученики и родители
посетили официальный сайт ООО «Инфоурок»
за прошедшие 24 часа
Добавить материал и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015

Скидка 0%

112 курсов профессиональной переподготовки от 3540 руб.

268 курсов повышения квалификации от 840 руб.

МОСКОВСКИЕ ДОКУМЕНТЫ ДЛЯ АТТЕСТАЦИИ

Лицензия на осуществление образовательной деятельности №038767 выдана 26 сентября 2017 г. Департаменотом образования города Москвы

Инфоурок Информатика КонспектыПрактикум по созданию веб-страниц на языке 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).

Общая информация
ВНИМАНИЮ УЧИТЕЛЕЙ: хотите организовать и вести кружок по ментальной арифметике в своей школе? Спрос на данную методику постоянно растёт, а Вам для её освоения достаточно будет пройти один курс повышения квалификации (72 часа) прямо в Вашем личном кабинете на сайте "Инфоурок".

Пройдя курс Вы получите:
- Удостоверение о повышении квалификации;
- Подробный план уроков (150 стр.);
- Задачник для обучающихся (83 стр.);
- Вводную тетрадь «Знакомство со счетами и правилами»;
- БЕСПЛАТНЫЙ доступ к CRM-системе, Личному кабинету для проведения занятий;
- Возможность дополнительного источника дохода (до 60.000 руб. в месяц)!

Пройдите дистанционный курс «Ментальная арифметика» на проекте "Инфоурок"!

Подать заявку
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.