Инфоурок Информатика КонспектыОткрытый урок по теме: "Язык разметки гипер-документов"

Открытый урок по теме: "Язык разметки гипер-документов"

Скачать материал

Выберите документ из архива для просмотра:

Выбранный для просмотра документ Язык разметки гипер-документов.pptx

Скачать материал "Открытый урок по теме: "Язык разметки гипер-документов""

Получите профессию

Методист-разработчик онлайн-курсов

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Методические разработки к Вашему уроку:

Получите новую специальность за 2 месяца

Менеджер спортивного клуба

Описание презентации по отдельным слайдам:

  • 1 слайд

  • Язык разметки гипер - документовТема:

    2 слайд

    Язык разметки гипер - документов
    Тема:

  • Основные понятияWeb-браузер – программа поиска и просмотра информации в Web....

    3 слайд

    Основные понятия
    Web-браузер – программа поиска и просмотра информации в Web.
    Гиперссылки – подсвечиваемые фрагменты текста или графические изображения, расположенные на Web-страницах, позволяющие быстро переходить к другим страницам Web.
    HTML – язык разметки гипертекста (Hypertext Markup Language)
    Разметка документа - это описание различных фрагментов документа и их взаимного расположения.

  • Основы языка HTMLОсновные элементы языка – команды (ТЭГИ)
Тэги:	 … 
Параметры...

    4 слайд

    Основы языка HTML
    Основные элементы языка – команды (ТЭГИ)
    Тэги:<имя> … </имя>
    Параметры тэгов – указываются внутри тэга, разделяются пробелами:
    Имя_параметра = “Значение_параметра”

  • Общая структура документа HTML	
		 
		Содержание заголовка
		 
  			
			Содер...

    5 слайд

    Общая структура документа HTML
    <HTML>
    <HEAD>
    Содержание заголовка
    </HEAD>
    <BODY>
    Содержание тела документа
    </BODY>
    </HTML>

  • Элементы заголовка html-документа (тэг HEAD)

    6 слайд

    Элементы заголовка html-документа (тэг HEAD)

  • Элементы стиля и форматирования текста.	Текст, заключенный между открывающим...

    7 слайд

    Элементы стиля и форматирования текста.
    Текст, заключенный между открывающим и закрывающим тэгами, воспроизводится в соответствии со значением тэга и его параметров.

  • 8 слайд

  • 9 слайд

  • Списки

    10 слайд

    Списки

  • 11 слайд

  • Гиперссылки.	 Текст_гиперссылки , 
где“Имя _URL” – Полный адрес или относител...

    12 слайд

    Гиперссылки.
    <A HREF=”Имя_URL”> Текст_гиперссылки </A>,
    где“Имя _URL” – Полный адрес или относительный путь, определяющий источник для перехода по гиперссылке,
    Текст_гиперссылки – место в документе, которое будет гиперссылкой.

  • Фон и цвета Фоновая картинка: 
Цвет фона:  (порядок: красный/зеленый/синий)
Ц...

    13 слайд

    Фон и цвета
    Фоновая картинка: <BODY BACKGROUND="URL">
    Цвет фона: <BODY BGCOLOR="#$$$$$$"> (порядок: красный/зеленый/синий)
    Цвет текста: <BODY TEXT="#$$$$$$">
    Цвет ссылки: <BODY LINK="#$$$$$$">
    Пройденная ссылка: <BODY VLINK="#$$$$$$">
    Активная ссылка: <BODY ALINK="#$$$$$$">

  • Вставка рисунков
Выравнивание картинки относительно страницы:
ALIGN=TOP|BOTTO...

    14 слайд

    Вставка рисунков
    <IMG SRC="Адрес_или_путь/Имя_файла" ALT="текст_альтернативный" >
    Выравнивание картинки относительно страницы:
    ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT
    Выравнивание картинки относительно основного текста страницы:
    ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM

Получите профессию

Бухгалтер

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Выбранный для просмотра документ Фомичева О.Ю., Дубовский зооветеринарный колледж,Тема - Язык разметки гипер-документов.docx

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

преподавателя информатики и ИКТ Фомичевой Ольги
Тема: «Язык разметки гипер-документов»

 

Цели урока:

общеобразовательные цели:

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

·        изучить с обучающимися структуру Web-страницы;

·        отработать умение обучающихся создаватьWeb-страницу с помощью приложения Блокнот;

·        научить обучающихся вносить изменения в созданнуюWeb-страницу.

воспитательные цели:

·        формирование системного мышления;

·        восприятие компьютера как инструмента информационной деятельности человека;

·        формирование эмоционально-целостного отношения к миру и к себе;

·        формирование мировоззренческой позиции при описании объективной действительности.

 развивающие цели:

·        формирование социальной направленности любой деятельности;

·        освоение способов эффективного взаимодействия в процессе учебной коммуникации.

 

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

1.     фронтальные;

2.     индивидуальные;

3.     групповые.

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

 

Ход занятия:

 

I.Оргмомент (приветствие обучающихся и проверка присутствия)

II. Актуализация знаний

(1 слайд презентации)

- Что такое Интернет?

-Интернет – это глобальная компьютерная сеть, охватывающая весь мир.

- Какие вы знаете службы сети Интернет?

-К службам сети Интернет относятся:

·        электронная почта,

·        интернет-магазины,

