Шулакова Ольга Николаевна с. Саввушка 2009 Вусловиях высокой динамики общественных процессов и огромного информационного потока последних десятилетий актуальной становится задача

Вид материалаЗадача

Содержание


Тема: «WEB – страница сайта школы нашими глазами»
Тип урока
Основные приемы, используемые на уроке
Формы работы
Данный творческий проект по информатике, может, рассматривается как одна из форм итоговой аттестации учащихся на элективном курс
HTML - это … например, ответ учащихся (
WEB – страниц (созданных ими на прошлых уроках).
Первый этап: «Мозговой атаки мудрецов» -проблемные ситуации
Второй этап
Постановка проблемы, цель, задачи, методы проекта, ожидаемые результаты.
Создай свой мини WEB-сайт, используя проекты WEB-страниц (представление результатов) индивидуальная работа на ПК
Какие задания вам понравились больше всего…
Итог урока
Тип урока
Основные приёмы используемые на уроке
Теоретический опрос
Второй этап- работа индивидуально с ПК
Доклад ученика.
Создай свой мини WEB-сайт
Приложение № 1 Тесты по теме: Интернет
...
Полное содержание
Подобный материал:


МОУ Саввушинская СОШ

Змеиногорского района

Алтайского края












предмет – информатика

10 класс


Учитель математики и информатики

Шулакова Ольга Николаевна


с.Саввушка

2009





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

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

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

Применяя интерактивные формы обучения, учитывающие интересы ребенка, его возможности, отношение к предмету, освоение им проблемно-поисковых методов всё это является огромной помощью в организации проектно-исследовательской деятельности. Создавая Web – страницу или свой сайт, дети учатся анализировать и решать различные проблемы, воспитывают в себе культуру сотрудничества, умение управлять своей деятельностью, высокую мотивацию саморазвития.

Создание Web – страниц осуществлялось с помощью языка разметки гипертекста (HTML). Основой в HTML технологии – это использование управляющих символов – тегов, при помощи которых можно изменить цвет символов, фон, определить положение текста, бегущей строки, вставить гиперссылки на различные объекты: изображения, анимацию, звук и т.п.. При просмотре данного документа в браузере мы получим Web – страницу, которую в последствии можем отредактировать.

Данный урок - заключительный по теме дизайн Web – страницы. Урок проведен в условиях сельской образовательной школы, в виде учебно-деловой игры с использованием проблемно – исследовательской, проектной и игровой технологии.

В этой разработке вы будете наблюдать творческие приёмы, различные формы и методы работы с одаренными детьми.

Тема: «WEB – страница сайта школы нашими глазами»


Цель:

Повышение компьютерной грамотности и компетентности учащихся, в вопросе создания и дизайна WEB – страниц, способствование развитию интеллектуальных способностей и познавательных интересов к информационным технологиям, создание условий для формирования интереса к профессиям связанным с мультипликацией, дизайном


Задачи:
  1. формировать способности к самостоятельному и инициативному решению проблем с помощью проведения деловой игры, как активной формы обучения на уроке информатики
  2. формировать информационную и коммуникативную компетентность учащихся, через социально-практическую значимость проекта, компетентность в области самостоятельного создания сайта
  3. формировать умения использовать исследовательские методы, инструментально-технические средства, эффективно работать в группах, исполняя различные социальные роли (лидера, посредника, эксперта, контролёра)
  4. развивать умения применять современные информационные технологии, через сбор и анализ информации, представление и защиту проектов, грамотное выражения мыслей и оценивания работы других участников
  5. развивать творческое мышление
  6. воспитывать сознательность, целеустремленность, уважительное отношение к мнению других


Тип урока: урок обобщение по теме: «Дизайн WEB – страницы»

Методы обучения: обучение школьников навыкам самостоятельной индивидуальной и групповой работы по практическому конструированию сайта

Основные приемы, используемые на уроке: метод проектов, «мозговая атака», проблемные задачи, разноуровневые тесты с последующей самопроверкой, практическая работа, игра

Формы работы: групповая, парная, индивидуальная, игровая

Создание структур WEB – страниц осуществлялось в текстовом редакторе Блокнот.

Просмотр HTML страниц осуществляется с помощью браузера-Internet Explorer.

Оборудование: ПК, проектор, возможно использование интерактивной доски1, карточки с тестами2, ключи к тестам, шаблон основных HTML кодов3, карточки с вариантами 4, шаблоны WEB – страниц5, проекты учащихся, таблица «Цветовые имена и sRGB значения»6, карточки контроля, личные таблички учащихся

Данный творческий проект по информатике, может, рассматривается как одна из форм итоговой аттестации учащихся на элективном курсе «Создание сайта» в 9-10 классе.


План урока:

  1. Организационный момент
  2. Постановка проблемы
  3. Определение цели и задач урока
  4. Игра «ВСК-ДС».
    • «Устами умных детей глаголет истина» - тест
    • История HTML. Доклад учащегося
    • «Мозговая атака мудрецов» -2 этапа-

1. Узнайте, каков внешний вид страницы по HTML-коду – работа в группе

2. По внешнему виду WEB – страницы расскажите об основных используемых тегах – индивидуальная самостоятельная работа с ПК
  • «Правила хорошего тона при создании сайта» – работа в группе
    • Пресс - конференция на тему:

«WEB – страница сайта школы нашими глазами»

(Было предложено учителем – воспользоваться правом выбора -желающим представить и защитить проект или отказаться от защиты своего проекта, со стороны -Учителя уважение любого выбора), анализ и оценивание предоставляется критикам, учитель подводит итог, благодарит за проделанную работу.
    • Создай личный мини WEB- сайт используя шаблоны WEB-страниц – индивидуальная работа с ПК, используя гиперссылки, либо создание панели навигации, слабым учащимся разрешается воспользоваться основными тегами
    • Рефлексия
  1. Подведение итогов урока.


Важно, что каждый этап на уроке анализируется, подводится итог этапа, оценивается, двойки не ставятся.


Ход урока

  1. Организационный момент
  2. Постановка проблемы и определение цели и задач урока

Сегодня у нас необычное занятие, я предлагаю вам принять участие в учебно - деловой игре «ВСК-ДС», что означает «Временно созданный коллектив – дизайнеров сайта». Определите цель и задачи, которые вы ставите перед собой на данном уроке (работа в группе -1 мин (учащиеся обсуждают и ставят цели самостоятельно – учитель грамотно корректирует и формулирует, подводит итог- фиксирует цели на доске)).

Во времена, когда Интернет шагает по стране, перед школой возникает вопрос, как показать уникальность родного учреждения, как создать «Виртуальный образ любимой школы», поэтому сегодня в нашем кабинете будет работать коллектив специалистов созданный для решения глобальной проблемы «WEB – страница сайта школы нашими глазами». На прошлом уроке вы были разделены на две группы, где были выделены следующие должности (у учащихся личная табличка с должностью и Ф.И.)
    • ответственный руководитель по совместительству спикер
    • критик
    • организатор информационного обеспечения
    • исполнитель
    • секретарь

Каждая группа подготовила «WEB – страницы», которые вы представите чуть позже, а мы начинаем нашу игру «ВСК-ДС»

3. Игра «ВСК-ДС» (тестовые задания)

      • И первый этап игры «Устами умных детей глаголет истина» (тестовые задания с последующей проверкой - на доске при помощи проектора высвечиваются ответы и критерии отметок, учащиеся меняются листами и оценивают друг друга.). Вам индивидуально предлагается ответить на тестовые задания по теме «Интернет», после того как вы справитесь с тестом, вы меняетесь работами и по ключам проверяете их, выставляя итоговую отметку в таблицу результатов после каждого этапа работы - спикером. На всю работу 4 мин (см. приложение №1, 2).
      • Я предлагаю вам немного отдохнуть и послушать доклад по теме: «История HTML». Доклад учащегося (после: анализ часто встречающихся терминов в докладе (работа на развитие внимательности)), – незнакомые термины можно найти, через поисковые системы в сети Интернет.
    • HTML - это … например, ответ учащихся (язык разметки гипертекста позволяющий с помощью управляющих меток или тегов определить структуру и внешний вид HTML документа при отображении в браузере, а так же создать ссылки на другие файлы )
    • Браузер – это…(если возникают затруднения, организаторы информационного обеспечения находят значение этого слова в сети Интернет, через поисковые системы)
    • Теги – это…
    • Гипертекст – это…

Учитель подводит итог.

На этом этапе одаренным детям, предлагаем создать, личный сайт используя свои шаблоны WEB – страниц (созданных ими на прошлых уроках). А классу предлагаю продолжить игру.

Вашему вниманию предлагаю следующий раунд нашей игры «Мозговая атака мудрецов» состоящий из двух этапов, которые содержит сложные проблемные ситуации, но я уверена, что вы с легкостью с ними справитесь если вспомните знания основных тегов HTML, таблицу цветов.

Первый этап: «Мозговой атаки мудрецов» -проблемные ситуации

Узнайте, каков внешний вид страницы по HTML-коду (работа в группах- см. приложение № 3.), после обсуждения учащимися выдвинутых гипотез, секретарь фиксирует, командир выдвигает гипотезу и описывает внешний вид своей страницы -Учитель через проектор представляет внешний вид страниц, заранее на первом слайде с ошибкой – вместо фотографии высвечивается крестик, просит объяснить детей, что произошло и как это можно исправить (неправильно прописан адрес нахождения объекта) подводит итог, выявляет с детьми трудности, вместе анализирует этап, устраняет пробелы, если таковые есть.

Второй этап: Следующие задание: по внешнему виду WEB – страницы расскажите о основных используемых тегах? Я предлагаю вам обратиться к компьютерам и выполнить индивидуальную работу по вариантам, вы можете выбрать уровень самостоятельно, на рабочем столе находятся папочки названные отметками. (разноуровневые карточки на рабочих столах ПК (см приложение № 4) – свободный выбор варианта учащимся, через несколько мин. работа устно – учащиеся описывают внешний вид, с правом воспользоваться помощью в случае затруднения- Учителя или любого ученика класса, слабым учащимся можно предложить основные HTML-коды, проверка на ПК выдвинутых гипотез - проверка). Слабые учащиеся имеют право воспользоваться таблицей основных тегов, таблицей цветов

Учитель подводит итог работы:

Молодцы вы все показали высокий уровень профессионализма в знании теории тегов HTML.

Говоря о компьютерной грамотности человека, очень многие ошибочно думают, что используя яркие цвета, картинки большого объёма и т.п., они получат качественно созданный сайт. Так ли это? Давайте попробуем выявить свод основных правил, которых должен придерживаться каждый человек занимающийся разработкой сайтов, а так же выведем правило, по которому мы будем работать на следующих уроках.

И так, определите правила хорошего тона при создании сайта (работа в группах- устно, учитель на доске фиксирует все предложения учащихся. Обсуждение длится 2мин.

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

Дети предлагают свод правил, которых надо придерживаться при создании хорошего сайта, например такие:
    • четко сформулировать назначение сайта, цель и задачи
    • избегать крупных изображений, FLASH- анимаций и апплетов
    • сделать сайт привлекательным
    • прокрутка должна быть сверху – вниз
    • не переполнять скриптами
    • не пытаться разместить все на одной странице
    • использовать каскадные таблицы стилей, что облегчит страницу
    • золотое правило: «Сделать так, чтобы пользователю было удобно»



  1. Пресс - конференция на тему: «WEB – страница сайта школы нашими глазами» (Защита мини-проектов учащихся по плану представленному заранее:

Постановка проблемы, цель, задачи, методы проекта, ожидаемые результаты.

Что делал? Как делал? Как можно было иначе выполнить проект?)

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

Одарённые дети представляют и защищают свои проекты сайта, созданные на этом уроке с использованием каскадных таблиц стилей, скриптов и т.п..

Представление и защита проектов, вопросы критиков команде соперников, анализ выполненных проектов с точки зрения критиков

Заполнение карт - оценивание проекта критиками (см. приложение № 5, 6)

Анализ работ учителем, предложения, благодарность всем участникам пресс-конференции
  1. Создай свой мини WEB-сайт, используя проекты WEB-страниц (представление результатов) индивидуальная работа на ПК, используя гиперссылки, либо создай панель навигации. Разрешается воспользоваться основными тегами которые находятся на рабочем столе ПК. Ученики объединяют страницы, представляют результат.

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


  1. Рефлексия

Учитель:

Какие задания вам понравились больше всего…

Что Вас удивило…

Над чем надо еще поработать…

Что на Ваш взгляд не удалось…

Какие достижения у Вас сегодня на уроке …

Учащиеся:

Сегодня на уроке я научился…

Было интересно…

Мои ощущения…

Мне показалось важным…

Я понял, что…

Урок…

Показался мне интересным…

Заставил задуматься…

Навел меня на размышления…

Своей работой на уроке Я:

Доволен…

Не совсем доволен…

Я не доволен, потому что…

Предложения учащихся по совершенствованию работы на следующий урок.

  1. Итог урока

Самоанализ урока


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

В данном классе присутствовали на уроке 7 человек, из них 4-сильных учащихся, 3 слабых, поэтому карточки были составлены с учетом психолого-педагогических особенностей учащихся, класс сильный с высоким уровнем познавательной потребности в знаниях.

Этот урок был заключительным в цикле темы: «Дизайн Web – страницы», На данную тему отводилась 2 занятия + одно занятие «Обобщение», связь с предыдущими уроками прослеживается в течение всего урока.

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

Урок был проведен в нестандартной форме, стимулирующей восприятие и усвоение учебного материала, повышающей интерес к предмету.

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

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

Мною были поставлены следующие цели и задачи:

-формирование способности к самостоятельному и инициативному решению проблем с помощью проведения деловой игры, как активной формы обучения на уроке информатики

-способствование развитию интеллектуальных способностей и познавательных интересов к информационным технологиям

-повышение компетентности учащихся в вопросе создания WEB – страниц

-создание условий для формирования интереса к профессиям связанным с мультипликацией, дизайном

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

-формирование умения использовать исследовательские методы, инструментально-технические средства, эффективно работать в группах, исполняя различные социальные роли (лидера, посредника, эксперта, контролёра)

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

-развитие творческого мышления

-воспитание сознательности, целеустремленности, уважительного отношения к мнению других

Тип урока: урок обобщение по теме: «Дизайн WEB – страницы»

Методы обучения: обучение школьников навыкам самостоятельной индивидуальной и групповой работы по практическому конструированию сайта

Основные приёмы используемые на уроке: метод проектов, «мозговая атака», разноуровневые тесты с последующей самопроверкой, практическая работа, игра

Формы работы: групповая, парная, индивидуальная, игровая

Оборудование: ПК, карточки с тестами, ключи к тестам, шаблон HTML кодов, карточки с HTML кодами, WEB – страницы, проекты учащихся

На уроке были выбраны следующие формы работ:

Теоретический опрос: где прослеживается повторение основных понятий, правил по данной теме.

Проблемная ситуация: мозговая атака мудрецов проходящая в два этапа: первое - узнать каков внешний вид страницы по HTML-коду, второе – наоборот по внешнему виду WEB – страницы перечислить основные используемые теги.

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

Второй этап- работа индивидуально с ПК

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

Доклад ученика. Учащийся заранее самостоятельно готовил доклад расширяющий кругозор и позволяющий увидеть связь предмета с жизнью.

Правила хорошего тона при создании сайта - развитие речи и кругозора учащихся.

Пресс - конференция на тему: «WEB – страница сайта школы нашими глазами»

(Защита проектов учащихся)

Создай свой мини WEB-сайт используя готовые шаблоны WEB-страниц (представление результатов)

Рефлексия


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


Приложение № 1 Тесты по теме: Интернет

Вариант 1
  1. Укажите устройство для подключения компьютера к сети

1) Модем

2) Мышь

