Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

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

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

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

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

Презентация на тему Что такое web-страницы?

Содержание

Какие бывают Web-страницы?статические – существуют на сервере в виде готовых файлов: *.htm, *.htmlдинамические – полностью или частично создаются на сервере в момент запроса (выбор
Что такое Web-страницы?Гиперссылка – «активная»ссылка на другой документ.Гипертекст – текст, содержащий гиперссылки.Гипермедиа-документ Какие бывают Web-страницы?статические – существуют на сервере в виде Язык HTMLHTML = Hypertext Markup Language (язык разметки гипертекста)HTML-страница – это текстовый файл (Блокнот):Моя страницаПривет!…index.html ТэгиТэг – это команда языка HTML, которую выполняет браузер:непарные тэгипарные тэги (контейнеры)вставить Простейшая Web-страницаМоя первая Web-страницаПривет! first.htmlМоя первая Web-страницашапка («голова») Привет!основная часть («тело») Заголовки: H1 … H6Заголовок документаЗаголовок разделаЗаголовок подразделаЗаголовок параграфаКомментарийАвторские пометкивыравнивание:Историяleft, center, right Абзацыпереход на новую строкуабзац (с отступами)И вечный бой! Покой нам только снитсяСквозь ВыравниваниеЭтот текст выровнен по центру.Этот текст выровнен по ширине.Этот текст выровнен по Физическая разметка Специальные символы - мнемоники Маркированные спискиВася ПетяКоляunordered list (неупорядоченный список) list item (элемент Нумерованные спискиВася ПетяКоляordered list (упорядоченный список) изменение нумерации:...1, i, I, a, A Списки определенийкомпьютер устройство для обработки информациидискетагибкий магнитный дисквинчестержесткий магнитный Многоуровневые списки Города России       Города Украины      Москва   Санкт-Петерург   Киев   Одесса Форматированный текст (тексты программ)program qq;var a, b: integer;begin writeln( Тэг BODY – общие свойства страницыцвет фона и текстацвет гиперссылокПривет!...цвет текста цвет Кодирование цветаимена red, green, blue, magenta, black, шестнадцатеричные кодыwhiteRGB# F F 0 Тэг FONT – свойства блока текстацвет текстаразмер шрифтаПривет!Как дела?Привет!Как дела?от 1 до 7(3 – нормальный) Линия-разделительhorizontal rule ширина в пикселях или процентахтолщинавыравнивание
Слайды презентации

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

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

виде готовых файлов:

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

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

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

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

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

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


Моя страница


Привет!
…


index.html

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

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

браузер:
непарные тэги


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

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

...

открывающий


закрывающий

область действия тэга: описание таблицы

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


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


Привет!



first.html

Моя первая

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

Web-страница

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

Привет!

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

Слайд 6 Заголовки: H1 … H6

Заголовок документа
Заголовок раздела
Заголовок подраздела
Заголовок параграфа
Комментарий
Авторские

Заголовки: H1 … H6Заголовок документаЗаголовок разделаЗаголовок подразделаЗаголовок параграфаКомментарийАвторские пометкивыравнивание:Историяleft, center, right

пометки

выравнивание:
История
left,
center,
right

Слайд 7 Абзацы
переход на новую строку




абзац (с отступами)
И вечный бой!

Абзацыпереход на новую строкуабзац (с отступами)И вечный бой! Покой нам только

Покой
нам только снится

Сквозь кровь и пыль...

Летит, летит степная


кобылица

И мнет ковыль...


Одно физическое тело захотело поменять три своих старых варежки
на что-нибудь хорошее.


До самого вечера тело с варежками ...


Слайд 8 Выравнивание

Этот текст выровнен по центру.


Этот текст

ВыравниваниеЭтот текст выровнен по центру.Этот текст выровнен по ширине.Этот текст выровнен

выровнен по ширине.
Этот текст выровнен по ширине.
Этот текст выровнен

по ширине.
Этот текст выровнен по ширине.


left по левой границе
right по правой границе
center по центру
justify по ширине

атрибут тэга


Слайд 9 Физическая разметка

Физическая разметка

Слайд 10 Специальные символы - мнемоники

Специальные символы - мнемоники

Слайд 11 Маркированные списки

Вася
Петя
Коля

unordered list (неупорядоченный список)
list

Маркированные спискиВася ПетяКоляunordered list (неупорядоченный список) list item (элемент списка) изменение

item (элемент списка)
изменение маркера:

...

disk 
circle

○
square ■

Слайд 12 Нумерованные списки

Вася
Петя
Коля

ordered list (упорядоченный список)
изменение

Нумерованные спискиВася ПетяКоляordered list (упорядоченный список) изменение нумерации:...1, i, I, a, A

нумерации:

...

1, i, I, a, A

Слайд 13 Списки определений

компьютер
устройство для обработки информации
дискета
гибкий магнитный

Списки определенийкомпьютер устройство для обработки информациидискетагибкий магнитный дисквинчестержесткий магнитный дискdefinition list

диск
винчестер
жесткий магнитный диск

definition list (список определений)
definition term (термин)


definition description (описание)

Слайд 14 Многоуровневые списки
Города России       



Города Украины   




  Москва   Санкт-Петерург
  Киев   Одесса

Многоуровневые списки Города России       Города Украины      Москва   Санкт-Петерург   Киев   Одесса

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