·        чаты,

·        интернет-телефония,

·        интернет-радио,

·        интернет-телевидение,

·        телеконференции,

·        служба WorldWideWeb (WWW), позволяющая осуществлять поиск информации.

- Чем характеризуются различные службы сети Интернет?

-Разные службы сети Интернет функционируют по разным протоколам.

(2 слайд презентации)

- Какой протокол использует служба WWW?

-Служба WWW использует протокол HTTP – протокол передачи гипертекста.

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

Гипертекст – это текст, содержащий гиперссылки, т.е. некоторое слово или объект для перехода на другой фрагмент документа или на другую Web-страницу.

-Как называют все документы службы WWW?

-Все документы службы WWW называют Web-документами, Web-страницами, HTML-документами. Каждая Web-страница имеет свой собственный URL-адрес.

- Что такое сайт?

-Сайт – это группа взаимосвязанных Web-страниц, объединённых или единой тематикой, или единым авторством, или единым владельцем.

-А кто знает, как делаются сайты и соответственно все его страницы?

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

- Как можно назвать все эти команды, объединив их одним признаком – назначением?

     - Все эти команды предназначены для разметки гипер-страниц сайтов, поэтому можно их назвать не командами разметки, а «языком» разметки гипер-страниц. (если у детей не получается сформулировать сразу ответ на вопрос, необходимо задать наводящие вопросы, чтобы они сами пришли к вышеописанному выводу)

(3 слайд презентации)

- Все верно. Поэтому сегодня мы с вами ознакомимся с некоторыми частями этого «языка разметки документов». Поэтому тема сегодняшнего нашего занятия – «Язык разметки документов»

 

 

III. Постановка цели занятия перед обучающимися:

         - ознакомиться с основными понятиями гипертекстовых технологий

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

         - научиться применять эти основные команды для связывания созданных веб-страниц.

 

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

1)    Изучение основных понятий (4 слайд презентации)

(разбор понятий с приведением примеров самими обучающимися)

2)    Изучение структуры тегов (5 слайд презентации)

3)    Рассмотрение общей структуры документов HTML(6 слайд презентации)

(записать структуру в тетради для образца с объяснением назначения каждого тега)

4)    Рассмотрение элементов заголовка html-документа (тэг HEAD) и его параметров(7 слайд презентации)

5)    Рассмотрение элементовстиля и форматирования текста.(8-12 слайд презентации)

6)    Рассмотрение использования тега создания гиперссылок.(13 слайд презентации)

7)    Рассмотрениеиспользования тегов создания и изменения фона и цвета веб-страниц (14 слайд презентации)

8)    Рассмотрение использования тега вставки рисунка (15 слайд презентации)

Примечание:

         Все теги записываются детьми в тетради с целью дальнейшего использования при выполнении практической работы. При рассмотрении необходимо преподавателю одновременно демонстрировать действие этих тегов.

 

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

         1. Фронтальный опрос по теоретической части изученного материала

         2. Практическая работа по созданию элементарной веб-страницы в текстовом редакторе Блокнот, используя ранее изученные теги. (Структура и содержание страниц свободное, работа проводится в группах по 2-3 человека)

 

VI. Контроль знаний

         - проверка выполненных практических работ и выставление оценок

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

 

VII. Домашнее задание

         - повторить материал изученный на занятии

         - сделать 3 веб-страницы и используя, тег создания гиперссылок связать их между собой.

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Открытый урок по теме: "Язык разметки гипер-документов""

Получите профессию

Менеджер по туризму

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Получите профессию

Технолог-калькулятор общественного питания

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 625 809 материалов в базе

Скачать материал

Другие материалы

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

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 19.07.2016 790
    • ZIP 205.1 кбайт
    • Оцените материал:
  • Настоящий материал опубликован пользователем Фомичева Ольга Юрьевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    Фомичева Ольга Юрьевна
    Фомичева Ольга Юрьевна
    • На сайте: 7 лет и 8 месяцев
    • Подписчики: 2
    • Всего просмотров: 8023
    • Всего материалов: 5

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Курс профессиональной переподготовки

Няня

Няня

500/1000 ч.

Подать заявку О курсе

Курс повышения квалификации

Особенности подготовки к сдаче ОГЭ по информатике и ИКТ в условиях реализации ФГОС ООО

36 ч. — 180 ч.

от 1700 руб. от 850 руб.
Подать заявку О курсе
  • Сейчас обучается 108 человек из 39 регионов

Курс профессиональной переподготовки

Педагогическая деятельность по проектированию и реализации образовательного процесса в общеобразовательных организациях (предмет "Информатика")

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

300 ч. — 1200 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе

Курс профессиональной переподготовки

Математика и информатика: теория и методика преподавания в профессиональном образовании

Преподаватель математики и информатики

500/1000 ч.

от 8900 руб. от 4450 руб.
Подать заявку О курсе
  • Сейчас обучается 44 человека из 22 регионов

Мини-курс

Эффективное продвижение и организация проектов в сфере искусства

3 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Основы психологии личности: от нарциссизма к творчеству

8 ч.

1180 руб. 590 руб.
Подать заявку О курсе
  • Сейчас обучается 36 человек из 19 регионов

Мини-курс

Занимательное обучение русскому языку: основы орфоэпии и тайны русской орфографии

3 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 35 человек из 22 регионов