3) Сканер

4) Монитор
  1. Скорость передачи информации определяется

1) Количеством слов в минуту

2) Количеством бит информации в секунду

3) Количеством файлов в секунду
  1. Сетевой протокол- это:

1) Договор о подключении к сети

2) Правила передачи информации между компьютерами

3) Специальная программа, реализующая правила передачи информации между компьютерами

4) Перечень необходимых устройств
  1. Архитектура сети с выделенным сервером предполагает:

1) Выделение одной из машин сети в качестве центральной

2) Хранение на центральной машине базы данных общего пользования

3) Выполнение основного объёма обработки данных одним компьютером

4) Всё перечисленное
  1. Услуги, предоставляемые компьютерной сетью, зависят от:

1) От типа подключения

2) От характеристик модема

3) От качества линии связи

4) Всё перечисленное выше справедливо

Вариант 2

1. Провайдер – это:

1) Компьютер, предоставляющий транзитную связь по сети

2) Программа подключения к сети

3) Фирма, предоставляющая сетевые услуги

4) Специалист по компьютерным сетям
  1. Дан E-mail:moskow@info.peterburg.ru Символы moskow- это:

1) Имя пользователя

2) Почтовый протокол

3) Имя провайдера

4) Город назначения
  1. Программа просмотра гипертекстовых страниц WWW:

