Язык гипертекстовой разметки HTML
презентация к уроку информатики и икт (11 класс) по теме

Паньженская Ольга Вениаминовна
Опубликовано 04.12.2011 - 1:29 - Паньженская Ольга Вениаминовна

В презентации отражена история создания Интернета, приведены схемы организации Web-страниц. Подробно разобраны самые основные дескрипторы языка HTML.

Скачать:

ВложениеРазмер
Office presentation icon uroki_po_html1.ppt1.18 МБ

Предварительный просмотр:


Подписи к слайдам:

Слайд 1

Технология создания Web- страниц Интернет и WWW Язык HTML Выход

Слайд 2

W orld W ide W eb и ее место в мировой сети Сеть W orld W ide W eb представляет собой глобальный мировой ресурс информации, доступ к которому открыт для всех пользователей Интернет Приложения Microsoft Office позволяют сохранять текстовые документы, электронные таблицы, реляционные БД, презентации в формате Web -страницы Гораздо больше возможностей представляют редакторы Web -страницы Microsoft FrontPage Macromedia Dreamweaver

Слайд 3

Как работает Интернет Схема распределения адресов IP- провайдерами Интернет 193.124.255.118 Пользователи Интернет 193.124.93.255 193.124.255.117 193.124.94.17 193.124.255.0-193.124.255.255 193.125.93.0-193.125.94.255 Серверы локальных сетей 193.124.0.0-193.125.255.255 Провайдеры Интернет

Слайд 4

Сеть W orld W ide W eb родилась в 1989 году в Женеве, Швейцария. Придумал мировую паутину Тим Бернерс-Ли (Tim Berners-Lee) , сотрудник сервисного компьютерного центра Европейского центра ядерных исследований ( CERN ). Он работал над созданием системы, позволяющей научным центрам в разных частях мира совместно работать над научными проектами и создавать гиперссылки на документы, хранящиеся на разных компьютерах. Enquire – система маркирования гипертекста, созданная еще в 1980 – ранний прототип будущего языка HTML Еще более ранний предшественник – GML (Generalized Markup Language) – язык обобщенной разметки. Разработан Чарльзом Гольдфардом в 1969 г В 1986 г этому языку, переименованному в SGML , был присвоен статус международного стандарта W orld W ide W eb и ее место в мировой сети

Слайд 5

Отсутствие каких-либо централизованных органов управления и контроля. WWW никому не принадлежит. Универсальность, стандартность и аппаратная независимость протоколов обмена данными HTTP (Hypertext Transfer Protokol) – протокол передачи гипертекстовых файлов. Используется для передачи HTML -файлов по сети Web -страниц URL (Universal Resource Locator) – Унифицированный указатель информационного ресурса. HTML (HyperText Markup Language) – стандартный язык для создания Web -страниц Динамическое согласование форматов документов Базовые принципы работы WWW

Слайд 6

WWW - основная часть сети Интернет. Web Информационный ресурс Коллекция документов и программ для их просмотра Soft Internet Средство передачи данных по сети Система компьютеров, объединенных в сеть с помощью кабелей, опоясавших весь мир Hard

Слайд 7

Web- страница – это текстовый файл с управляющими дескрипторами языка HTML Файлы Web -станиц содержатся на Web -серверах Для из просмотра используются программы-обозреватели : Microsoft Internet Explorer, Netscape Navigator Web -сервером может быть любой компьютер, подключенный к Internet , на который установлено специальное ПО, например, Apache или IIS

Слайд 8

Домены высшего уровня, доменные суффиксы разных стран. gov – правительственные организации mil - военные организации com - коммерческие организации net - организации, предоставляющие сетевые услуги Edu – образовательные организации ru,su- Россия nl- Голландия jp- Япония uk- Великобритания no- Норвегия Au - Австралия Ca - Канада Fr - Франция Us - США Hu -Венгрия Fi -Финляндия Ua - Украина HTTP: // www. домен_органицации.суффикс/путь/имя файла

Слайд 9

Размещение страниц на Web -узле Index.htm Стр.1 Стр.2 Стр.3 Последовательное размещение страниц на Web -узле Таблица Web -страниц Index.htm Стр.1.1 Стр.1.2 Стр.1.3 Стр.2 Стр.2.1 Стр.2.2 Стр.2.3 Стр.3 Стр.3.1 Стр.3.2 Стр.3.3

Слайд 10

Сетевая структура Web -узла Стр. 2 Стр.2.1 Стр.2.2 Стр.2.3 Index.htm Стр.1. Стр.3 Стр.3.1 Стр.3.2 Стр.3.3 Стр.1.1

Слайд 11

