Презентация, доклад по информатике 8 класс Web-страница и Web-cайты

Содержание

Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language).В обычный текстовый документ вставляются управляющие символы – HTML-теги, которые определяют вид страницы в Web-браузере.Достоинство Web-страницы – возможность просмотра в различных ОС

Слайд 1Web-страницы и Web-сайты. Структура Web-страницы

Web-страницы и Web-сайты. Структура Web-страницы

Слайд 2Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text

Markup Language).
В обычный текстовый документ вставляются управляющие символы – HTML-теги, которые определяют вид страницы в Web-браузере.
Достоинство Web-страницы – возможность просмотра в различных ОС
Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language).В обычный текстовый документ вставляются

Слайд 3Для создания Web-страницы используется простейший текстовый редактор (блокнот), которые не включаются

в создаемый документ управляющие символы форматирования текста самого редактора
Создание Web-страницы требует знания синтаксиса языка. Поэтому для создания применяются специальные Webредакторы

Для создания Web-страницы используется простейший текстовый редактор (блокнот), которые не включаются в создаемый документ управляющие символы форматирования

Слайд 4Web-страница сохраняется в виде файла с разрешением .htm или .html
Пример: index.htm





Web-страница сохраняется в виде файла с разрешением .htm или .htmlПример: index.htm

Слайд 5Web-сайты
Публикации во Всемирной паутине реализуются в форме Web-сайтов, которые содержат материал

по определенной теме или проблеме.
Например, государственные структуры и организации обычно создают официальные Web-сайты, на которых размещают информацию о свой деятельности
Web-сайтыПубликации во Всемирной паутине реализуются в форме Web-сайтов, которые содержат материал по определенной теме или проблеме.Например, государственные

Слайд 6Web-сайт
Состоит из компьютерных Web – страниц.

Так же он должен содержать систему

гиперссылок, которая дает возможность пользователю перемещаться по Web-страницам
Web-сайтСостоит из компьютерных Web – страниц.Так же он должен содержать систему гиперссылок, которая дает возможность пользователю перемещаться

Слайд 7Прежде чем разместить свой Web-сайт на сервере в Интернете, его необходимо

тщательно протестировать.
Для публикации Web-сайта необходимо найти место на одном из серверов Интернета.
Многие провайдеры предоставляют своим клиентам возможность бесплатного размещения Web-сайтов на своих серверах.
Прежде чем разместить свой Web-сайт на сервере в Интернете, его необходимо тщательно протестировать.Для публикации Web-сайта необходимо найти

Слайд 8Структура Web-страницы
HTML-теги заключаются в угловые скобки и могут быть одиночными или

парными.
Парные теги (контейнер) содержат открывающий и закрывающий теги. Закрывающий тег содержит прямой слеш (/) перед обозначением.
Теги могут записываться как прописными, так и строчными буквами.

Структура Web-страницыHTML-теги заключаются в угловые скобки и могут быть одиночными или парными.Парные теги (контейнер) содержат открывающий и

Слайд 9HTML – код страницы помещается в контейнер
Без этих тегов

браузер не сможет определить формат документа и правильно его интерпретировать.

Структура Web-страницы

HTML – код страницы помещается в контейнер Без этих тегов браузер не сможет определить формат документа и

Слайд 10Web-страница разделяется на 2 логические части:
Заголовок;
Содержание.
Структура Web-страницы

Web-страница разделяется на 2 логические части:Заголовок;Содержание.Структура Web-страницы

Слайд 11Заголовок страницы
Заголовок страницы помещается в контейнер и содержит название страницы

и справочную информацию о странице (тип кодировки, версия языка HTML и т.д.).
Название страницы помещается в контейнер . При просмотре оно отображается в верхней части браузера.

Заголовок страницыЗаголовок страницы помещается в контейнер и содержит название страницы и справочную информацию о странице (тип кодировки,

Слайд 12Содержание страницы
Отображаемое содержание страницы помещается в контейнер
Тег может иметь

атрибуты. Например:
bgcolor =“black” – задает цвет фона страницы;
text =“white” – задает цвет текста
Содержание страницыОтображаемое содержание страницы помещается в контейнер Тег может иметь атрибуты. Например: bgcolor =“black” – задает цвет

Слайд 13Форматирование текста на Web-странице
Абзацы. Разделение текста на абзацы происходит с помощью

контейнера

. Для каждого абзаца можно задать тип выравнивания и параметры форматирования шрифта.
Заголовки. Размер шрифтов заголовков задается парами тегов от

(самый крупный) до
(самый мелкий).
Форматирование текста на Web-страницеАбзацы. Разделение текста на абзацы происходит с помощью контейнера . Для каждого абзаца можно

Слайд 14Шрифт. Параметры форматирования шрифта задаются с помощью тега FONT и его

атрибутов:
SIZE – определяет размер шрифта;
FACE – определяет гарнитуру шрифта;
COLOR – определяет цвет шрифта.
Пример: Пример текста

Форматирование текста на Web-странице

Шрифт. Параметры форматирования шрифта задаются с помощью тега FONT и его атрибутов:SIZE – определяет размер шрифта; FACE

Слайд 15Выравнивание текста. Задается с помощью атрибута ALIGN.
Выравнивание по левому краю:

ALIGN = “left”
Выравнивание по правому краю: ALIGN = “right”
Выравнивание по центру: ALIGN = “center”
Пример:

текст


Форматирование текста на Web-странице

Выравнивание текста. Задается с помощью атрибута ALIGN. Выравнивание по левому краю: ALIGN = “left”Выравнивание по правому краю:

Слайд 16Тег . Создает жирный текст.
Тег . Создает наклонный текст

(курсив).
Тег
. Используется для перехода на новую строку.

Форматирование текста на Web-странице

Тег . Создает жирный текст.Тег . Создает наклонный текст (курсив). Тег . Используется для перехода на новую

Слайд 17Пример Web-страницы

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

green text = gold>

Web - страница



Создана с помощью программы Блокнот
и языка HTML.


Спасибо за внимание!




Пример Web-страницы Моя первая веб - страница Web - страницаСоздана с помощью программы Блокнот  и языка

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

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


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

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

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

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