1) Браузер

2) Протокол

3) Сервер

4) НTML
  1. Телеконференция – это:

1) Конференция, с использованием телевизоров

2) Просмотр и обсуждение телепередач

3) Способ организации общения в Интернете по конкретной проблеме
  1. Для передачи 7Мбайт информации с компьютера на компьютер лучше использовать:

1) Компьютерную сеть

2) Винчестер

3) Дискету

4) Курьера

Ключи :

Вариант 1(1.1;2.2;3.3;4.4;5.4), Вариант 2 (1.3;2.1;3.1;4.3;5.1)


Приложение № 2


ФИО

Тест

Атака мудрецов 1

Атака мудрецов 2

Создание WEB- страниц

Мини-сайт

итого














































































Приложение № 3


Вариант 1





Мозговой штурм






Наш класс самый умный



Наша школа самая лучшая








Ура, миру новых технологий !!!






ссылка скрыта






Вариант 2





Мозговая атака





Участие класса обусловлено его активностью






Наша школа ежегодно показывает высокие результаты



height="200" width=150 HSPACE=30 VSPACE=5 alt="Наша школа "

Ура! Скоро каникулы!







Приложение № 4 « Мозговая атака мудрецов»











Приложение № 5

WEB-страницы созданные учащимися МОУ Саввушинская СОШ







