НовоВики. «Мой Новосибирск родной!»

Урок 9 класс "Знакомство с языком разметки гипертекстовых документов HTML"

Материал из Wiki.nios.ru
Версия от 09:47, 25 апреля 2014; Судьба (обсуждение | вклад)

(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск


Содержание

Урок 9 класс "Знакомство с языком разметки гипертекстовых документов HTML"

МБОУ СОШ №15, г. Новосибирск

14.04.2014г

Окунева Наталья Александровна

Использованные сервисы

  • Документы Google (формы, рисунки)


Цели урока

  • научиться разрабатывать документы, предназначенные для публика¬ции в Интернет;
  • отработать навыки редактирования веб-страниц в кодах HTML.


Учебно-методическое обеспечение:

Оборудование: мультимедийная установка, персональные компьютеры.

Ход урока

1. Теоретический материал урока.

Подготовка к работе

Для работы с HTML документом необходимо пройти подготовительный этап:

1.Создать персональную папку, где обязательным требованием явля¬ется использование для имени папки английские буквы;

2.Создать текстовый документ Блокнот;

3.Открыть документ и сохранить его под новым именем с расширени¬ем html иди htm

4.Закрыть документ;

5.Открыть html-документ;

6.Открыть Блокнот, выполнив команду Вид/в виде html.

В папке должны находиться два документа.

Текстовый файл можно будет удалить после создания html-документа. Основными элементами документа являются тэги (или дескрипторы). Каждый тэг ограничен угловыми скобками, и технология предполагает использование открытых и закрытых тэгов, указывающих на начало и конец форматирования определенного блока. Программа состоит из двух частей. В первой части задается заголовок страницы, которая отображается в заголовке окна и первая загружается, при просмотре страницы. Выбор названия заголовка имеет большое значение, т. к. именно по заголовку индексируется страница в поисковых системах. Название заголовка должно отражать суть информационного наполнения страницы.

Общий вид программы:

Общий вид программ

Основное содержание программы помещается между тэгами <body></body>.

Основные тэги

2. Вполнение Практической работы

Разработать страницу "Мое хобби" с использованием тегов для форматирования текста

Рефлексия урока

Персональные инструменты