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

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

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

Благодаря этой рекламе сайт может продолжать свое существование, спасибо за просмотр.

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

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

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

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

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

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

HTML – код страницы помещается в контейнер <,HTML>, <,/HTML>, Без этих тегов браузер не сможет определить формат документа и правильно его интерпретировать. Структура Web-страницы

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

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

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

Форматирование текста на Web-странице Абзацы. Разделение текста на абзацы происходит с помощью контейнера <,p>,<,/p>, . Для каждого абзаца можно задать тип выравнивания и параметры форматирования шрифта. Заголовки. Размер шрифтов заголовков задается парами тегов от <,H1>,<,/H1>, (самый крупный) до <,H6>,<,/H6>, (самый мелкий).

Шрифт. Параметры форматирования шрифта задаются с помощью тега FONT и его атрибутов: SIZE – определяет размер шрифта, FACE – определяет гарнитуру шрифта, COLOR – определяет цвет шрифта. Пример: <,FONT FACE=“Arial” SIZE = 4 COLOR =“RED”>,Пример текста<,/FONT>, Форматирование текста на Web-странице

Выравнивание текста. Задается с помощью атрибута ALIGN. Выравнивание по левому краю: ALIGN = “left” Выравнивание по правому краю: ALIGN = “right” Выравнивание по центру: ALIGN = “center” Пример: <,H1 ALIGN = “center”>,текст<,/H1>, Форматирование текста на Web-странице

Тег <,b>,<,/b>, . Создает жирный текст. Тег <,i>,<,/i>, . Создает наклонный текст (курсив). Тег <,br>, . Используется для перехода на новую строку. Форматирование текста на Web-странице

Пример Web-страницы <,html>, <,head>, <,title>, Моя первая веб - страница <,/title>, <,/head>, <,body bgcolor = green text = gold>, <,font color = red>, <,H1 align = center text = red>,Web - страница<,/H1>, <,/font>, <,p>,Создана с помощью программы <,i>,Блокнот <,/i>, <,br>, и языка HTML. <,/p>, <,p>,<,b>,Спасибо за внимание! <,/b>,<,/p>, <,/body>, <,/html>,