Инфоурок / Информатика / Конспекты / План - конспект урока "Гиперссылки на Web - страницах. Списки на Web - страницах"

План - конспект урока "Гиперссылки на Web - страницах. Списки на Web - страницах"


Напоминаем, что в соответствии с профстандартом педагога (утверждён Приказом Минтруда России), если у Вас нет соответствующего преподаваемому предмету образования, то Вам необходимо пройти профессиональную переподготовку по профилю педагогической деятельности. Сделать это Вы можете дистанционно на сайте проекта "Инфоурок" и получить диплом с присвоением квалификации уже через 2 месяца!

Только сейчас действует СКИДКА 50% для всех педагогов на все 184 курса профессиональной переподготовки! Доступна рассрочка с первым взносом всего 10%, при этом цена курса не увеличивается из-за использования рассрочки!

ВЫБРАТЬ КУРС И ПОДАТЬ ЗАЯВКУ
библиотека
материалов

ПЛАН-КОНСПЕКТ УРОКА


Гиперссылки на Web – страницах. Списки на Web – страницах.
__________________________________________

(Тема урока)


ФИО (полностью)

Павлова Вера Васильевна

Место работы

МБОУ «Лащ – Таябинская СОШ им. В.В.Андреева Яльчикского района Чувашской Республики»

Должность

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

Предмет

информатика

Класс

8

Тема и номер урока в теме

Гиперссылки на Web – страницах. Списки на Web – страницах. №1

Базовый учебник

Информатика и ИКТ 8, Н.Д. Угринович , Бином. Лаборатория знаний 201 г.


  1. Цель урока: обеспечить усвоение учащимся знаний об оформлении web – страниц с помощью гиперссылок и списков различных типов; выработать умения и навыки по их применению.

  2. Задачи:

- обучающие: рассмотреть задачи из материала ГИА по теме «Интернет»;

закрепить навыки создания документов HTML: структуру создания web-страницы; научить использовать гиперссылки и списки для оформления web-страницы;

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

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

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

  2. Формы работы учащихся: индивидуальная, фронтальная.

  3. Необходимое техническое оборудование: компьютеры с установленными на них ОМС Плеер – проигрывателем ресурсов сайта ФЦИОР, с установленной операционной системой Windows и с установленной программой общего назначения Блокнот, предварительно сохраненные модули на урок, мультимедийный проектор, экран, колонки.


  1. Структура и ход урока



















Таблица 1.

СТРУКТУРА И ХОД УРОКА

Этап урока

Название используемых ЭОР

(с указанием порядкового номера из Таблицы 2)

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

(с указанием действий с ЭОР, например, демонстрация)

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

Время

(в мин.)


1

2

3

5

6

7

1

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


Приветствует учащихся, проверяет отсутствующих:

- Здравствуйте ребята. Я очень рада вас всех видеть. Все ли сегодня присутствуют на уроке?


- Здравствуйте.
Доклад дежурных учащихся.

2

2

Проверка домашнего задания

Презентация на проверку домашнего задания «Структура Web – страницы»

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

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

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

- Критерии оценивания:

1 задание – 7 баллов

2 задание – 1 балл

3 задание – 1 балл

4 задание – 1 балл

9-10 – «5»

7-8 – «4»

5 – 6 – «3»



-Уже несколько занятий мы работаем над созданием Web – страниц.

Выполняют задания по карточкам.

Обмениваются работами, проверяют друг у друга.

Ставят отметки за работу по критериям.




8

3

Актуализация опорных знаний


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



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


4

4

Изучение нового материала, в том числе и объяснение





Презентация «Гиперссылки»














































































































Презентация «Списки».

  • Давайте вспомним, что такое гипертекст и гиперссылки

Слайд 2

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

Слайд 3.

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

сервере, например в Интернете или в локальной вычислительной сети).

Слайд 4

С помощью гиперссылок можно перейти:

  • на другой HTML-документ;

  • на любой другой документ;

  • на определенное место внутри текущего или какого-либо другого документа;

Документы превращаются в точки пересечения нитей

информационной паутины и становится понятным название «Всемирная паутина»

Слайд 5

Гиперссылка состоит из видимой части (объект, на котором можно сделать клик мышью) и адреса, куда эта ссылка уводит

Внимательно слушают учителя, отвечают на его вопросы, делают записи в тетради




















































































10
























Презентация «Ссылки»


























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


















после клика (иногда его называют «якорем»). 


- Теперь определим виды гиперссылок и списков.

Гиперссылкой может быть текст (фраза, слово) или картинка (слайды 9 – 16)


  • Гиперссылки среди других элементов текста выделяются цветом и подчеркиванием;

  • мышиный курсор на ссылке меняет свою форму и превращается в указующий перст;

  • для перехода по ссылке необходимо щелкнуть по ней мышкой.


- Вспомним виды списков.

Слайд 4

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