Рекомендации Время загрузки страницы не должно превышать 5 секунд Время загрузки зависит от размера страницы и от скорости подключения компьютера пользователя: аналоговый модем за 5 сек – 20 Кбайт, кабельный модем или ISDN – за 5 сек – 60-80 Кбайт Чем важнее страница и чем чаще она должна появляться, тем быстрее она должна загружаться .

Слайд 12

HTML HTML – язык гипертекстовой разметки Web -страниц – является компьютерным языком программирования для разработки Web- страниц HTML – коллекция управляющих символов -дескрипторов для добавления, форматирования и позиционирования элементов Web- страницы. Обязательные дескрипторы Работа с текстом Графика на Web- страницах Гиперссылка

Слайд 13

Основные разделы документа HTML. Обязательные дескрипторы. - начало страницы - оформление заголовка страницы заголовок, автор … - текст и основная часть страницы Оглавление

Слайд 14

Работа с текстом ваш заголовок

ваш текст

- создание абзаца ALIGN=“left” – выравнивание текста по левой стороне ALIGN=“right” – выравнивание текста по правой стороне ALIGN=“center” – выравнивание теста по центру ALIGN=“justify” - выравнивание теста по ширине … - не позволяет разрывать текст на строке
- прерывание текста, перенос на следующую строку .. - жирный .. - курсив .. - подчеркивание .. - перечеркивание Далее Назад

Слайд 15

Выравнивание текста абзаца <Р ALIGN="left" >Абзац выровнен влево <Р ALIGN="center" >Абзац выровнен по центру <Р ALIGN="right" >Абзац выровнен вправо <Р ALIGN="justify" >Абзац выровнен по ширине

Этот o т текст всегда должен оставаться в одной строке

Слайд 17

Нумерованный список Для создания нумерованного списка используется комбинация двух пар дескрипторов. < OL >... устанавливают начало и конец нумерованного списка, < LI >... отмечают отдельные пункты списка. <Н2>Типы списков < OL > < LI >Нумерованный< / LI > < LI >Маркированный < LI >Многоуровневый

Слайд 18

Текст пункта списка должен быть в пределах нескольких строк, иначе список перестает восприниматься как одно целое и теряется смысл его применения. По умолчанию пункты списка нумеруются последовательно цифрами 1, 2, 3 и т.д. Чтобы изменить способ нумерации пунктов списка, воспользуйтесь атрибутами TYPE , START и VALUE . Тип нумерованного списка устанавливается с помощью атрибута type дескриптора < OL >. Значения атрибута TYPE Значение атрибута type Тип нумерации пунктов списка “ 1” 1 ,2,3,4 “ i” i,ii,iii,iv “ I” I,II,III,IV “ A” A,B,C,D “ a” a,b,c,d

Слайд 19

Некоторые номера списка могут быть пропущены, и текущему пункту, заданному дескриптором < LI >, присваивается номер с помощью атрибута VALUE . Все следующие пункты списка будут нумероваться последова-тельно, начиная с номера, заданного в атрибуте VALUE . <Н2>Управление нумерацией пунктов списка < OL START ='3'> < LI > Ha чнем список с пункта 3 < LI > C л e дующий пункт c писк a < LI VALUE ='7'>Продолжим список с пункта 7 < LI >Следующий пункт c писк a Установка номера пунктов списка с помощью атрибута START в дескрипторе < OL >

Слайд 20

Маркированный список Для создания маркированного списка используется комбинация двух пар дескрипторов. < UL >... устанавливают начало и конец маркированного списка, < LI >... отмечают отдельные пункты списка. С помощью атрибута TYPE можно изменить тип маркера. Установка атрибута TYPE в дескрипторе < UL > применяет тип маркера ко всем пунктам списка. Данный атрибут в дескрипторе < LI > изменяет маркер текущего пункта, сохраняя прежними маркеры остальных пунктов списка

Слайд 21

<Н2 > Маркированный список < UL TYPE =' circle '> < LI >Яблоко < LI TYPE= ' disc '>Груша < LI >Слива < LI TYPE =' square '>Вишня < LI >Черешня • - disk ○ - circle ■ - square Значение атрибута TYPE в маркированном списке

Слайд 22

Многоуровневый список < H2 >Многоуровневые списки < OL > < LI >Нумерованный < OL > < LI >Пункт 1 < LI >Пункт 2 < LI >Пункт 3 < LI >Маркированный < UL > < LI >Первый вариант < LI >Второй вариант < LI >Третий вариант < LI > Смешанный

  1. Пункт a
  2. Пункт b
    3. < LI >Пункт c Многоуровневый список – сочетание дескрипторов
      и