Разделы презентаций

Web- страницы. Язык HTML

Содержание

Web-страницы. Язык HTML© К.Ю. Поляков, 2007-2008Тема 1. Введение

Слайды и текст этой презентации

Слайд 1Web-страницы. Язык HTML
© К.Ю. Поляков, 2007-2008
Введение
Оформление текста
Гиперссылки
Списки
Рисунки
Таблицы
Фреймы
Понятие о JavaScript

Web-страницы. Язык HTML© К.Ю. Поляков, 2007-2008ВведениеОформление текстаГиперссылкиСпискиРисункиТаблицыФреймыПонятие о JavaScript

Слайд 2Web-страницы. Язык HTML
© К.Ю. Поляков, 2007-2008
Тема 1. Введение

Web-страницы. Язык HTML© К.Ю. Поляков, 2007-2008Тема 1. Введение

Слайд 3Что такое Web-страницы?
Гиперссылка – «активная»ссылка на другой документ.
Гипертекст – текст,

содержащий гиперссылки.
Гипермедиа-документ – документ, включающий текст, рисунки, звуки, видео, в

котором любой элемент может быть гиперссылкой.
WWW (World Wide Web) – «всемирная паутина», служба Интернет для обмена информацией в виде гипертекста (и гипермедиа).
Web-страница – текстовый файл, в котором описано размещение материала на экране.
Браузер – программа для просмотра Web-страниц на экране (Internet Explorer, Mozilla Firefox, Opera).
Что такое Web-страницы?Гиперссылка – «активная»ссылка на другой документ.Гипертекст – текст, содержащий гиперссылки.Гипермедиа-документ – документ, включающий текст, рисунки,

Слайд 4Какие бывают Web-страницы?
статические – существуют на сервере в виде

готовых файлов: *.htm, *.html
динамические –

полностью или частично создаются на сервере в момент запроса (выбор информации из базы данных) *.shtml, *.asp, *.pl, *.php

позволяют выбирать информацию из базы данных по заранее неизвестным запросам

дополнительная нагрузка на сервер
загружаются медленнее

Какие бывают Web-страницы?статические – существуют на сервере в виде готовых файлов:

Слайд 5Язык HTML
HTML = Hypertext Markup Language (язык разметки гипертекста)
HTML-страница – это

текстовый файл (Блокнот):


Моя страница


Привет!
…


index.html

Язык HTMLHTML = Hypertext Markup Language (язык разметки гипертекста)HTML-страница – это текстовый файл (Блокнот):Моя страницаПривет!…index.html

Слайд 6Тэги
Тэг – это команда языка HTML, которую выполняет браузер:
непарные тэги


парные

тэги (контейнеры)

вставить рисунок

...

открывающий
закрывающий
область действия

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

Слайд 7Простейшая Web-страница


Моя первая
Web-страница


Привет!



first.html

Моя первая
Web-страница

шапка («голова»)



Привет!

основная часть («тело»)

Простейшая Web-страницаМоя первая Web-страницаПривет! first.htmlМоя первая Web-страницашапка («голова») Привет!основная часть («тело»)

Слайд 8Редактор HEFS
файловые операции
буфер обмена
один экран
запуск
браузера (F9)
назад
вперед


текстовый редактор
браузер (IE)
отмена

Редактор HEFSфайловые операции буфер обмена один экран запускбраузера (F9) назадвперед текстовый редактор браузер (IE)отмена

Слайд 9Кодирование цвета
имена
red, green, blue, magenta, black,
шестнадцатеричные коды
white
R
G
B
# F

F 0 0 0 0
# F F F F F

F

# 0 0 F F F F

# 0 0 0 0 0 0

# A A A A A A

Кодирование цветаимена red, green, blue, magenta, black, шестнадцатеричные кодыwhiteRGB# F F 0 0 0 0# F F

Слайд 10Web-страницы. Язык HTML
© К.Ю. Поляков, 2007-2008
Тема 2. Оформление текста

Web-страницы. Язык HTML© К.Ю. Поляков, 2007-2008Тема 2. Оформление текста

Слайд 11Тэг BODY – общие свойства страницы
цвет фона и текста





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

TEXT="white" BGCOLOR=#00FF00>
Привет!


...

цвет текста
цвет

фона

посещенные ссылки
(visited link)

цвет ссылок

атрибуты тэга

Тэг BODY – общие свойства страницыцвет фона и текстацвет гиперссылокПривет!...цвет текста цвет фона посещенные ссылки(visited link) цвет

Слайд 12Вставка тэгов в HEFS

Вставка тэгов в HEFS

Слайд 13Вставка атрибутов в HEFS
вставить только код цвета

Вставка атрибутов в HEFSвставить только код цвета

Слайд 14цвет текста




размер шрифта
Тэг FONT – свойства блока текста
Привет!

Как дела?

Привет!

COLOR=red
SIZE=6>
Как дела?

от 1 до 7
(3 – нормальный)


цвет текстаразмер шрифтаТэг FONT – свойства блока текстаПривет!Как дела?Привет!Как дела?от 1 до 7(3 – нормальный)

Слайд 15Стили оформления

Стили оформления

Слайд 16Форматированный текст (листинги программ)
program qq;
var a, b: integer;
begin
writeln("Введите

два числа");
read(a,b);
writeln(a,'+',b,'=',a+b);
end.


program qq;
var a, b: integer;
begin

writeln("Введите два числа");
read(a,b);
writeln(a,'+',b,'=',a+b);
end.

отформатированный текст
(preformatted)

Презентация к уроку по технологии ТЕХНИКИ ВЫПОЛНЕНИЯ ИЗДЕЛИЙ ИЗ ПРИРОДНЫХ Презентация к уроку по технологии ТЕХНИКИ ВЫПОЛНЕНИЯ ИЗДЕЛИЙ ИЗ ПРИРОДНЫХ 248
Использование информационно- коммуникационных технологий для Использование информационно- коммуникационных технологий для 222
ШКОЛЬНЫЙ СОВЕТ ДОЮНАЯ ГВАРДИЯ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ ШКОЛЬНЫЙ СОВЕТ ДОЮНАЯ ГВАРДИЯ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ 252
19_Bacillus 19_Bacillus 240
Бухгалтерлік есеп нысандары Бухгалтерлік есеп нысандары 611
Италия Италия 154
С Ломоносовым в сердце… Борчук Ангелина Васильевна, доцент, к. п. н., НОЦ С Ломоносовым в сердце… Борчук Ангелина Васильевна, доцент, к. п. н., НОЦ 181
Основы религиозных культур и светской этики Основы религиозных культур и светской этики 350
Мастер-класс Мастер-класс "Изделия из фоамирана" 197
The Geography of the USA The Geography of the USA 191
Конкурс – олимпиада студентов ОЗТК по математике Математические старты 2018 Конкурс – олимпиада студентов ОЗТК по математике Математические старты 2018 194
1 Выставки. Презентации. Игровые проекты. События. Организация 1 Выставки. Презентации. Игровые проекты. События. Организация 288
Письменность и знания древних египтян Письменность и знания древних египтян 312
Фенологические наблюдения за природой Фенологические наблюдения за природой 419
В некотором царстве, в некотором государстве жила была одна женщина, по имени В некотором царстве, в некотором государстве жила была одна женщина, по имени 260
Глаз Глаз 256
РДШ Атлантида Ревякинская средняя школа Иркутский район Иркутская область РДШ Атлантида Ревякинская средняя школа Иркутский район Иркутская область 192
Алкоголь и охрана труда Алкоголь и охрана труда 349

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

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

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

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

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.

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

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