Создание электронного варианта газеты в HTML

Цель: Обобщение и применение знания основных принципов построения Web - сайта и основ HTML.  

Задачи:

              1. формирование коммуникативных умений учащихся 

                  посредством нестандартной формы проведения урока

              2. Развивать приемы творческого мышления.

              3. Воспитывать упорство и настойчивость в учении.

Ход урока:

1. Орг.момент.

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

Ранее мы рассмотрели, как строить таблицы используя язык разметки гипертекста HTML. Давайте вспомним основные моменты, которые нам сегодня пригодятся.(дети отвечают).

• Как начать таблицу (тег TABLE)
• Как открыть заголовок (TITLE)
• Как открыть строку (TR)
• Как открыть столбец (TD) (учесть, что это парные теги)
• Какие атрибуты можно использовать при построении строки, столбц?(ширина ячейки, цвет, выравнивания в ней).
• Какой  текст HTML документа будет, если нужен вот такой макет  примерно  в два столбца и одной строчки.

Можно вызвать ученика, чтобы  на флипчарте написал маркером  (без меловая доска) пример ячейки.

3.Задание

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

Давайте создадим титульную страницу такого электронного издания. Для примера осуществим поиск в ИНТЕРНЕТЕ несколько примеров.

Например актюбинские электронные газеты (дети ищут адреса газет в поиске ИНЕТА).

Макет газеты примерно соответствует рассмотренному ранее примеру.

Предлагаю создать вариант своей газеты, со своими рисунками, ссылками (2 ссылки) и содержанием.

4. Практическая работа учащихся.

Смотри документ

5. Просмотр работ.

(Один из учащихся может рассказать о своей  проделанной работе).

• Можно с уточнением (где что брали и на чём писали?).
• С какими трудностями они столкнулись?
• Что нового для себя открыли?

Давайте послушаем ученика ,который приготовил нам доклад по данной теме, т.е текст HTML.

6. Заключение.

Таблица верстка является удобным средством для размещения и компоновки материала, однако нашей газете можно кое-что добавить. Чтобы сократить время загрузки страницы и не обновлять вещи, которые не изменяются (логотип и меню) можно использовать ФРЕЙМЫ, но об этом мы поговорим позже.

7. Подведение итого, выставление оценок.

Урок окончен. Спасибо за внимание!

Урок ИВТ в 11 классе.

Учитель информатики Шраева Гульсым Канатжановна

Формирование познавательной компетенции учащихся.

Тема; Создание электронного варианта газеты в HTML.

Цель: Обобщение и применение знания основных принципов построения Web - сайта и основ HTML.  

Задачи:

1. формирование коммуникативных умений учащихся

посредством нестандартной формы проведения урока

2. Развивать приемы творческого мышления.

3. Воспитывать упорство и настойчивость в учении.

Ход урока:

1. Орг.момент.

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

Ранее мы рассмотрели, как строить таблицы используя язык разметки гипертекста HTML. Давайте вспомним основные моменты, которые нам сегодня пригодятся.(дети отвечают).

• Как начать таблицу (тег TABLE)

• Как открыть заголовок (TITLE)

• Как открыть строку (TR)

• Как открыть столбец (TD) (учесть, что это парные теги)

• Какие атрибуты можно использовать при построении строки, столбц?(ширина ячейки, цвет, выравнивания в ней).

• Какой текст HTML документа будет, если нужен вот такой макет примерно в два столбца и одной строчки.

(Рис.1)

Можно вызвать ученика, чтобы на флипчарте написал маркером (без меловая доска) пример ячейки.

3.Задание

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

Давайте создадим титульную страницу такого электронного издания. Для примера осуществим поиск в ИНТЕРНЕТЕ несколько примеров.

Например актюбинские электронные газеты (дети ищут адреса газет в поиске ИНЕТА).

Diapazon.kz

Evrika.kz

Aktobetimes.kz

Sreda.kz

Макет газеты примерно соответствует рассмотренному ранее примеру.

Предлагаю создать вариант своей газеты, со своими рисунками, ссылками (2 ссылки) и содержанием.

4. Практическая работа учащихся.

• Актобе

  • Подробности

  • Тема дня

  • Город и область

  • Происшествия и криминал

  • Экономика и бизнес

  • Спорт

  • Социум

  • В лицах

  • Молоток

  • Другие новости

• КАЗАХСТАН

  • Политика

  • Экономика

  • Проиcшествия

  • Другие новости

• СНГ

• МИР

Выбор читателей:

• Конкурс «Мы поженились!» - неделя 5

• Конкурс «Мы поженились!» - неделя 8

• Конкурс «Мы поженились!» - неделя 6

• Конкурс «Мы поженились!» - неделя 7

• Ужасный концерт

• Черви в рыбе – это норма?

• В каком измерении живут чиновники?

• Почему подписка на «Диапазон» стала дороже?

• Коммунальный передел

• Воровская шайка – семья с ребенком

• Главная страница

• Читай через RSS

• Обратная связь

• Архив номеров

Студента, который устроил в Англии дебош из-за Бората, реши ...

В одной из социальных сетей Интернета появилась группа поддержки ...

Резкое похолодание надвигается на Казахстан

В Актюбинской области – местами туман, гололед, усиление ве ...

Убивший парикмахера за плохую прическу загремел за решетку н ...

Причиной преступления стал конфликт между мастером и клиентом, во ...

В Актобе суд приговорил местных жителей за хранение и сбыт г ...

За килограмм героина подсудимые установили цену - 2 млн 100 тыс. ...

Актюбинский университет имени C.Баишева потерял лицензию

10 казахстанским вузам приостановили лицензии

5. Просмотр работ.

(Один из учащихся может рассказать о своей проделанной работе).

• Можно с уточнением (где что брали и на чём писали?).

• С какими трудностями они столкнулись?

• Что нового для себя открыли?

Давайте послушаем ученика ,который приготовил нам доклад по данной теме, т.е текст HTML.

6. Заключение.

Таблица верстка является удобным средством для размещения и компоновки материала, однако нашей газете можно кое-что добавить. Чтобы сократить время загрузки страницы и не обновлять вещи, которые не изменяются (логотип и меню) можно использовать ФРЕЙМЫ, но об этом мы поговорим позже.

7. Подведение итого, выставление оценок.

Урок окончен. Спасибо за внимание!