Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице. - презентация

1 Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице

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

3 Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста самого редактора. В качестве такого редактора в ОС Windows можно использовать стан­дартное приложение Блокнот

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

5

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

7 HTML-код страницы помещается внутрь контейнера {содержимое Web – страницы } ! Без этого контейнера (парных тэгов) создание Web – страницы невозможно

8 Web - страница разделяется на две логические части: заголовок; содержание. Заголовок Web-страницы заключается в контейнер и содержит название страницы и справоч­ную информацию о странице (например, тип кодировки), которая используется браузером для ее правильного отображения

9 Название страницы помещается в контейнер При просмотре отображается в верхней строке окна браузера. Отображаемое в браузере содержание страницы поме­ щается в контейнер Информация Созданную Web - страницу необходимо сохранить в виде файла с расширением htm (в качестве расши­рения файла Web - страницы можно также использовать html). Например: index.htm

10

11 Параметры текста: заголовки; шрифт; выравнивание текста; выравнивание текста; абзацы; добавление горизонтальной линии между строк. добавление горизонтальной линии между строк

12 Размер шрифта заголовков задается парами тэгов от Н1 до Н6 (самый крупный) (самый мелкий). Например: Информатика и ИКТ 8 класс МБОУ-СОШ Вернуться

13 С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта. Атрибут FACE позволяет задать гарнитуру шрифта Например: FACE=Arial Ат­рибут SIZE - размер шрифта Например: SIZE=4 Атрибут COLOR позволяет задавать цвет шрифта Напри­мер: COLOR=blue Значение атрибута COLOR можно за­дать либо названием цвета, либо его шестнадцатеричным значением ( #0000FF) Вернуться

14 Задать способ выравнивания текста позволяет атрибут ALIGN. Выравнивание: по левой границе ALIGN=left по правой границе ALIGN=right по центру ALIGN = center Вернуться

15 Разделение текста на абзацы производится с помощью контейнера Текст Вернуться

16 Заголовки целесообразно отде­лять от остального содержания страницы горизонтальной линией с помощью одиночного тэга

17 1. В программе «Блокнот» набрать следующий код: Bсе о компьютере Фамилия Имя Отчество – Класс (каждые свои данные) И сохранить под следующим именем: informatika8. htm и запустить как Web – страницу. При сохранении «Тип файла» выбираем «Все файлы». 2. Создать страницу о себе

18