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

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

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

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

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

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

(часть I)

  1. Скопируйте в свою папку файлы, необходимые вам для создания сайта. Для этого зайдите на D:\Исходники\HTML и скопируйте папку «Карта Крыма».

  2. Переместитесь в свою папку и в папке Карта Крыма с помощью текстового редактора Блокнот создайте 15 HTML-документов, назвав их Armyansk.htm, Armyansk_1.htm, Armyansk_2.htm, Evpatoriya.htm, Evpatoriya_1.htm, Evpatoriya_2.htm, Kerch.htm, Kerch_1.htm, Kerch_2.htm, Simferopol.htm, Simferopol_1.htm, Simferopol_2.htm, Yalta.htm, Yalta_1.htm, Yalta_2.htm.

  3. На странице Simferopol.htm создайте таблицу (Table) без рамки, выровненную по центру и содержащую 2 строки и 2 столбца:

    • ячейки первой строки объедините и поместите туда название города

    • в левую ячейку второй строки поместите герб города, находящийся в папке image, используя тег (img)

    • в правую – видео о городе, используя тег (embed), высоту и ширину установите равными 300

  4. На странице Simferopol_1.htm создайте таблицу (Table) содержащую 6 строк и 4 столбца:

    • установите значение рамки равное 2

    • ячейки первой строки объедините и поместите туда текст «Общие сведения о городе»

    • ячейки 1-го и 3-го столбцов сделайте ячейками заголовков, 2-го и 4-го – простыми ячейками, шириной 200

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

  5. На странице Simferopol_2.htm создайте таблицу (Table) без рамки и поместите в ячейки фотографии города.

  6. Добавьте на страницы Simferopol_1.htm и Simferopol_2.htm музыку о городе, используя тег (embed). Для скрытия проигрывателя используйте атрибут hidden.

  7. Проделайте те же действия для оставшихся страниц.

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

hello_html_0.gif

hello_html_m16c57605.png

hello_html_m13ca29e.png


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

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

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

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

Автор
Дата добавления 29.11.2014
Раздел Информатика
Подраздел Конспекты
Просмотров312
Номер материала 161596
Получить свидетельство о публикации

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

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

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

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

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