Инфоурок / Информатика / Презентации / Презентация по информатике на тему "HTML - язык разметки гипертекстовых документов"
Обращаем Ваше внимание: Министерство образования и науки рекомендует в 2017/2018 учебном году включать в программы воспитания и социализации образовательные события, приуроченные к году экологии (2017 год объявлен годом экологии и особо охраняемых природных территорий в Российской Федерации).

Учителям 1-11 классов и воспитателям дошкольных ОУ вместе с ребятами рекомендуем принять участие в международном конкурсе «Законы экологии», приуроченном к году экологии. Участники конкурса проверят свои знания правил поведения на природе, узнают интересные факты о животных и растениях, занесённых в Красную книгу России. Все ученики будут награждены красочными наградными материалами, а учителя получат бесплатные свидетельства о подготовке участников и призёров международного конкурса.

ПРИЁМ ЗАЯВОК ТОЛЬКО ДО 21 ОКТЯБРЯ!

Конкурс "Законы экологии"

Презентация по информатике на тему "HTML - язык разметки гипертекстовых документов"

библиотека
материалов
HTML - язык разметки гипертекстовых документов Основная цель работы: получить...
Введение В Интернете среди огромного количества веб – сайтов можно найти таки...
Теги Примеры тегов HTML:       Примеры парных тегов HTML:            Примеры...
Простейший документ HTML
HTML-документ при осмотре с помощью Internet Explorer
Наглядное представление HTML - страницы
Текстовые гиперссылки
Рисунок на HTML - странице
Наведение мышкой на рисунок
Управление стилем шрифта
Определение элементов фразы
Создание списков
Мультимедиа - объекты в HTML - странице   Мультимедиа в документе   щёлкните...
Создание таблиц в HTML - странице
Размещение нескольких документов
Редактор FrontPage Express
Окно редактора FrontPage Exprеss
Форматирование в редакторе FrontPage Express
Введение гиперссылок
Создание таблиц и форм в FrontPage Express
Изменение свойств тегов HTML
Использование готовых материалов
Правка кода HTML
Мастер форм в FrontPage Express
33 1

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

№ слайда 1 HTML - язык разметки гипертекстовых документов Основная цель работы: получить
Описание слайда:

HTML - язык разметки гипертекстовых документов Основная цель работы: получить общее представление о языке HTML; показать, что все Web – страницы Интернета имеют одну общую черту: они созданы с помощью средств языка HTML, который определяет правила, согласно которым обычный текст представляется в виде HTML – страниц. Задачи работы: рассмотреть процесс создания Web – страниц; показать работу одной из самых простых и удобных программ FrontPage Express для создания Web – страниц.

№ слайда 2 Введение В Интернете среди огромного количества веб – сайтов можно найти таки
Описание слайда:

Введение В Интернете среди огромного количества веб – сайтов можно найти такие, которые позволяют вам разместить на них свою информацию. Но можно разработать веб – сайт и самим. Суть разработки веб – сайта в том, чтобы сделать то, что может увидеть весь мир. Для этого надо создать гипертекстовый документ, который после размещения его в Интернете и будет веб – сайтом. Этот документ создается с использованием специального языка HTML – языка разметки гипертекста – и называется HTML – документом. Существуют программы – редакторы, которые преобразуют созданные в различных программах документы в HTML – документы. Но часто возникает потребность в повышении качества таких документов, в первую очередь это касается их дизайна и объема файла. Именно, поэтому необходимо знание языка HTML. Язык HTML – является языком разметки гипертекста и состоит из элементов, называемых тегами.

№ слайда 3 Теги Примеры тегов HTML:       Примеры парных тегов HTML:            Примеры
Описание слайда:

Теги Примеры тегов HTML: <title> <BoDy> <TABLE> </A> <img> </CenTEr> Примеры парных тегов HTML: <HTML> </HTML> <B> </B> <HEAD> </HEAD> <H3> </H3> <ADDRESS></ADDRESS> <LI> </LI> Примеры одиночных тегов HTML: <BR> <HR> <META> <BASEFONT> <FRAME> <INPUT> Примеры тегов HTML с атрибутами: <BODY BGCOLOR="#000000" TEXT="#FFFFFF" BACKGROUND="RAIN.GIF"> <OPTION SELECTED> <FRAMESRC="file.html" NORESIZE>

№ слайда 4 Простейший документ HTML
Описание слайда:

Простейший документ HTML

№ слайда 5 HTML-документ при осмотре с помощью Internet Explorer
Описание слайда:

HTML-документ при осмотре с помощью Internet Explorer

№ слайда 6 Наглядное представление HTML - страницы
Описание слайда:

Наглядное представление HTML - страницы

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

№ слайда 8 Текстовые гиперссылки
Описание слайда:

Текстовые гиперссылки

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

№ слайда 10 Рисунок на HTML - странице
Описание слайда:

Рисунок на HTML - странице

№ слайда 11 Наведение мышкой на рисунок
Описание слайда:

Наведение мышкой на рисунок

№ слайда 12 Управление стилем шрифта
Описание слайда:

Управление стилем шрифта

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

№ слайда 14 Определение элементов фразы
Описание слайда:

Определение элементов фразы

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

№ слайда 16 Создание списков
Описание слайда:

Создание списков

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

№ слайда 18 Мультимедиа - объекты в HTML - странице   Мультимедиа в документе   щёлкните
Описание слайда:

Мультимедиа - объекты в HTML - странице <HTML> <HEAD> <ТIТLЕ>Мультимедиа в документе<ТIТLЕ> </HEAD> <BODY> <Р><А HREF="music.wav">щёлкните здесь, чтобы послушать музыку</А> <Р>Видеоролик, воспроизводимый в рамках страницы <EMBED SRC="File.avi" WIDTH="200" HEIGHT="200"> </BODY> </НТМL>

№ слайда 19 Создание таблиц в HTML - странице
Описание слайда:

Создание таблиц в HTML - странице

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

№ слайда 21 Размещение нескольких документов
Описание слайда:

Размещение нескольких документов

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

№ слайда 23 Редактор FrontPage Express
Описание слайда:

Редактор FrontPage Express

№ слайда 24 Окно редактора FrontPage Exprеss
Описание слайда:

Окно редактора FrontPage Exprеss

№ слайда 25 Форматирование в редакторе FrontPage Express
Описание слайда:

Форматирование в редакторе FrontPage Express

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

№ слайда 27 Введение гиперссылок
Описание слайда:

Введение гиперссылок

№ слайда 28 Создание таблиц и форм в FrontPage Express
Описание слайда:

Создание таблиц и форм в FrontPage Express

№ слайда 29 Изменение свойств тегов HTML
Описание слайда:

Изменение свойств тегов HTML

№ слайда 30 Использование готовых материалов
Описание слайда:

Использование готовых материалов

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

№ слайда 32 Правка кода HTML
Описание слайда:

Правка кода HTML

№ слайда 33 Мастер форм в FrontPage Express
Описание слайда:

Мастер форм в FrontPage Express


Самые низкие цены на курсы переподготовки

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

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

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

Начало обучения ближайшей группы: 25 октября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru

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

Цель работы: 

получить общее представление о языке HTML;

 показать, что все Web – страницы Интернета имеют одну общую черту: они созданы с помощью средств языка HTML, который определяет правила, согласно которым обычный текст представляется в виде HTML – страниц.

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

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

Номер материала: 428919

Похожие материалы