Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Презентации / Презентация по информатике на тему "HTML - язык разметки гипертекстовых документов"

Презентация по информатике на тему "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
1 из 33

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

№ слайда 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


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

Цель работы: 

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

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

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

Автор
Дата добавления 07.03.2015
Раздел Информатика
Подраздел Презентации
Просмотров343
Номер материала 428919
Получить свидетельство о публикации


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