Презентация, доклад к уроку информатики Первый урок по HTML

Содержание

Hyper Text Markup Language – язык гипертекстовой разметки.HTML - специальные инструкции браузеру, с помощью которых создаются веб-сайты.HTML

Слайд 1«Язык разметки гипертекста HTML»
Учитель информатики и ИКТ
ГБОУ СОШ №771 г.

Москва
Васина Ольга Витальевна
«Язык разметки гипертекста HTML» Учитель информатики и ИКТГБОУ СОШ №771 г. МоскваВасина Ольга Витальевна

Слайд 2Hyper Text Markup Language – язык гипертекстовой разметки.

HTML - специальные инструкции

браузеру, с помощью которых создаются веб-сайты.





HTML

Hyper Text Markup Language – язык гипертекстовой разметки.HTML - специальные инструкции браузеру, с помощью которых создаются веб-сайты.HTML

Слайд 3
Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы,

серверы или ресурсы с возможностями выполнения переходов.

Гипертекст

Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или ресурсы с возможностями выполнения

Слайд 4 Описательный язык разметки HTML имеет свои команды, которые называются

тегами.

Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>.




Одинарные

Двойные

ТЕГ

Пример:  
….
 

Пример:

Тег

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

Слайд 5

Двойные теги бывают:



Пример:   ….  

!Теги не чувствительны к регистру!
=

открывающиеся

закрывающиеся

Двойные теги бывают:

Слайд 6 Они передают программе просмотра страницы основную информацию для идентификации

и организации документа.

Три самых важных управляющих кода


….








Они передают программе просмотра страницы основную информацию для идентификации и организации документа. Три самых важных

Слайд 7Эти тэги помещаются соответственно в начале и конце всего документа, чтобы

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

….

Эти тэги помещаются соответственно в начале и конце всего документа, чтобы обозначить текст как действительный документ на

Слайд 8Эта пара тэгов указывает на начало и конец заголовка документа.


Эта пара тэгов указывает на начало и конец заголовка документа. …

Слайд 9Всё, что находится между этими тэгами, читается браузером как название документа. 

Пример:


Всё, что находится между этими тэгами, читается браузером как название документа. Пример:…

Слайд 10Всё, что находится между этими тэгами отображается на веб-странице. 

Пример:


Всё, что находится между этими тэгами отображается на веб-странице. Пример: …

Слайд 11


Текст заголовка окна


Текст документа, тэги



Общий вид страницы

Текст заголовка окна

Слайд 12Документ гипертекстовой разметки имеет расширение *.html
Создание документа HTML

Документ гипертекстовой разметки имеет расширение *.htmlСоздание документа HTML

Слайд 13Создать текстовый документ (блокнот).

2. Записать в него структуру документа HTML.

3. Записать

данные Вашей Web-страницы.

4. Сохранить документ с расширением *.html.

5. Открыть страницу браузера.

Алгоритм написания
документа:

Создать текстовый документ (блокнот).2. Записать в него структуру документа HTML.3. Записать данные Вашей Web-страницы.4. Сохранить документ с

Слайд 14

Название Web-страницы


Приветствую тебя, посетитель моего сайта.
Меня зовут Ваня.

Мне 14 лет. Это моя первая Web-страница.
Я размещу эту страницу в Интернете.


Пример кода
Веб-страницы

Название Web-страницы Приветствую тебя, посетитель моего сайта.Меня зовут Ваня. Мне 14 лет. Это моя первая Web-страница.

Слайд 15Задание:
Создать Ваб-страницу по образцу:


Название Web-страницы


Приветствую тебя, посетитель моего сайта.
Меня

зовут Ваня. Мне 14 лет. Это моя первая Web-страница.
Я размещу эту страницу в Интернете.



Дописать 2-3 предложения в тэг

Задание:Создать Ваб-страницу по образцу: Название Web-страницы Приветствую тебя, посетитель моего сайта.Меня зовут Ваня. Мне 14 лет. Это

Слайд 16 Изменим цвет фона странички.
Для

этого в тег добавим атрибут bgcolor:

Самостоятельно измените цвет, набирая сочетания букв латинского алфавита или используя готовые наборы из Интернета.
Цвет текста:

Цвета и атрибуты

Изменим цвет фона странички.    Для этого в тег добавим атрибут bgcolor:

Слайд 17Выучить конспект;
Выбрать тему для своего Ваб-сайта оп информатике, записать структуру в

тетрадь;

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

Выучить конспект;Выбрать тему для своего Ваб-сайта оп информатике, записать структуру в тетрадь;Домашнее задание

Слайд 18Список использованных
источников:
Список использованных печатных источников:
-Информатика и ИКТ : учебник

для 8 класса / Н.д. Угринович. – 5-е изд.- М.: БИНОМ. Лаборатория знаний, 2011.- 178 с.
Ссылки на страницы материалов в Интернете:
-Кривенцов Л. А. Конспект и презентация к уроку информатики «Язык разметки гипертекста HTML»  http://www.uchportal.ru/load/17-1-0-16370;
-Сайт: Что такое HTML. Введение в HTML: с помощью чего создаются web-страницы http://www.on-line-teaching.com/html/lsn001.html


Список использованных источников: Список использованных печатных источников:-Информатика и ИКТ : учебник для 8 класса / Н.д. Угринович.

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть