Разметка Web-страниц при помощи таблицы icon

Разметка Web-страниц при помощи таблицы


Смотрите также:
Web-страницы и Web-сайты. Структура Web-страницы. Работа с Кимами...
Шиндяева Татьяна Николаевна...
Курсовая работа по дисциплине «Компьютерные сети» на тему “ Технологии программирования Web ”...
Концепция www 4 1 Язык html 6 3 Форматирование текста 11...
Лекция 11 doc V- 0,2...
Лекция 11 doc V- 0,2...
Файла дается по фамилии и инициалам первого автора латинскими буквами, например: Ivanov S...
Название Аннотация...
Дипломная работа не менее 65 страниц без приложения...
Электронные таблицы excel...
Правительство удмуртской республики постановление от 14 октября 2002 г...
Программа-клиент, для просмотра Web-страниц...



Загрузка...
скачать
Автор Козлова Елена Геннадьевна

Образовательное учреждение МОУ лицей №7

Предмет Информатика и ИКТ (элективный курс «Создание web-сайтов»)

Класс 9

Тема Разметка Web-страниц при помощи таблицы.

Тип урока изучение нового материала

Задачи урока:

Образовательные: 1. продолжение изучения основ языка разметки гипертекста (HTML) и ознакомление с возможностью использования таблиц для разметки HTML -страниц;

2. овладение навыками использования таблиц для разметки web-страничек: расположения на них иллюстраций, фотографий, текста.

Воспитательные: способствовать формированию умений саморегулирования своей учебно-познавательной деятельности.

Развивающие: способствовать развитию познавательных и творческих способностей учащихся, их способностей к самообучению.

^ Время реализации занятия: 45 минут


Авторский медиапродукт: электронный учебник.

Целесообразность использования медиапродукта на занятии:

  1. недостаточное количество информационного материала в существующих учебно-методических пособиях;

  2. эффективность индивидуального подхода к работе учащихся на этапе самостоятельного изучения нового материала, индивидуальная траектория освоения новых знаний;

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

  4. формирование информационной культуры учащихся;

  5. развитие наглядно-образного мышления за счет повышения уровня наглядности.


^ План занятия





Структурные элементы

Деятельность учителя

Деятельность учащихся

Время

1

Организационный момент. Приветствие.

Проверка готовности к уроку. Мотивация учащихся.

Положительный настрой на урок.

1

2

Сообщение темы и разъяснение целей урока.

Определение темы и целей работы на уроке.

Самостоятельное определение уровня собственных знаний.

2

3

Краткое повторение изученного и сообщение нового материала.

Вопросы по изученной на прошлом уроке теме.


Изложение нового материала по теме урока.

Ученик отвечает на вопросы, повторяя изученное ранее;

слушает и конспектирует основные моменты.

10

4

Самостоятельная работа учащихся по изучению нового материала.

Наблюдение и индивидуальная консультация учащихся по мере необходимости.

Ученик самостоятельно работает с электронным учебником, обращаясь по мере необходимости к учителю с возникшими вопросами.

10

5

Физминутка.

Направлена на сохранение здоровья детей.

Упражнения для снятия усталости глаз.

1

6

Выполнение заданий на закрепление изученного материала.

Осуществление контроля и проверки полученных знаний.

Выполнение практических заданий на основе изученной информации.

15

7

Подведение итогов выполненных заданий, обсуждение возникших вопросов по изученной теме.

Побуждение к дальнейшему расширению информационного поля

Соотнесение новой информации и имеющихся знаний, выработка собственной позиции, оценка процесса.

5

8

Заключение.

Разъяснение задания на дом

Запись домашнего задания.

1


^ Необходимое оборудование и материалы для занятия:

- персональные компьютеры;

- электронный учебник «HTML».


Карта занятия.



Комментарий хода урока

Время (мин)


Развитие личностных качеств и психических процессов

Репродуктивные формы деятельности

Продуктивные формы деятельности

Орг. момент.

Проверка готовности к уроку. Мотивация учащихся. Положительный настрой на урок.

1

Внимание;