Слайд 5

Списки бывают двух основных форматов:

- маркированный список (маркеры), абзацы маркируются специальными маркерами;

- нумерованный список (нумерация),абзацы нумеруются арабскими, римскими цифрами или буквами.

Слайд 6

Нумерованные списки.

Слайд 7

Маркированные списки.


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

















































Учащиеся работают с модулем.





























Маркирование и нумерование списков


Нумерованный список заключается в теги <OL>…OL>. Каждый нумерованный абзац пишется внутри тегов <LI>…LI>. По умолчанию элементы списка нумеруются по порядку 1,2,3. При помощи атрибута TYPE можно изменить стиль нумерации.

Маркированный список заключается в теги <UL>…UL>. Каждый маркированный абзац пишется внутри тегов <LI>…LI>. По умолчанию отображается небольшой кружок – circle. Атрибут TYPE определяет вид значка, отображаемого перед каждым элементом списка.

Списки терминов (определений) состоят из двух частей – определения и описания. Определение можно сравнить с заголовком раздела, а описание включает элементы каждого заголовка.


























Учащиеся работают с модулем.


5

Физкультминутка с музыкой


Упражнения для глаз

Выполняют упражнения для глаз

2

6

Закрепление изученного материала.

Разработка сайта с использованием языка разметки текста HTML.

Проведение практической работы №3.8 из учебника «Вставка гиперссылок. Создание нумерованной и маркированной списков, списка терминов».

Выполняют практическую работу.

15

7

Рефлексия


Проверка выполненной работы.

Ребята, сегодня мы с вами познакомились с гиперссылками и списками на Web – страницах. Возникали ли у Вас трудности при работе? Определите и выберите листочки, на каком уровне вы находитесь:

- знаю и объясню другому

- знаю

- сомневаюсь, что знаю

- не знаю.


Говорят, что нового узнали на уроке; высказываются о трудностях, возникших по ходу работы.

2

8

Подведение итогов урока. Домашнее задание.


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

Выставление оценок, задание на дом п. 3.7.5-3.7.6, контрольные вопросы в конце каждого пункта.

Слушают учителя, записывают домашнее задание.

2





Приложение к плану-конспекту урока

Гиперссылки на Web – страницах. Списки на Web – страницах.
____________________

(Тема урока)


Таблица 2.

ПЕРЕЧЕНЬ ИСПОЛЬЗУЕМЫХ НА ДАННОМ УРОКЕ ЭОР

Название ресурса

Тип, вид ресурса

Форма предъявления информации (иллюстрация, презентация, видеофрагменты, тест, модель и т.д.)

Гиперссылка на ресурс, обеспечивающий доступ к ЭОР

1

Структура Web - страницы

Практи-ческий

Презентация на проверку домашнего задания «Структура Web – страницы»


2

Гиперссылки

Информационный

Презентация «Гиперссылки»



http://konkurs.infourok.ru/?fs=1&fd=http://fs1.ppt4web.ru/uploads/ppt/4134/bb2eb5077e10fbef745e4b833acd0c16.ppt

3

Списки

Информационный


Презентация «Списки»



http://nsportal.ru/shkola/informatika-i-ikt/library/2013/02/20/prezentatsiya-markirovannye-i-numerovannye-spiski




4

Вставка графических объектов и ссылок с использованием гипертекстовой разметки. Создание списков.

Информационный.

Флэш - ролик

http://fcior.edu.ru/card/28113/vstavka-graficheskih-obektov-i-ssylok-s-ispolzovaniem-yazyka-gipertekstovoy-razmetki-sozdanie-spisko.html


5

Маркирование и нумерование списков

Информационный

Флэш - ролик

http://fcior.edu.ru/card/16652/markirovanie-i-numerovanie-spiskov.html




Общая информация

Номер материала: ДВ-062176


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

Специально для учителей, воспитателей и других работников системы образования действуют 60% скидки (только до конца зимы) при обучении на курсах профессиональной переподготовки (124 курса на выбор).

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Подайте заявку на интересующий Вас курс сейчас: KURSY.ORG

Похожие материалы

Только до конца зимы! Скидка 60% для педагогов на ДИПЛОМЫ от Столичного учебного центра!

Курсы профессиональной переподготовки и повышения квалификации от 1 400 руб.
Для выбора курса воспользуйтесь удобным поиском на сайте KURSY.ORG


Вы получите официальный Диплом или Удостоверение установленного образца в соответствии с требованиями государства (образовательная Лицензия № 038767 выдана ООО "Столичный учебный центр" Департаментом образования города МОСКВЫ).

Московские документы для аттестации: KURSY.ORG


Вам будут интересны эти курсы:

Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Современные информационные технологии и их использование в работе преподавателей. Системы автоматизированного проектирования одежды и организация технологического процесса»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс «Фирменный стиль» (Corel Draw, Photoshop)
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»