- Списки на Web -страницах

Конспект урока «Списки на Web -страницах» по информатике

Муниципальное бюджетное общеобразовательное учреждение

«Северная средняя общеобразовательная школа»









Тема: «Списки на Web -страницах».



























Выполнил:

учитель информатики и физики Водичев А.С.

Тема урока: «Списки на Web -страницах».


Цели урока:

  1. Дидактические:

    • Познакомить учащихся со вставкой списков в HTML.

  2. Развивающие:

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

    • Развивать компьютерную грамотность учащихся.

    • Развивать внимание, логическое мышление, память учащихся.

  3. Воспитательные:

    • Воспитывать трудолюбие, усидчивость.

    • Воспитывать внимательность.

    • Воспитывать компьютерную грамотность учащихся.


Форма проведения урока – урок-лекция.


Тип урока – урок введения новых знаний.


Методы обучения:

    • Словесные (объяснение нового материала)

    • Наглядные (презентация)


Форма работы на уроке:

    • Коллективная


Оборудование: ПК, проектор.


План урока:


  1. Организационный этап.

Цель этапа: Проверка готовности учащихся и кабинета к уроку, выявление отсутствующих, психологическая подготовка учащихся к предстоящей работе.


2. Подготовительный этап .

Цель этапа: организовать и направить познавательную деятельность учащихся к изучению нового материала.


3.Изучение нового материала.

Цель этапа: познакомить учащихся со списками в HTML:

    • Какие бывают списки в HTML - документах

    • Тэги, с помощью которых создаются списки и их атрибуты.

  1. Подведение итогов урока:

Цель этапа: обобщить материал урока для полного его понимания учащимися.


  1. Информация о домашнем задании:

Цель этапа: сообщить учащимся о домашнем задании, объяснить порядок его выполнения.


Ход урока:

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

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

1

-Здравствуйте, ребята! Присаживайтесь.

Дежурные, назовите, пожалуйста, отсутствующих.


2

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

-Что такое гиперссылка?



-Каким тегом обозначается гиперссылка?

- Каким тегом обозначается вставка графического объекта?

-Как распознать гиперссылку?

--Ребята, сегодня на уроке мы продолжаем изучение языка HTML. Довольно часто при размещении текста на Web-страницах удобно использовать списки. Итак, мы сегодня с вами должны научиться создавать списки в HTML. Откройте тетради и запишите сегодняшнее число и тему урока.«Списки на Web-страницах».




Гиперссылка – это связь текста или какого-либо объекта с другими гипертекстовыми документами.

имя”>........ .

>


3

Учитель излагает теоретический материал по теме, дети смотрят презентацию на проекторе.


1 слайд: Списки на Web-страницах. (Название презентации).

2 слайд: Списки на Web-страницах

Списки на Web-страницах могут быть представлены в трех видах:

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

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

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

3 слайд:

Перед вами пример маркированного списка.

4, 5 слайд: Маркированные списки

В языке HTML существует возможность создания различных списков и перечислений.

ul> - тег, задающий маркированный список.

li> - задает элементы списка

6 слайд: Маркированные списки.

Атрибут Type =“…” – определяет стиль нумерации.

Различают следующие виды маркеров:

type =“disc” - диск.

type =“circle” – круг .

type =“square” – квадрат.

7 слайд: Пример.

8 слайд: Нумерованные списки.

OL> - тег, задающий нумерованный список.

LI> - задает элементы списка .

