844983
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
Добавить материал и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
ИнфоурокИнформатикаПрезентацииКонспект урока + презентация по информатике для 9 класса «Основы языка HTML»

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

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

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

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

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

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
Здравствуйте, это моя первая страница.


Добро пожаловать! :)
Курс профессиональной переподготовки
Учитель информатики
Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:
также Вы можете выбрать тип материала:
Краткое описание документа:

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

Данный файл содержит конспект урока и презентацию по теме «Основы языка 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-страницы.

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

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

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

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