Приложение № 6


Оценивание проекта

Класс_______

Ф. И. участников проекта__________________________________________

Тема проекта_____________________________________________________

__________________________________________________________________




п/п

Параметры

Достигнутый результат

Оформление

Объем выполненной работы

Представление проекта

Ответы на вопросы

Научность

Творчество

Практическая ценность

Умение работать в команде

Итог

Жюри

1

Самооценка































2

Педагог































3

Учащиеся ВСК-ДС


































Гости


































Итог
































Шкала оценки: пятибальная


Приложение № 7

Шаблон основных HTML тегов использованных на уроке


- начало документа

- начало служебной инфомации

Моя первая страница - заголовок документа

- конец служебной информации

начало тела документа

текст

Расположение текста на странице (по центру, слева, справа): производится при помощи тэга

- он означает параграф.
С помощью параграфов мы можем центрировать текст:

текст

выровнять текст по центру

текст

выровнять текст по левому краю

текст

выровнять текст по правому краю


текст
текст выравнивается по обеим сторонам


текст

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

Наклонный текст (курсив)

Подчеркнутый текст

текст



fixed - фиксированный шрифт

Здравствуйте, это моя первая страница.

- конец тела документа

конец документа



Бегущая строка, высота - 10, ширина - 270 пикселов, фон - 99CCFF

