Сайт о телевидении

Тема урока: Разработка web-сайтов с использованием

языка разметки гипертекста HTML.

Основные цели обучения: формирование познавательного интереса, развитие интеллектуальных и творческих способностей в области Web-технологий.

Задачи.

Обучающие:

сформировать систему знаний по технологии создания Web-сайтов;

обучить языку разметки гипертекста HTML для создания сайтов;

познакомить с этапами проектной деятельности.

Развивающие:

развить творческие способности к самовыражению, посредством создания сайтов;

сформировать умение сопоставлять, искать аналог и осуществлять перенос знаний в новую предметную область Web-технологий;

развить навыки работы на компьютере

Воспитательные:

воспитать добросовестное отношение к работе;

воспитать чувства товарищества и личной ответственности за созданный сайт;

воспитать художественный и эстетический вкус;

воспитать грамотного и корректного пользователя сети Интернет.

Ход урока

1. Организационный момент.

Человеческая доброта - самое удивительное явление в мире. Попробуйте с помощью улыбки передать своё настроение. Я вижу настроение у вас хорошее, деловое, итак, за работу.

2. Актуализация знаний и умений

-Ребята, скажите, что мы изучали на прошлых уроках?

-Что такое Веб-страница ? (Веб-страница (англ. Web page ) - документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью веб-браузера)

- Что представляет собой типичная веб-страница? (Типичная веб-страница представляет собой текстовый файл в формате HTML, который может содержать ссылки на файлы в других форматах

- Что такое HTML – документ? (HTML – документ - это файл, содержащий текст и команды форматирования, предназначенный для размещения на web -серверах в сети Интернет. HTML – документ создается с помощью языка гипертекстовой разметки или HTML – кода.)

-Что является основным элементом разметки HTML – кода? (основным элементом разметки HTML – кода является ТЭГ.)

3. Выполнение теста:

Тест по теме « Язык разметки гипертекста HTML »

1. Каким тегом объявляется web-страница?

4) body body

2. Каким тегом объявляется заголовок web-страницы?

4) body body

3. В какой тег заключается основное содержание web-страницы?

4) body body

4. В какой тег заключается название web-страницы?

4) body body

5. Какой код для пустой web-страницы правильный?

Вариант1,4.
1. HTML (HYPER TEXT MARKUP LANGUAGE) является:
1) Графическим редактором
2) Одним из средств при создании Web­страниц
3) Системой программирования
4) Системой управления базами данных
2. Программа для создания Web­страницы с использованием языка HTML:
1) MS Word
2) Paint
3) KWrite
4) Калькулятор
3. Web­страница (документ HTML) представляет собой:
1) Текстовый файл с расширением txt или doc
2) Текстовый файл с расширением htm или html
3) Двоичный файл с расширением com или exe
4) Графический файл с расширением gif или jpg

1) Сервер
2) Протокол
3) HTML
4) Браузер
5. Гипертекст ­ это:
1) Текст очень большого размера
2) Текст, в котором используется шрифт большого размера
3) Структурированный текст, где возможны переходы по выделенным меткам
4) Текст, в который вставлены объекты с большим объемом информации

1)
2)
3)
4)
7. Какие теги определяют видимую часть документа?
1)
2)
3)
4)
8.В какой тэг помещают название web­документа?
1)
2)
3)
4)
9. Какие тэги задают размер заголовка?
1)
2)
3)
4)
10. Какие тэги создают гиперссылку на другие документы?
11. Какой вариант является правильно организованной гиперссылкой?
1)
2)
3)
4)
1)
IMG HREF=”simple.gif”
2) A HREF=”simple.html”
3) A SRC=”simple.html”
1)
2)
3)
4)
1)
2)
3)
4)


13. Какой тэг добавляет изображение в HTML документ?
14. какие теги способны изменить цвет фона документа?
1) …
2)
3) …
4) ..

Тест по теме «Основы языка разметки гипертекста HTML»
Вариант2,5.
1. Программа для создания Web­страницы с использованием языка
HTML:
1. MS Word
2. Paint
3. KWrite
4. Блокнот
2. Web­страница (документ HTML) представляет собой:
1.Двоичный файл с расширением com или exe
2.Графический файл с расширением gif или jpg
3.Текстовый файл с расширением txt или doc
4.Текстовый файл с расширением htm или html
3. HTML (HYPER TEXT MARKUP LANGUAGE) является:
1. Одним из средств при создании Web­страниц
2. Системой программирования
3. Графическим редактором
4. Системой управления базами данных
Протокол
4. Программа для просмотра гипертекстовых страниц называется:
1. Сервер
2. HTML
3. Браузер
4.
5. Гиперссылки на Web­странице могут обеспечить переход...
1. на любую web­страницу данного региона
2. на любую web­страницу любого сервера Интернет
3. только в пределах данной web­страницы
4. только на web­страницы данного сервера
6 . Каким тегом задается вставка изображения на web­страницу?
1.
2.