МОУ «СОШ села Тарлыковка Ровенского района Саратовской области»
Учитель: Гафаров Р.Р.
с.Тарлыковка 2008 год
Тема:Моя первая Weв-страница
Открытый урок по информатике в 11-м классе.
Цель урока:
Научить учащихся создавать с помощью HTML ( Hyper Text Markup Lenguage, язык гипертекстовой разметки)
Web- страницы. Методическая цель: показать рациональность изучение темы, для создания сайтов.
Задачи:
Обучающие:
• ознакомиться учащихся с приёмами разработки Web-сайтов • научиться работать с тэгами в блокноте • дать понятия дизайна создание сайтов Развивающие:
• развивать навыки работы на ПК, • развивать познавательную активность учащихся, • развивать эстетическую культуру учащихся. Воспитывающие:
• воспитывать бережное отношение к средствам ВТ, • усидчивость, интерес к уроку информатики.
Тип урока: изучение и закрепление нового материала
Методы и приёмы работы: словесный, наглядный, практический, частично-поисковый
Место урока в учебном плане: урок проводится после изучении темы : «Основы языка HTML»
Оборудование и ТСО: персональные компьютеры, мультимедийный экран, технологические карты, плакат «Основные тэги», доска, цветные маркеры.
Методическое обеспечение урока:
• Презентация «создание Weв-страницы» • Практические задания. • Технологические карточки • Карточки рефлексии
Ожидаемые результаты: самостоятельное обоснование учащихся навыков создания Weв-страниц для создания сайтов, развитие творческого воображения, формирование навыков работы в группе.
План урока
Ход занятия
Содержание Время
I. Орг. часть Тема, постановка цели, мотив 3
II. Основная часть
1. Актуализация знаний 1. Установка на работу 2. Практическая работа (см. Приложение 1). тестирование 3. Фронтальный опрос 10 2. Изложение нового материала
1. Правила создание Weв-страницы (презентация)
2. см. Приложение 2 3. Создание простой Weв-страницы 7
3. Закрепление Практическая работа (см. Приложение 3,).
1. Постановка задачи. 2. Выполнение практической работы. Создание и сохранение Weв-страницы. 3. Проверка результатов работы учащихся. 15
4. Проверка работы на уроке 1.
Анализ учащихся полученных знаний, умений, навыков. 2. Рефлексия 7 5. Итог Оценить работу учащихся, выставить оценки и задать Д/з. Ход урока
I. Организационный этап
Учитель сообщает учащимся тему, цели и этапы урока
На этом уроке мы с вами научимся азам проектирования WEB-страницы
Задача урока состоит в создании первой вашей WEB-страницы.
II. Проверка домашнего задания. 1. Фронтальный опрос
1. Что собой представляет Интернет
• World Wide Web – глобальная компьютерная сеть на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация.
Люди получают доступ к этой информации посредством использования технологии Internet. Для навигации в WWW используются специальные программы – Web-браузеры, которые существенно облегчают путешествие по бескрайним просторам WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом байтов WWW. • Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео.
От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в Сети. 2.Итак, что же такое сайт?
Сайт - это система связанных между собой гипертекстовых документов, оформленных веб-дизайнером с учетом целей и задач проекта и соблюдением всех требований usability.
Каждый документ имеет определенную структуру - заголовки и завершение документа, благодаря которым может быть отображен в браузере, содержит информацию в теле документа и оформление в рамках утвержденного дизайна. Переход от одного документа к другому осуществляется посредством гиперссылок. Еще раз хочу подчеркнуть, что веб-дизайн - это не знание языка разметки документов HTML и не умение работать с графическими редакторами. Да, все это тоже необходимо, однако далеко не достаточно для того, чтобы создать сайт. 3.Написать на доске общую структуру HTML-фйла.
Пример: 2. Тестирование учащихся(фронтально) (Приложение №1)
II. Формирование новых знаний
Сегодня вы познакомитесь с азами разработки Web-сайтов.
На этом уроке вы сможете шаг за шагом изучить основы создания WEB-страницы и применять их в жизни Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта. Можно работать на Web без знания языка HTML, поскольку тексты HTML могут создаваться разными специальными редакторами и конвертерами.
Но писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или проводят плохой HTML код, который не работает на разных платформах. Итак - какие модули должны присутствовать на главной странице сайта?
Рассмотрим самый типичный вариант для среднего сайта средней фирмы или не самый "запущенный" вариант авторской страницы. • Название (сайта или организации) • Логотип (или любой графический знак, который уникальным образом идентифицирует проект или организацию) • Навигационное меню (в простейшем случае это один блок, однако, как мы рассмотрим в следующих выпусках, их может быть несколько в рамках одного проекта и одной страницы проекта). • Данные. Собственно содержание первой страницы. • Второстепенные данные. Это может быть графический баннер партнерского проекта или текстовая информация о спонсорах... 1.Правила создание Weв-страницы (презентация) Приложение 2
2.Создание простой Weв-страницы
Мой учитель Гафаров Р.Р.
Физкульт - пауза
IV .Выполнение практической работы на ПК в папке “Практические работы учащихся”
Создание с помощью технологической карты Weв-страницы
V. Предварительная проверка знаний полученных на уроке
1.Проверка ЗУН урока. (устный опрос)
1. Какие правила применяются при написании Weв-страницы? 2. Что необходимо помнить при выполнении сохранении Weв-страницы? 3. Как нужно поступить, чтобы исправить Weв-страницу? 2. по карточкам(фронтальный опрос) 1. Что такое Weв-страница? 2. С помощью какого языка можно создать Weв-страницу? 3. Какую программу мы используем для создания Weв-страницы?. 4. Чем отличаются открывающий и закрывающий тэг? 5. Между какими тэгами находится содержание Weв-страницы? 6. Как правильно сохранять Weв-страницу?
VI. Подведение итога урока. Заключение Таким образом, мы изучили возможности языка HTML для создания Web-страниц, узнали, какие HTML- и графические редакторы лучше использовать в Web-дизайне, каковы преимущества и недостатки тех или иных программных пакетов.
Итак, поняв принцип построения Web-страницы, изучив возможности соединения в ней различных видов информации, мы можем смело сказать, что Web-страницы, с их потенциалом могут применятся для различных целей. Web-страница – это лицо того учреждения, человека, который разместил ее в WWW.
Именно поэтому сегодня Web-дизайну уделяется такое огромное внимание, ибо от него на прямую зависит популярность того или иного информационного ресурса Сети. Недаром сейчас профессия Web-дизайнера является одной из самых высокооплачиваемых. Человек, создающий Web-страницу, соединяет свои знания и навыки со своим творческим потенциалом. Умение творить – вот что отличает настоящего Web-дизайнера. Для того чтобы создать Web-страницу, которая бы радовала глаз, нужно сочетать в себе качества художника и программиста. Подводя итог всему выше сказанному, хочется отметить, что HTML стал тем форматом передачи данных, который наиболее полно и качественно удовлетворяет запросы современного общества. Несомненным фактом является и то, что будущее именно за HTML. 1.Выставление оценок (с комментариями)
2. Рефлексия учащихся:
(Сдается учащимися либо после урока, либо на следующий день, либо на электронную почту преподавателя.)
1. Что вы ожидали от работы над Weв-страницей? Сравните свои предварительные цели и реально достигнутые результаты. 2. Какие чувства и ощущения возникали у вас в ходе работы? Что оказалось для вас самым неожиданным?
3. Что вам более всего удалось, какие моменты были выполнены наиболее успешно?
4. Перечислите в порядке убывания основные трудности, которые вы испытывали во время учебы. Как вы их преодолевали? 5. Как оцениваешь урок?
VII. Домашнее задание.
Написать программу для создания Weв-страницы «Мой класс».
Список используемой литературы
1. Левин "Internet для "чайников", Москва 1996.
2. Рассохин і Лебедев "World Wide Web - глобальная информационная паутина в сети Internet", Москва 1997.
3. Перрі "Секреты World Wide Web", Москва 1996.
4. Уолл "Использование WWW", Москва 1997.
5. Хеслоп "HTML з самого начала", СПб: Санкт-Петербург, 1995
6. Сайт "Кухня Сидорова"
