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

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 6.900 руб.;
- курсы повышения квалификации от 1.500 руб.
Престижные документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ 50%

ВНИМАНИЕ: Скидка действует ТОЛЬКО сейчас!

(Лицензия на осуществление образовательной деятельности № 5201 выдана ООО "Инфоурок")

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

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

 

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

 

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

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

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

Вам будут интересны эти курсы:

Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Современные информационные технологии и их использование в работе преподавателей. Системы автоматизированного проектирования одежды и организация технологического процесса»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс «Оператор персонального компьютера»
Курс «3D Studio MAX»
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс повышения квалификации «Современные тенденции цифровизации образования»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»
Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.