Элемент OL> включает в себя дополнительный элемент

  • , который задает элементы списка.

    9 слайд: Нумерованные списки.

    Type =“…” – определяет стиль нумерации.

    Type =“1”-арабские цифры.

    Type =“I” – большие римские цифры.

    Type =“а” – маленькие строчные буквы.

    Type =“А” – большие латинские буквы.

    10 слайд:

    11 слайд:

    Если добавить атрибут start с каким-то значением, то начальный отсчет начнется именно с этого значения.

    11 слайд:


    На этом слайде вы можете видеть, как выглядит страница и сам HTML-код с использованием списка.

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



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

    - маркированные списки

    - списки определений

























































    ul> - тег, задающий маркированный список.

    li> - задает элементы списка













    Type =“…” – определяет стиль нумерации.

    type =“disc” - диск.

    type =“circle” – круг .

    type =“square” – квадрат























    OL> - тег, задающий нумерованный список.

    LI> - задает элементы списка .









    Type =“…” – определяет стиль нумерации.

    Type =“1”-арабские цифры.

    Type =“I” – большие римские цифры.

    Type =“а” – маленькие строчные буквы.

    Type =“А” – большие латинские буквы.






















    Start=“…” – атрибут, определяющий начальное значение списка.

    4

    -Итак, ребята, все законспектировали?

    -Вопросы есть по новому материалу, кому что не понятно?

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

    -Скажите, что нового мы сегодня узнали?

    -Да/Нет.



    -Учащиеся отвечают.

    -Учащиеся задают вопросы.


    Говорят, что нового узнали.

    5

    Информация о домашнем задании: изучить материал, в свои Web-страницы вставить разного рода списки.




    Список литературы:

    1. § 5.6. Списки на Web-страницах » Интерактивный онлайн учебник - http://eict.ru/lists.html

    2. «Иллюстрированный самоучитель по созданию сайтов» - http://samoucka.ru/document14356.html



    7


    Здесь представлен конспект к уроку на тему «Списки на Web -страницах», который Вы можете бесплатно скачать на нашем сайте. Предмет конспекта: Информатика Также здесь Вы можете найти дополнительные учебные материалы и презентации по данной теме, используя которые, Вы сможете еще больше заинтересовать аудиторию и преподнести еще больше полезной информации.

    Список похожих конспектов

    Добавление таблиц, оформление рисунков на Web-страницах

    Добавление таблиц, оформление рисунков на Web-страницах

    Конспект урока по информатике. Дата:. 02.10.2010. Класс:. 10. Учитель:. Мкртчян Оксана Владимировна. Тема:. Добавление таблиц, оформление ...
    Информационные модели на графах

    Информационные модели на графах

    Урок "Информационные модели на графах". Цели урока:. . •расширить представления учащихся о видах информационных моделей;. . •сформировать ...
    Алгоритмическая среда KTurtle: работа с холстом, вывод данных на экран

    Алгоритмическая среда KTurtle: работа с холстом, вывод данных на экран

    Тема урока:. Алгоритмическая среда KTurtle. : работа с холстом, вывод данных на экран. Тип урока:. урок получения новых знаний. Цель урока:. ...
    Начинаем программировать на Turbo Pascal

    Начинаем программировать на Turbo Pascal

    . МУНИЦИПАЛЬНОЕ АВТОНОМНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ЛИЦЕЙ №8 ИМЕНИ Н.Н. РУКАВИШНИКОВА Г.ТОМСКА. ««Начинаем программировать ...
    Множество, отношения на множестве. Отрицание

    Множество, отношения на множестве. Отрицание

    Муниципальное бюджетное образовательное учреждение "Средняя общеобразовательная школа №2 ст.Архонская". Конспект урока по информатике ...
    Линейная программа на Паскале

    Линейная программа на Паскале

    Урок №4. Тема:. Линейная программа на Паскале. . . Тип урока:. ЛПЗ. Цели урока:. Обучающая:. Освоить первые навыки работы в Turbo Pascal ...
    Как открыть рисунок, сохраненный на диске

    Как открыть рисунок, сохраненный на диске

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

    Использование схемы анализа на уроках информатики и истории

    Ин. тегрированный урок по информатике и истории в 9 М классе. Е.Е Гунейко. , учитель информатики, заместитель директора по информатизации, О.В. ...
    Графика на языке BASIC

    Графика на языке BASIC

    Учитель 2 квалификационной категории. . Шамсутдинова Рамиля Ильгизовна. МАОУ «Базарно-Матакская СОШ». Тема: «Графика на языке BASIC. ». Цели:. ...
    Влияние компьютерных игр на формирование агрессивных моделей поведения учащихся начальных классов

    Влияние компьютерных игр на формирование агрессивных моделей поведения учащихся начальных классов

    Конспект урока в 4 классе. на тему:. «Влияние компьютерных игр на формирование агрессивных моделей поведения учащихся начальных классов». Выполнила: ...
    Ветвление на языке Паскаль

    Ветвление на языке Паскаль

    Урок по теме «Ветвление на языке Паскаль». Цель: Продолжить формирование навыков решения основных типов задач по информатике в форме тестирования. ...
    Ввод формул. Ссылки на ячейки. Относительные, абсолютные и смешанные ссылки. Функции. Использование стандартных функций

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

    1. . 8. . класс. . Практическая работа за компьютером на тему:. . Ввод формул. Ссылки на ячейки. . . Относительные, абсолютные и смешанные ...
    Введение в предмет Вводный инструктаж по технике безопасности при работе на ПК

    Введение в предмет Вводный инструктаж по технике безопасности при работе на ПК

    Тема урока: Введение в предмет. . Вводный инструктаж по технике безопасности при работе на ПК. . . Цели урока:. . познакомить учащихся с ...
    Алгоритмы на паскале

    Алгоритмы на паскале

    ПЛАН-КОНСПЕКТ УРОКА «Название». ФИО Бурзаев Андрей Игоревич. . Место работы МБОУ СОШ №1 им. М.Горького г. Арзамас. . . . Должность. ...
    Исполнитель Колобок на линейке

    Исполнитель Колобок на линейке

    Муниципальное общеобразовательное учреждение. «Пятницкая средняя общеобразовательная школа». Волоконовского района Белгородской области. ...
    Использование анимации и звука в презентации. Создаем анимацию на заданную тему

    Использование анимации и звука в презентации. Создаем анимацию на заданную тему

    Государственное бюджетное общеобразовательное учреждение средняя общеобразовательная школа. № 1971. по информатике и икт. для 5 классаучитель ...
    Графика на языке программирования АВС Pascal

    Графика на языке программирования АВС Pascal

    ПЛАН-КОНСПЕКТ УРОКА. ТЕМА: «. Графика на языке программирования АВС. Pascal. ». Тип урока:. получение. новых знаний. Технология:. системно-деятельностный ...
    Исследование зависимости мощности потребляемой лампочкой накаливания от напряжения на ее зажимах

    Исследование зависимости мощности потребляемой лампочкой накаливания от напряжения на ее зажимах

    Интегративный урок по физике и информатике. Преподаватель информатики и физики Искакова Гайни Каратаевна. Костанайский гуманитарный колледж. ...
    Графические процедуры на языке Delphi

    Графические процедуры на языке Delphi

    10 класс. «Графические процедуры на языке Delphi». . Цели:. организовать деятельность учащихся изучению и закреплению знаний и способов действий ...
    Кодирование графической информации . Пространственная дискретизация Растровые изображения на экране монитора. Палитры цветов в системах цветопередачи RGB, CMYK и HSB. Растровые и векторные изображения

    Кодирование графической информации . Пространственная дискретизация Растровые изображения на экране монитора. Палитры цветов в системах цветопередачи RGB, CMYK и HSB. Растровые и векторные изображения

    ПЛАН-КОНСПЕКТ УРОКА Кодирование графической информации . Пространственная дискретизация Растровые изображения на экране монитора. Палитры цветов в ...

    Информация о конспекте

    Ваша оценка: Оцените конспект по шкале от 1 до 5 баллов
    Дата добавления:27 сентября 2017
    Категория:Информатика
    Поделись с друзьями:
    Скачать конспект