История HTML:

- задает фоновый рисунок (обои) на Web-

странице в файле back.jpg.

- фоновый рисунок (обои)

взят из файла tartan.bmp, причем указан путь этого файла.

ссылка скрыта - гипертекстовая ссылка,

ссылка скрыта -

гипертекстовая ссылка, переход в Интернете к Web-странице.

-

гипертекстовая ссылка в виде изображения globe.gif, переход к просмотру изображения zinn.gif.



Как прекрасно жить на свете!

бегущая строка


Приложение № 8

ТАБЛИЦА ТЕГОВ ЯЗЫКА HTML

ТАБЛИЦА ОСНОВНЫХ ТЕГОВ ЯЗЫКА HTML




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



Указывает программе просмотра страниц что это HTML документ.



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



Определяет видимую часть документа

Теги оглавления



Помещает название документа в оглавление программы просмотра страниц




Атрибуты тела документа



Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.



Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.



Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.



Устанавливает цвет гиперссылок на котох вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.



Устанавливает цвет гиперссылок при нажатии.




Теги для форматирования текста



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



Создает САМЫЙ БОЛЬШОЙ заголовок



Создает самый маленький заголовок

Создает жирый текст



Создает наклонный текст



Создает текст - имитирующий стиль печатной машинки.



Используется для цитат, обычно наклонный текст.



Используется для выделения из текста слова (наклонный или жирный текст)



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

size=?>

Устанавливает размер текста в пределах от 1 до 7.

color=?>

Устанавливает цвет текста, используя значение цвета в виде RRGGBB.




Гиперссылки



Создает гиперссылку на другие документы или часть текущего документа.




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



Отмечает часть текста как цель для гипперссылок в документе.



Создает гиперссылку на часть текущего документа.




Форматирование




Создает новый параграф




Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center




Вставляет перевод строки.




Создает отступы с обеих сторон текста.



Создает список определений.



Определяет каждый из терминов списка



