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

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)

Форма государства Форма государства 270
Фактографические информационные системы Фактографические информационные системы 291
Лекция 1. АНТРОСОЦИОГЕНЕЗ Лекция 1. АНТРОСОЦИОГЕНЕЗ 220
1-ОПУТ-16 1-ОПУТ-16 187
Стандарты ИСО серии 9000. Цикл PDCA и основные принципы менеджмента качества Стандарты ИСО серии 9000. Цикл PDCA и основные принципы менеджмента качества 281
Проект Проект "Нет в России семьи такой, гдеб не памятен был свой герой" 256
Герой и защитник Отечества Герой и защитник Отечества 213
Особенности организации воспитательно - образовательного процесса в Особенности организации воспитательно - образовательного процесса в 202
Мимика и жесты как средства невербального общения Мимика и жесты как средства невербального общения 720
Технологии успешного поиска работы Технологии успешного поиска работы 516
Основные законы композиции, их роль в дизайне Выполнила: Михалькова Е Основные законы композиции, их роль в дизайне Выполнила: Михалькова Е 208
Математическое моделирование Математическое моделирование 199
Сочинение-описание по картине «Портрет И.С. Тургенева» Сочинение-описание по картине «Портрет И.С. Тургенева» 446
Соединения алюминия Соединения алюминия 220
Cкульптура как вид искусства Cкульптура как вид искусства 504
Информационно - познавательная викторина по ЗОЖ и профилактике ВИЧ-инфекции Информационно - познавательная викторина по ЗОЖ и профилактике ВИЧ-инфекции 278
1 Кислотно-основное титрование Ацидиметрия – титранты, растворы сильных кислот 1 Кислотно-основное титрование Ацидиметрия – титранты, растворы сильных кислот 433
Гипоидная Передача Гипоидная Передача 281

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

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

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

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

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

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

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