Организованность;

Аккуратность;


Сообщение темы и разъяснение целей урока.

2

Внимание;


Самостоятельность; Восприимчивость к новому;

Коммуникативная культура;

Краткое повторение изученного и сообщение нового материала.

10

Внимание
Память

Самостоятельность;

Умение слушать и слышать;

Активность;

Коммуникативная культура;

Самостоятельная работа учащихся по изучению нового материала.

10

Внимание, память

Самостоятельность; Восприимчивость к новому;

Мышление;

Физминутка.

1

Внимание




Выполнение заданий на закрепление изученного материала.

15

Внимание
Память


Ответственность;

Рефлексивность;

Самостоятельность;

Творчество;

Подведение итогов выполненных заданий, обсуждение возникших вопросов по изученной теме.

5



Рефлексивность;

Аргументированность;

Ясность речи;


Заключение.

1

 

Ответственность;

Самостоятельность;

Рефлексивность;
^

Ход урока


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

    2. Сообщение темы и разъяснение целей урока.

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

Сегодня мы узнаем, как делать разметку HTML-страниц при помощи таблиц и продолжим создавать HTML-документ, добавляя новые странички и используя новые возможности при оформлении страничек.

Итак, тема урока «Таблицы».

  1. Сообщение нового материала.

Вопрос: Каковы отличительные особенности табличной структуры?

Ответ: У любой таблицы есть в наличии строки и столбцы.

Вопрос: Что образуется на пересечении строки и столбца?

Ответ: На пересечении строки и столбца образуется ячейка.

Ячейки таблицы подразделяются на ячейки-заголовки и ячейки с данными.


Очень часто при оформлении HTML-страничек нам хотелось бы структурировать публикуемый материал, а возможностей по форматированию текста не всегда хватает.

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

Сейчас вы сядете за компьютеры, изучите раздел 8 Разметка Web-страницы при помощи таблицы электронного учебника «HTML» и выполните задание для самостоятельной работы.

  1. Самостоятельная работа учащихся по изучению нового материала.

Учащиеся рассаживаются за компьютеры и в индивидуальном режиме работают с электронным учебником, обращаясь к учителю в случае необходимости с вопросами.

  1. Выполнение заданий на закрепление изученного материала.

Рассмотрев представленные в учебнике примеры, обучающиеся выполняют предложенное задание в индивидуальном режиме, консультируясь с преподавателем в случае необходимости.

  1. Подведение итогов выполненных заданий, обсуждение возникших вопросов по изученной теме.

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

Мы рассмотрели сегодня с вами возможность использования таблиц на HTML-страницах, а также варианты использования таблиц для разметки HTML-страничек и изменили странички ваших сайтов с учетом новых возможностей оформления.

Подумайте дома, какие еще изменения по оформлению web-страниц можно внести в ваши проектные работы.



Список использованной литературы.

  1. Н. Д. Угринович «Информатика и информационные технологии», М., «Лаборатория Базовых Знаний», 2001г.

  2. Н. Д. Угринович, Л. Л. Босова, Н. И. Михайлова «Практикум по информатике и информационным технологиям», М., «Лаборатория Базовых Знаний», 2001г.

  3. С.В. Симонович «Интернет для школьников», М., «Десс Ком», 2000.

  4. С. Н. Коржинский «Настольная книга Web-мастера», М., «КноРус», 2000г.




оставить комментарий
Козлова Елена Геннадьевна
Дата02.10.2011
Размер74.9 Kb.
ТипДокументы, Образовательные материалы
Добавить документ в свой блог или на сайт

Ваша оценка этого документа будет первой.
Ваша оценка:
Разместите кнопку на своём сайте или блоге:
rudocs.exdat.com

Загрузка...
База данных защищена авторским правом ©exdat 2000-2017
При копировании материала укажите ссылку
обратиться к администрации
Анализ
Справочники
Сценарии
Рефераты
Курсовые работы
Авторефераты
Программы
Методички
Документы
Понятия

опубликовать
Загрузка...
Документы

Рейтинг@Mail.ru
наверх