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

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)

Региональная геология Региональная геология 469
Логический аппарат исследования систем управления Логический аппарат исследования систем управления 353
Англия в первой половине XIX века Англия в первой половине XIX века 244
Технологические приемы введения добавок в состав аБС Технологические приемы введения добавок в состав аБС 217
50-öд воясö Полье сиктын чуж и с уна челядь. Сиктса уджалысь бать-мамлöн 50-öд воясö Полье сиктын чуж и с уна челядь. Сиктса уджалысь бать-мамлöн 221
История жизни Общий осмотр Отеки на ногах / в поздних ста- диях:асцит, анасарка История жизни Общий осмотр Отеки на ногах / в поздних ста- диях:асцит, анасарка 243
Презентация по русскому языку 7 класс Презентация по русскому языку 7 класс 458
ПРАВООХРАНИТЕЛЬНЫЕ ОРГАНЫ Тема № 2 Судебная власть. Правосудие. Принципы ПРАВООХРАНИТЕЛЬНЫЕ ОРГАНЫ Тема № 2 Судебная власть. Правосудие. Принципы 250
№ 26-27 ДӘРІС Тақырыбы: ДИНАМИКАЛЫҚ ҚАТАРЛАР № 26-27 ДӘРІС Тақырыбы: ДИНАМИКАЛЫҚ ҚАТАРЛАР 298
Human Rights Protection During Armed Conflict Human Rights Protection During Armed Conflict 191
МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ ФЕДЕРАЛЬНОЕ МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ ФЕДЕРАЛЬНОЕ 155
Химическая безопасность Химическая безопасность 1109
КазНМУ имени С.Д. Асфендиярова КазНМУ имени С.Д. Асфендиярова 324
За Веру пострадавший непрославленный новомученик земли Сямженской Анатолий За Веру пострадавший непрославленный новомученик земли Сямженской Анатолий 197
Он в совершенстве постиг психологию того чудесного, странного, милого Он в совершенстве постиг психологию того чудесного, странного, милого 167
Допускаемые напряжения. Пример ГОСТ Р 51365-2009. Оборудование для добычи и Допускаемые напряжения. Пример ГОСТ Р 51365-2009. Оборудование для добычи и 200
АНАЛИЗ* САЙТОВ КОНКУРЕНТОВ * Инструменты анализа трафика конкурентов носят АНАЛИЗ* САЙТОВ КОНКУРЕНТОВ * Инструменты анализа трафика конкурентов носят 282
Основные причины низкой эффективности оказания государственных (муниципальных) услуг Основные причины низкой эффективности оказания государственных (муниципальных) услуг 287

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

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

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

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

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

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

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