Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Презентации / Конспект урока + презентация по информатике для 9 класса «Основы языка HTML»
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 28 июня.

Подать заявку на курс
  • Информатика

Конспект урока + презентация по информатике для 9 класса «Основы языка HTML»

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

Выбранный для просмотра документ HTML.ppt

библиотека
материалов
Основы языка HTML
World Wide Web или «всемирная паутина»- самая массовая сегодня информационная...
Классическое определение гипертекста, которое дал Нельсон в 1987году,- это «ф...
Гипертекст- это текст со вставленными в него словами (командами) разметки, с...
Web-страницы — это обычные текстовые файлы, в которых с помощью специальных к...
Web-страницы cтатические (с расширениями *.html, *.htm) динамические (с расши...
HTML (HyperText Markup Language) –это специальный язык форматирования текстов...
HTML страница - это обычный текстовый файл имеющий расширение .html
HTML Тег - это специальное указание того как нужно отображать элемент (текст,...
Тэги парные одиночные открывающий закрывающий < > < />
Тэги обязательные необязательные
Структура документа HTML:   Мой первый шаг    Здравствуйте, это моя первая ст...
    ...
Замечание: тэг, который мы открыли первым - закрываем последним, второй – пре...
    ...
    ...
   Доброе утро!   Доброе утро!
Этапы создания Web-страницы: Создаем на диске отдельную директорию (папку) д...
Домашнее задание: Внимательно изучить данный материал. Продумать и набросать...
30 1

Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

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

№ слайда 1
Описание слайда:

№ слайда 2
Описание слайда:

№ слайда 3
Описание слайда:

№ слайда 4
Описание слайда:

№ слайда 5
Описание слайда:

№ слайда 6
Описание слайда:

№ слайда 7
Описание слайда:

№ слайда 8 Основы языка HTML
Описание слайда:

Основы языка HTML

№ слайда 9 World Wide Web или «всемирная паутина»- самая массовая сегодня информационная
Описание слайда:

World Wide Web или «всемирная паутина»- самая массовая сегодня информационная служба Интернета, еще она считается гипертекстовой системой навигации в Интернете.

№ слайда 10 Классическое определение гипертекста, которое дал Нельсон в 1987году,- это «ф
Описание слайда:

Классическое определение гипертекста, которое дал Нельсон в 1987году,- это «форма письма, которое ветвится или осуществляется по запросу».

№ слайда 11 Гипертекст- это текст со вставленными в него словами (командами) разметки, с
Описание слайда:

Гипертекст- это текст со вставленными в него словами (командами) разметки, ссылающимися на другие места этого текста, другие документы, картинки и прочее.

№ слайда 12
Описание слайда:

№ слайда 13
Описание слайда:

№ слайда 14
Описание слайда:

№ слайда 15
Описание слайда:

№ слайда 16 Web-страницы — это обычные текстовые файлы, в которых с помощью специальных к
Описание слайда:

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

№ слайда 17 Web-страницы cтатические (с расширениями *.html, *.htm) динамические (с расши
Описание слайда:

Web-страницы cтатические (с расширениями *.html, *.htm) динамические (с расширениями *.shtml, *.asp, *.php, *.pl)

№ слайда 18 HTML (HyperText Markup Language) –это специальный язык форматирования текстов
Описание слайда:

HTML (HyperText Markup Language) –это специальный язык форматирования текстовых документов.

№ слайда 19 HTML страница - это обычный текстовый файл имеющий расширение .html
Описание слайда:

HTML страница - это обычный текстовый файл имеющий расширение .html

№ слайда 20 HTML Тег - это специальное указание того как нужно отображать элемент (текст,
Описание слайда:

HTML Тег - это специальное указание того как нужно отображать элемент (текст, картинка и т.п.) на странице. Можно рассматривать тег как команду содержащую название и параметры. <ТЕГ>элемент страницы</ТЕГ>

№ слайда 21 Тэги парные одиночные открывающий закрывающий &lt; &gt; &lt; /&gt;
Описание слайда:

Тэги парные одиночные открывающий закрывающий < > < />

№ слайда 22 Тэги обязательные необязательные
Описание слайда:

Тэги обязательные необязательные

№ слайда 23 Структура документа HTML:   Мой первый шаг    Здравствуйте, это моя первая ст
Описание слайда:

Структура документа HTML: <html> <head> <title>Мой первый шаг </title> </head> <body> Здравствуйте, это моя первая страница. <br> Добро пожаловать! :) </body> </html>

№ слайда 24     ...
Описание слайда:

<тэг1> <тэг2> <тэг3> ... </тэг3> </тэг2> </тэг1>

№ слайда 25 Замечание: тэг, который мы открыли первым - закрываем последним, второй – пре
Описание слайда:

Замечание: тэг, который мы открыли первым - закрываем последним, второй – предпоследним и т.д.

№ слайда 26     ...
Описание слайда:

<тэг1> <тэг2> <тэг3> ... </тэг3> </тэг1> </тэг2>

№ слайда 27     ...
Описание слайда:

<тэг1> <тэг2> <тэг3> ... </тэг3> </тэг1> </тэг2>

№ слайда 28    Доброе утро!   Доброе утро!
Описание слайда:

<B> <FONT COLOR=red> Доброе утро! </B> </FONT> <B><FONT COLOR=red>Доброе утро! </FONT></B>

№ слайда 29 Этапы создания Web-страницы: Создаем на диске отдельную директорию (папку) д
Описание слайда:

Этапы создания Web-страницы: Создаем на диске отдельную директорию (папку) для будущей страницы. Создание текстового файла: пишем текстовый документ с помощью любого текстового редактора(например, Блокнота), содержащий команды языка HTML; сохраняем файл с расширением *.htm или *.html.(главную страницу называем index.html ) Просмотр созданной страницы: открываем браузер, выбираем пункт меню Файл-Открыть и находим файл на диске или 2. находим файл в Проводнике (или через Мой компьютер) и «открываем» его, щелкнув дважды по значку. 4. Редактирование страницы: открываем исходный файл *.html в текстовом редакторе (Блокноте); вносим изменения в страницу; сохраняем измененный файл; переходим в окно браузера; 5. обновляем документ(нажав на F5 или кнопку обновления

№ слайда 30 Домашнее задание: Внимательно изучить данный материал. Продумать и набросать
Описание слайда:

Домашнее задание: Внимательно изучить данный материал. Продумать и набросать приблизительный эскиз Вашей будущей Web-страницы.

Выбранный для просмотра документ конспект урока.doc

библиотека
материалов
hello_html_0.gif
Здравствуйте, это моя первая страница.


Добро пожаловать! :)

Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Краткое описание документа:

"Описание материала:

Данный файл содержит конспект урока и презентацию по теме «Основы языка HTML».(продолжительность 2 урока). Рекомендован данный урок в 9 классе.

В нем рассматриваются основные понятия связанные с созданием Web-страниц, с правилами их написания. В начале урока ученикам предлагается решить кроссворд, после решение которого выявляется что ключевое слово есть тема урока. Т.к. по КТП данный урок ближе подходит к празднику День Святого Валентина, то примеры организации Web-страниц соответствуют тематике данного праздника.

Конспект содержит разработанные карточки с теоретическим материалом для учащихся (Структура документа HTML; этапы создания Web-страницы).

"Выдержка из материала:

Урок №1,2

Тема урока: Основы языка HTML.

Тип урока: комбинированный урок.

Цели урока:

  • образовательные: • формировать знания учащихся по теме «Основы языка HTML»;• формировать умение применять полученные теоретические знания по теме «HTML» при работе по созданию сайта.
  • развивающие: • развивать познавательные и исследовательские способности учащихся;• развивать логическое мышление.
  • воспитательные: • воспитывать внимательность, аккуратность, прилежность и дисциплину.

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

Методы, используемые на уроке: лекция, беседа, демонстрация.

Оборудование: • мультимедийный проектор• доска• карточки• презентация

Структура урока №1,2

1. Организационный момент – 2 мин.
2. Проверка дом.задания-2мин.
3. Подготовительный этап – 5 мин.
4. Этап формирование новых знаний – 51 мин.
5. Первичное осмысление и применение изученного – 15 мин.
6. Подведение итога урока – 4 мин.
7. Информация о домашнем задании-1 мин.

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

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

-Здравствуйте, ребята! Садитесь. Кто сегодня отсутствует?(Учитель отмечает отсутствующих.) 

2. Проверка дом.задания

Цель этапа: проверить выполнение дом. задания-У кого-нибудь есть вопросы по выполнению домашнего задания?-Кто не выполнил дом. задание?-В течении урока я проверю как вы выполнили дом. задание.

3. Подготовка учащихся к основному этапу урока.

Цель этапа: мотивация изучения учащимися новой темы, постановка цели урока 

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

Вопросы:1. Параллельные беседы в Интернете или целый мир виртуального общения(chat).(слайд3)2. Всемирная система компьютерных сетей или глобальная сеть…(Internet).(слайд 4)3. Один из российских поисковых указателей в сети Интернет(rambler).(слайд 5)4.

Электронная почта(e-mail).(слайд 6)Выделены цветом буквы по горизонтали H T M L (слайд 7)- Какое слово мы получили после того как отгадали кроссворд?-У кого-нибудь есть вопросы по предстоящей работе?

4. Основной этап урока 

Цель этапа: формировать знания учащихся по теме «Основы языка HTML».

-Как вы понимаете словосочетание «Всемирная паутина»?-Хорошо.(слайд 9)World Wide Web или всемирная паутина- самая массовая сегодня информационная служба Интернета., еще она считается гипертекстовой системой навигации в Интернете.Давайте запишем это определение

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

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

5.Первичное осмысление и применение изученного

Цель этапа: учить применять полученные знания на практике.

-Теперь я вам предлагаю самим попробовать создать страничку сайта, используя тэги которые уже вам известны: создайте Web – страницу, задайте цвет фона и напишите приветствующие слова на ней.У кого будут вопросы по созданию страницы подзывайте меня.

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

Цель этапа: подвести итоги урока.

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

-В каком виде может быть представлен гипертекст: печатном, электронном или др.?

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

1. Внимательно изучить данный материал.

2. Продумать и набросать приблизительный эскиз Вашей будущей Web-страницы.

У кого-нибудь есть вопросы по выполнению домашнего задания?Спасибо за урок. До свидания!

Автор
Дата добавления 27.12.2013
Раздел Информатика
Подраздел Презентации
Просмотров4550
Номер материала 23745122729
Получить свидетельство о публикации
Похожие материалы

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