Презентация, доклад на тему Создание Web-страниц и Web-сайтов

Содержание

Введение в HTMLОсновой Всемирной «паутины» World Wide Web является язык гипертекстовой разметки HTML.Гипертекст – это способ организации текста, графики и других данных, при котором элементы данных связаны между собой. Связанными могут быть как элементы одного документа,

Слайд 1МОУ ДСОШ №2 Информатика
Создание
Web-страниц
и Web-сайтов
Учитель информатики:
Миронова О.Н.

МОУ ДСОШ №2 ИнформатикаСозданиеWeb-страници Web-сайтовУчитель информатики:Миронова О.Н.

Слайд 2Введение в HTML
Основой Всемирной «паутины» World Wide Web является язык гипертекстовой

разметки HTML.
Гипертекст – это способ организации текста, графики и других данных, при котором элементы данных связаны между собой. Связанными могут быть как элементы одного документа, так и элементы различных документов. Гипертекстовая структура лежит в основе World Wide Web.
World Wide Web или Web – это глобальная система распространения гипертекстовой информации, использующая в качестве каналов транспортировки Интернет.
Введение в HTMLОсновой Всемирной «паутины» World Wide Web является язык гипертекстовой разметки HTML.Гипертекст – это способ организации

Слайд 3Введение в HTML
Гипертекстовые документы в WWW представляются в виде Web-страниц (или,

другими словами, Web-документов). Web-страница обычно содержит разнородную информацию: текст, графику, звуки и даже видео.
Web-сайт (или Web-узел) – это совокупность Web-страниц (нескольких десятков, сотен или даже тысяч), объединенных одной общей темой и помещенных, как правило, на одном узловом компьютере.
Web-сервер – это компьютер, подключенный к Интернету, на котором выполняется специальная программа, обеспечивающая обработку запросов клиентов и выдающая клиентам различные страницы с информацией.
Введение в HTMLГипертекстовые документы в WWW представляются в виде Web-страниц (или, другими словами, Web-документов). Web-страница обычно содержит

Слайд 4Введение в HTML
Браузер – это программа просмотра информационных ресурсов WWW на

компьютере, подключенном к Интернету. Современные программы браузеров работают в соответствии со спецификацией HTML.
Пример: Internet Explorer 4.0, Netscape, Opera, Mozilla.

Введение в HTMLБраузер – это программа просмотра информационных ресурсов WWW на компьютере, подключенном к Интернету. Современные программы

Слайд 5Адресация документов в Web
URL (Uniform Resource Locator – унифицированный локатор ресурса)

– это уникальный адрес файла в Интернете, хранящегося на хост-компьютере, подключенном к Интернету. С помощью URL, независимо от протокола доступа, может быть найдена любая информация в Интернете.

В записи URL используется система адресации хостов, принята в DNS. Аббревиатура DNS обозначает буквенную систему доменных имен – Domain Name System. Согласно этой системе имя каждого хоста состоит из последовательности слов, разделенных точками.

Адресация документов в WebURL (Uniform Resource Locator – унифицированный локатор ресурса) – это уникальный адрес файла в

Слайд 6Адресация документов в Web
http://www.nsu.ru/official/index.xml

http – протокол доступа;
www – тип ресурса (данный

элемент в URLне обязателен);
nsu – домен второго уровня;
ru – домен верхнего уровня;
official – имя каталога;
index.xml – имя файла.
Адресация документов в Webhttp://www.nsu.ru/official/index.xmlhttp – протокол доступа;www – тип ресурса (данный элемент в URLне обязателен);nsu – домен

Слайд 7HTML код
Разметка HTML-документов выполняется с помощью тегов, которые записываются с соблюдением

определенных правил. Теговая модель предполагает разбиение документа на отдельные фрагменты, которые заключаются в теги или начинаются тегом.

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

Слайд 8HTML код
Все теги начинаются с открывающейся угловой скобки

следует текст, определяющий содержание тега, например, TITLE или BODY. Оканчивается тег закрывающейся угловой скобкой >.
Большинство тегов являются парными, то есть для каждого начального тега <Имя> есть конечный тег , в котором к имени тега добавляется косая черта «/» (слэш), например,


Имена в парных тегах должны быть обязательно одинаковыми.
HTML кодВсе теги начинаются с открывающейся угловой скобки .Большинство тегов являются парными, то есть для каждого начального

Слайд 9Общая структура HTML-документа


Название web-страницы



Содержательная часть документа


Общая структура HTML-документа			Название web-страницы				Содержательная часть документа

Слайд 10Оформление текста
и - тег, который создает параграф


Разбиение на абзацы



Опять

ударили в камень звенящие подковы,
затихли в отдалении...


Ходжа Насреддин поднялся; его первые слова
были обращены к ишаку:


- Теперь я понимаю, зачем ты свернул утром
с большой дороги, о презренный сын гнусных деяний своего отца!
Мой халат показался тебе слишком пыльным?





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

Слайд 11Оформление текста

- одиночный тег, который разрывает строки



Разбиение на абзацы



Сияло солнце в

небесах,

Светило во всю мочь,

Была светла морская гладь,

Как зеркало точь-в-точь,

Что очень странно - ведь тогда

Была глухая ночь.




л.Кэрролл




Оформление текста- одиночный тег, который разрывает строки			Разбиение на абзацы				Сияло солнце в небесах, 		Светило во всю мочь, 		Была

Слайд 12Оформление текста
align- атрибут, который выравнивает текст:
align=“right”, align=“left”, align=“center”


Разбиение на абзацы



Ричард

Бах


Единственная


Мы прошли долгий путь, правда?


Впервые мы встретились двадцать пять лет тому назад. Тогда я был
летчиком, очарованным полетом, и пытался найти смысл жизни в показаниях приборов.
Двадцать лет назад наше путешествие привело нас в новый необычный мир, распахнутый
для нас крыльями Чайки.




Оформление текстаalign- атрибут, который выравнивает текст:align=“right”, align=“left”, align=“center”			Разбиение на абзацы				Ричард Бах		Единственная		Мы прошли долгий путь, правда?		Впервые мы встретились

Слайд 13Оформление текста
(x=1, 2 ,..6) - тэг, который отвечает за заголовок.


Примеры

заголовков



Заголовок, представленный элементом h1


Заголовок, представленный элементом h2


Заголовок, представленный элементом h3


Заголовок, представленный элементом h4


Заголовок, представленный элементом h5

Заголовок, представленный элементом h6



Оформление текста (x=1, 2 ,..6) - тэг, который отвечает за заголовок.			Примеры заголовков				Заголовок, представленный элементом h1		Заголовок, представленный элементом

Слайд 14Оформление текста
- одиночный тэг, который рисует линии.
Выравнивание линии:
Ширина линии:


(ширина 25 пикселов)

(ширина 25% от окна браузера)
Цвет линии:

Оформление текста- одиночный тэг, который рисует линии.Выравнивание линии: Ширина линии: (ширина 25 пикселов)

Слайд 15

Свойства горизонтальных линий



Примеры горизонтальных линий
Линия шириной 40%:

Лния шириной 50%, выравнивание

по левому краю:


Линия шириной 75%, выровненная по правому краю:


Линия шириной 90%, толщиной 5 пикселов:


Линия шириной 90%, толщиной 10 пикселов:


Голубая линия толщиной 10 пикселов без тени:


Линия шириной 80% и максимальной толщины:




Оформление текста

Свойства горизонтальных линий				Примеры горизонтальных линий		Линия шириной 40%:				Лния шириной 50%, выравнивание по левому краю:				Линия шириной 75%, выровненная по

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

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


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

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

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

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