kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

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

Нажмите, чтобы узнать подробности

Конспект урока по информатики «Списки на веб-страницах». Целью урокаявляется знакомство учащихся с видами списков и способами их вставки в HTML - документы. Конспект урока включает в себя презентацию, которая сопровождает изложение материала учителем. В ходе работы на уроке учащиеся знакомятся со способами обозначения списков в зависимости от его вида.

Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Наладить дисциплину на своих уроках.
Получить возможность работать творчески.

Просмотр содержимого документа
«ВодичевАС-сценарий»

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

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









Тема: «Списки на 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 -страницах

    Виды списков Маркированные списки Нумерованные списки Списки определений

    Виды списков

    • Маркированные списки
    • Нумерованные списки
    • Списки определений

    Маркированные списки. Маркированный список – список, в котором элементы идентифицируются с помощью специальных символов (маркеров).

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

    Маркированный список – список, в котором элементы идентифицируются с помощью специальных символов (маркеров).

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

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

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

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

      Type =“ … ”  – определяет тип маркера. type =“disc” - диск. type =“circle” – окружность. type =“square”  – квадрат.

      Type =“ – определяет тип маркера.

      type =“disc” - диск.

      type =“circle” – окружность.

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

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

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

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

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

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

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

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

        Type =“ … ”  – определяет стиль нумерации. Type =“1”- арабские цифры. Type =“I” – большие римские цифры. Type =“ а ”  – маленькие строчные буквы. Type =“ А ” – большие латинские буквы.

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

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

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

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

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

        Пример нумерованного списка:

        Пример нумерованного списка:

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

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


    Получите в подарок сайт учителя

    Предмет: Информатика

    Категория: Уроки

    Целевая аудитория: 10 класс

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

    Автор: Водичев Андрей Сергеевич

    Дата: 23.08.2014

    Номер свидетельства: 112668


    Получите в подарок сайт учителя

    Видеоуроки для учителей

    Курсы для учителей

    ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

    Добавить свою работу

    * Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

    Удобный поиск материалов для учителей

    Ваш личный кабинет
    Проверка свидетельства