Описывает каждое определение



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


  1. Определяет каждый элемент списка и присваивает номер



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



    • Предваряет каждый элемент списка и добавляет кружок или квадратик.



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




      Графические элементы



      Добавляет изображение в HTML документ



      Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle



      Устанавливает толщину рамки вокруг изображения




      Добавляет в HTML документ горизонтальную линию.




      Устанавливает высоту(толщину) линии




      Устанавливает ширину линии, можно указать ширину в пикселах или процентах.




      Создает линию без тени.




      Задает линии определенный цвет. Значение RRGGBB.




      Таблицы



      Создает таблицу.


      Определяет строку в таблице.


      Определяет отдельную ячейку в таблице.


      Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)

      Атрибуты таблицы



      Задает толщину рамки таблицы.



      Задает расстояние между ячейками таблицы.



      Задает расстояние между содержимым ячейки и ее рамкой.


      или или

      Устанавливает ширину таблицы в пикселах или процентах от ширины документа.



      Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.



      Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.



      Указывает кол-во столбцев которое объединено в одной ячейке. (по умолчанию=1)



      Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1)



      Не позволяет программе просмотра делать перевод строки в ячейке таблицы.




      Кадры



      Предваряет тег в документе, содержащем кадры;



      Определяет строки в таблице кадров, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров.



      Определяет столбцы в таблице кадров, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров.



      Определяет единичный кадр или область в таблице кадров.



      Определяет, что будет показано в окне браузера если он не поддерживает кадры.




      Атрибуты кадров



      Определяет какой из HTML документов будет показан в кадре.



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



      Определяет величину отступов по левому и правому краям кадра; должно быть равно или больше 1.



      Определяет величину отступов по верхнему и нижнему краям кадра; должно быть равно или больше 1.



      Указывает будет-ли выводится линейка прокрутки в кадре; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.



      Препятствует изменению размеров кадра.




      Формы

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





      Создает формы



      Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.


      Указывает каждый отдельный элемент меню



      Создает ниспадающее меню


      Указывает каждый отдельный элемент меню



      Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.



      Создает checkbox. За тегом следует текст.



      Создает radio кнопку. За тегом следует текст.



      Создает строку для ввода текста. Параметром Size указывается длина в символах.



      Создает кнопку "Принять"



      Создает кнопку "Принять" - для этого используется изображение



      Создает кнопку "Отмена"

      Весь материал данной таблицы взят с сервера ссылка скрыта 

       

      Приложение № 9

      Использование интерактивной доски.

      Самое удобное из современных средств обучения – интерактивная доска, с программным обеспечением Notebook. Использование интерактивной доски, позволит легко управлять компьютером, применяя электронные заготовки см. приложение № 4,5,7 облегчит восприятие материала, сократит время открытия объекта.

      Так например, тему урока можно представить в виде (фрагмент темы) :




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

      Устное задание - можно предложить выполнить слабому ученику у доски, чтобы он соотнёс корзину, тому шарику, на котором правильное обоснование тега.




      Используя данную разработку урока - интерактивная доска станет вам хорошим помощником.


      Приложение № 10



      Цветовые имена и sRGB значения



      Black (Черный) = "#000000"



      Green (Зеленый) = "#008000"



      Silver (Серебро)= "#C0C0C0"



      Lime (Известь) = "#00FF00"



      Gray (Серый) = "#808080"



      Olive (Оливковый) = "#808000"



      White (Белый) = "#FFFFFF"



      Yellow (Желтый)= "#FFFF00"



      Maroon (Темно-бордовый) = "#800000"



      Navy (Темно-синий) = "#000080"



      Red (Красный) = "#FF0000"



      Blue (Синий) = "#0000FF"



      Purple (Фиолетовый) = "#800080"



      Teal (Чирок) = "#008080"



      Fuchsia (Фуксия) = "#FF00FF"



      Aqua (Аква) = "#00FFFF"



      Список литературы по HTML:
      1. ТАБЛИЦА ТЕГОВ ЯЗЫКА HTML

      ссылка скрыта 
      1. ссылка скрыта / Введение в HTML / "Махаон" /
      2. Алленова Наталья. Html - Первые Шаги\ 13.htm


      Очень удобное пособие для начинающих Алленовой Натальи «Первые шаги», написано в доступной форме, рекомендую.

      1 См. приложение № 9

      2 См. приложение № 1

      3 См. приложение № 7, №8

      4 См. приложение № 3

      5 См. приложение № 4

      6 См.приложение № 10