Язык издания: русский
Периодичность: ежедневно
Вид издания: сборник
Версия издания: электронное сетевое
Публикация: "«Разработка сайта с использованием языка разметки HTML»"
Автор: Ахмедьянова Наиля Искандаровна
Периодичность: ежедневно
Вид издания: сборник
Версия издания: электронное сетевое
Публикация: "«Разработка сайта с использованием языка разметки HTML»"
Автор: Ахмедьянова Наиля Искандаровна
Разработка сайта с использованием языка разметки HTML
8 класс
Цели урока:
общеобразовательные цели:
познакомить учащихся с определением и основным назначением языка HTML, с историей его создания, с основными объектами языка;
изучить с учащимися структуру Web-страницы;
отработать умение учащихся создавать Web-страницу с помощью приложения Блокнот;
научить учащихся вносить изменения в созданную Web-страницу.
воспитательные цели:
формирование системного мышления;
восприятие компьютера как инструмента информационной деятельности человека;
формирование эмоционально-целостного отношения к миру и к себе;
формирование мировоззренческой позиции при описании объективной действительности.
развивающие цели:
формирование социальной направленности любой деятельности;
освоение способов эффективного взаимодействия в процессе учебной коммуникации.
Оснащение урока:
проектор;
интерактивная доска;
презентация к уроку;
опорный конспект к уроку.
Место урока - формирование представлений о языке html, как основном средстве создания Web-страниц.
Тип урока – урок получения и усвоения новых знаний, умений и навыков.
Структура урока
Организационная часть, которая включает в себя проверку явки учащихся на занятие, проверка внешнего вида, готовности к уроку.
Проверка домашнего задания (учащиеся сбрасывают выполненное практическое задание на Рабочий стол компьютера учителя, один из учащихся демонстрирует выполненное домашнее задание на проекторе.)
Актуализация знаний (фронтальный опрос учащихся по изученному ранее материалу).
Теоретический материал урока.
Первичное осмысление и применение изученного материала.
Выполнение практической работы.
Подведение итогов урока.
Методы обучения:
объяснительно-иллюстративный;
личностно-ориентированный;
практический (самостоятельная работа учащихся);
видеометод (использование ЦОР).
Виды контроля:
контроль учителя;
самоконтроль.
Формы организации познавательной деятельности учащихся:
фронтальные;
индивидуальные.
Межпредметная связь:
Русский язык (правильное написание и произношение научных терминов, использование толкового словаря в толковании научных терминов, применяемых на уроке).
История (история создания языка html).
Программное обеспечение:
ОС Windows XP, программа Блокнот, браузер Internet Explorer, ОМS.
Таблица 1.
СТРУКТУРА И ХОД УРОКА
№
Этап урока
Название используемых ЭОР
(с указанием порядкового номера из Таблицы 2)
Деятельность учителя
(с указанием действий с ЭОР, например, демонстрация)
Деятельность ученика
Время
(в мин.)
I.
Организационный момент:
Приветствие, проверка готовности к уроку, отчёт дежурных о явке учащихся на занятие, проверка внешнего вида учащихся.
Рабочее место ученика.
2 мин.
II.
Проверка домашнего задания
На предыдущих уроках мы изучали основы работы сети Интернет, службы сети Интернет, осуществляли поиск в сети Интернет с помощью службы WWW. Дома вы выполняли задания по поиску в сети Интернет. Сейчас один из вас покажет выполненную им работу и мы сможем обсудить найденные вами ответы.
Д/З Выполнение поиска в сети Интернет.
Учащиеся на перемене сбрасывают выполненное практическое задание на Рабочий стол компьютера учителя, а на уроке один из учащихся демонстрирует выполненное домашнее задание на проекторе.
5 мин
III
Актуализация знаний
Перед изучением новой темы повторим теоретический материал прошлых уроков.
Вопросы учителя.
- Что такое Интернет?
- Какие вы знаете службы сети Интернет?
- Чем характеризуются различные службы сети Интернет?
- Какой протокол использует служба WWW?
- Какие основные понятия лежат в основе всей системы WWW?
-Что такое гипертекст?
-Как называют все документы службы WWW?
- Что такое сайт?
Учащиеся отвечают на вопросы учителя.
Ответы учащихся.
-Интернет – это глобальная компьютерная сеть, охватывающая весь мир.
-К службам сети Интернет относятся:
электронная почта,
интернет-магазины,
чаты,
интернет-телефония,
интернет-радио,
интернет-телевидение,
телеконференции,
служба World Wide Web (WWW), позволяющая осуществлять поиск информации.
-Разные службы сети Интернет функционируют по разным протоколам.
-Служба WWW использует протокол HTTP – протокол передачи гипертекста.
- В основе всей системы WWW лежат 4 основных понятия:
единый формат документов HTML;
программы для просмотра документов (браузеры), например Internet Explorer;
гипертекст;
единая система адресации URL.
- Гипертекст – это текст, содержащий гиперссылки, т.е. некоторое слово или объект для перехода на другой фрагмент документа или на другую Web-страницу.
-Все документы службы WWW называют Web-документами, Web-страницами, HTML-документами. Каждая Web-страница имеет свой собственный URL-адрес.
-Сайт – это группа взаимосвязанных Web-страниц, объединённых или единой тематикой, или единым авторством, или единым владельцем.
7 мин
IV
Теоретический материал урока.
Слайд-шоу
Основные определения и понятия языка HTML. Структура и логика языка разметки HTML. Понятие тега.
(1)
Итак, сайт – это группа взаимосвязанных Web-страниц, объединённых или единой тематикой, или единым авторством, или единым владельцем. Сайт состоит из Web- страниц. Каждая Web-страница представляет собой HTML-документ, т.е. документ, написанный в специальном формате HTML (HyperText Markup Language). Что же такое HTML? На этот вопрос мы и попытаемся ответить сегодня на уроке.
Согласно определению:
HTML - язык разметки гипертекста.
т.е. этот язык позволяет создавать Web-страницы, которые можно затем разместить в сети Интернет.
У этого языка есть своя история создания. Которую мы сейчас и послушаем.
Учащиеся
записывают определения в тетрадь.
Выступление учащегося на тему: “История создания языка HTML”.
15 мин
V
Первичное осмысление и применение изученного материала.
Интерактивное задание
Основные определения и понятия языка HTML.
(2)
Давайте проверим, какие знания мы получили о языке HTML.
Учащиеся выполняют интерактивное задание, причём один из учащихся выполняет на компьютере, подключённом к проектору, учитель помогает в выполнении задания.
5 мин
VI
Закрепление
Практическое применение знаний.
Интерактивное задание
Создание веб-страницы с использованием основных тегов HTML.
(3)
Создадим нашу первую Web-страницу, используя программу Блок
нот.
Рекомендуется создать для размещения Web-страницы специальную папку.
Учащиеся создают Web- страницу. Учитель напоминает, что во время работы на компьютере учащиеся не должны забывать о соблюдении техники безопасности и правил работы на компьютере
8 мин
VII
Подведение итогов урока
Интерактивное задание
Основные определения и понятия языка HTML. Структура и логика языка разметки HTML.
(4)
Подводит итоги урока, отмечает наиболее активных учащихся, определяет домашнее задание. (3.7.1, 3.7.2).
Создать заготовку Web- Компьютер и просмотреть её в браузере.
Также предлагает учащимся ещё раз проверить свои знания с помощью выполнений интерактивных заданий.
3 мин
Таблица 2.
ПЕРЕЧЕНЬ ИСПОЛЬЗУЕМЫХ НА ДАННОМ УРОКЕ ЭОР.
№
Название ресурса
Тип, вид ресурса
Форма предъявления информации (иллюстрация, презентация, видеофрагменты, тест, модель и т.д.)
Гиперссылка на ресурс, обеспечивающий доступ к ЭОР
1
Основные определения и понятия языка HTML. Структура и логика языка разметки HTML. Понятие тега
текст с иллюстрациями
Слайд-шоу
2
Основные определения и понятия языка HTML
Интерактивное задание
Интерактивная модель
3
Создание веб-страницы с использованием основных тегов HTML
Интерактивное задание
Интерактивная модель
4
Основные определения и понятия языка HTML. Структура и логика языка разметки HTML
Интерактивное задание
Интерактивная модель
8 класс
Цели урока:
общеобразовательные цели:
познакомить учащихся с определением и основным назначением языка HTML, с историей его создания, с основными объектами языка;
изучить с учащимися структуру Web-страницы;
отработать умение учащихся создавать Web-страницу с помощью приложения Блокнот;
научить учащихся вносить изменения в созданную Web-страницу.
воспитательные цели:
формирование системного мышления;
восприятие компьютера как инструмента информационной деятельности человека;
формирование эмоционально-целостного отношения к миру и к себе;
формирование мировоззренческой позиции при описании объективной действительности.
развивающие цели:
формирование социальной направленности любой деятельности;
освоение способов эффективного взаимодействия в процессе учебной коммуникации.
Оснащение урока:
проектор;
интерактивная доска;
презентация к уроку;
опорный конспект к уроку.
Место урока - формирование представлений о языке html, как основном средстве создания Web-страниц.
Тип урока – урок получения и усвоения новых знаний, умений и навыков.
Структура урока
Организационная часть, которая включает в себя проверку явки учащихся на занятие, проверка внешнего вида, готовности к уроку.
Проверка домашнего задания (учащиеся сбрасывают выполненное практическое задание на Рабочий стол компьютера учителя, один из учащихся демонстрирует выполненное домашнее задание на проекторе.)
Актуализация знаний (фронтальный опрос учащихся по изученному ранее материалу).
Теоретический материал урока.
Первичное осмысление и применение изученного материала.
Выполнение практической работы.
Подведение итогов урока.
Методы обучения:
объяснительно-иллюстративный;
личностно-ориентированный;
практический (самостоятельная работа учащихся);
видеометод (использование ЦОР).
Виды контроля:
контроль учителя;
самоконтроль.
Формы организации познавательной деятельности учащихся:
фронтальные;
индивидуальные.
Межпредметная связь:
Русский язык (правильное написание и произношение научных терминов, использование толкового словаря в толковании научных терминов, применяемых на уроке).
История (история создания языка html).
Программное обеспечение:
ОС Windows XP, программа Блокнот, браузер Internet Explorer, ОМS.
Таблица 1.
СТРУКТУРА И ХОД УРОКА
№
Этап урока
Название используемых ЭОР
(с указанием порядкового номера из Таблицы 2)
Деятельность учителя
(с указанием действий с ЭОР, например, демонстрация)
Деятельность ученика
Время
(в мин.)
I.
Организационный момент:
Приветствие, проверка готовности к уроку, отчёт дежурных о явке учащихся на занятие, проверка внешнего вида учащихся.
Рабочее место ученика.
2 мин.
II.
Проверка домашнего задания
На предыдущих уроках мы изучали основы работы сети Интернет, службы сети Интернет, осуществляли поиск в сети Интернет с помощью службы WWW. Дома вы выполняли задания по поиску в сети Интернет. Сейчас один из вас покажет выполненную им работу и мы сможем обсудить найденные вами ответы.
Д/З Выполнение поиска в сети Интернет.
Учащиеся на перемене сбрасывают выполненное практическое задание на Рабочий стол компьютера учителя, а на уроке один из учащихся демонстрирует выполненное домашнее задание на проекторе.
5 мин
III
Актуализация знаний
Перед изучением новой темы повторим теоретический материал прошлых уроков.
Вопросы учителя.
- Что такое Интернет?
- Какие вы знаете службы сети Интернет?
- Чем характеризуются различные службы сети Интернет?
- Какой протокол использует служба WWW?
- Какие основные понятия лежат в основе всей системы WWW?
-Что такое гипертекст?
-Как называют все документы службы WWW?
- Что такое сайт?
Учащиеся отвечают на вопросы учителя.
Ответы учащихся.
-Интернет – это глобальная компьютерная сеть, охватывающая весь мир.
-К службам сети Интернет относятся:
электронная почта,
интернет-магазины,
чаты,
интернет-телефония,
интернет-радио,
интернет-телевидение,
телеконференции,
служба World Wide Web (WWW), позволяющая осуществлять поиск информации.
-Разные службы сети Интернет функционируют по разным протоколам.
-Служба WWW использует протокол HTTP – протокол передачи гипертекста.
- В основе всей системы WWW лежат 4 основных понятия:
единый формат документов HTML;
программы для просмотра документов (браузеры), например Internet Explorer;
гипертекст;
единая система адресации URL.
- Гипертекст – это текст, содержащий гиперссылки, т.е. некоторое слово или объект для перехода на другой фрагмент документа или на другую Web-страницу.
-Все документы службы WWW называют Web-документами, Web-страницами, HTML-документами. Каждая Web-страница имеет свой собственный URL-адрес.
-Сайт – это группа взаимосвязанных Web-страниц, объединённых или единой тематикой, или единым авторством, или единым владельцем.
7 мин
IV
Теоретический материал урока.
Слайд-шоу
Основные определения и понятия языка HTML. Структура и логика языка разметки HTML. Понятие тега.
(1)
Итак, сайт – это группа взаимосвязанных Web-страниц, объединённых или единой тематикой, или единым авторством, или единым владельцем. Сайт состоит из Web- страниц. Каждая Web-страница представляет собой HTML-документ, т.е. документ, написанный в специальном формате HTML (HyperText Markup Language). Что же такое HTML? На этот вопрос мы и попытаемся ответить сегодня на уроке.
Согласно определению:
HTML - язык разметки гипертекста.
т.е. этот язык позволяет создавать Web-страницы, которые можно затем разместить в сети Интернет.
У этого языка есть своя история создания. Которую мы сейчас и послушаем.
Учащиеся
записывают определения в тетрадь.
Выступление учащегося на тему: “История создания языка HTML”.
15 мин
V
Первичное осмысление и применение изученного материала.
Интерактивное задание
Основные определения и понятия языка HTML.
(2)
Давайте проверим, какие знания мы получили о языке HTML.
Учащиеся выполняют интерактивное задание, причём один из учащихся выполняет на компьютере, подключённом к проектору, учитель помогает в выполнении задания.
5 мин
VI
Закрепление
Практическое применение знаний.
Интерактивное задание
Создание веб-страницы с использованием основных тегов HTML.
(3)
Создадим нашу первую Web-страницу, используя программу Блок
нот.
Рекомендуется создать для размещения Web-страницы специальную папку.
Учащиеся создают Web- страницу. Учитель напоминает, что во время работы на компьютере учащиеся не должны забывать о соблюдении техники безопасности и правил работы на компьютере
8 мин
VII
Подведение итогов урока
Интерактивное задание
Основные определения и понятия языка HTML. Структура и логика языка разметки HTML.
(4)
Подводит итоги урока, отмечает наиболее активных учащихся, определяет домашнее задание. (3.7.1, 3.7.2).
Создать заготовку Web- Компьютер и просмотреть её в браузере.
Также предлагает учащимся ещё раз проверить свои знания с помощью выполнений интерактивных заданий.
3 мин
Таблица 2.
ПЕРЕЧЕНЬ ИСПОЛЬЗУЕМЫХ НА ДАННОМ УРОКЕ ЭОР.
№
Название ресурса
Тип, вид ресурса
Форма предъявления информации (иллюстрация, презентация, видеофрагменты, тест, модель и т.д.)
Гиперссылка на ресурс, обеспечивающий доступ к ЭОР
1
Основные определения и понятия языка HTML. Структура и логика языка разметки HTML. Понятие тега
текст с иллюстрациями
Слайд-шоу
2
Основные определения и понятия языка HTML
Интерактивное задание
Интерактивная модель
3
Создание веб-страницы с использованием основных тегов HTML
Интерактивное задание
Интерактивная модель
4
Основные определения и понятия языка HTML. Структура и логика языка разметки HTML
Интерактивное задание
Интерактивная модель
