Рабочие листы
к вашим урокам
Скачать
1 слайд
Web-страницы и Web-сайты.
Структура Web-страницы
2 слайд
Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language).
В обычный текстовый документ вставляются управляющие символы – HTML-теги, которые определяют вид страницы в Web-браузере.
Достоинство Web-страницы – возможность просмотра в различных ОС
3 слайд
Для создания Web-страницы используется простейший текстовый редактор (блокнот), которые не включаются в создаемый документ управляющие символы форматирования текста самого редактора
Создание Web-страницы требует знания синтаксиса языка. Поэтому для создания применяются специальные Webредакторы
4 слайд
Web-страница сохраняется в виде файла с разрешением .htm или .html
Пример: index.htm
5 слайд
Web-сайты
Публикации во Всемирной паутине реализуются в форме Web-сайтов, которые содержат материал по определенной теме или проблеме.
Например, государственные структуры и организации обычно создают официальные Web-сайты, на которых размещают информацию о свой деятельности
6 слайд
Web-сайт
Состоит из компьютерных Web – страниц.
Так же он должен содержать систему гиперссылок, которая дает возможность пользователю перемещаться по Web-страницам
7 слайд
Прежде чем разместить свой Web-сайт на сервере в Интернете, его необходимо тщательно протестировать.
Для публикации Web-сайта необходимо найти место на одном из серверов Интернета.
Многие провайдеры предоставляют своим клиентам возможность бесплатного размещения Web-сайтов на своих серверах.
8 слайд
Структура Web-страницы
HTML-теги заключаются в угловые скобки и могут быть одиночными или парными.
Парные теги (контейнер) содержат открывающий и закрывающий теги. Закрывающий тег содержит прямой слеш (/) перед обозначением.
Теги могут записываться как прописными, так и строчными буквами.
9 слайд
HTML – код страницы помещается в контейнер <HTML> </HTML>
Без этих тегов браузер не сможет определить формат документа и правильно его интерпретировать.
Структура Web-страницы
10 слайд
Web-страница разделяется на 2 логические части:
Заголовок;
Содержание.
Структура Web-страницы
11 слайд
Заголовок страницы
Заголовок страницы помещается в контейнер <HEAD></HEAD> и содержит название страницы и справочную информацию о странице (тип кодировки, версия языка HTML и т.д.).
Название страницы помещается в контейнер <TITLE></TITLE>. При просмотре оно отображается в верхней части браузера.
12 слайд
Содержание страницы
Отображаемое содержание страницы помещается в контейнер <BODY></BODY>
Тег <BODY></BODY> может иметь атрибуты. Например:
bgcolor =“black” – задает цвет фона страницы;
text =“white” – задает цвет текста
13 слайд
Форматирование текста на Web-странице
Абзацы. Разделение текста на абзацы происходит с помощью контейнера <p></p> . Для каждого абзаца можно задать тип выравнивания и параметры форматирования шрифта.
Заголовки. Размер шрифтов заголовков задается парами тегов от <H1></H1> (самый крупный) до <H6></H6> (самый мелкий).
14 слайд
Шрифт. Параметры форматирования шрифта задаются с помощью тега FONT и его атрибутов:
SIZE – определяет размер шрифта;
FACE – определяет гарнитуру шрифта;
COLOR – определяет цвет шрифта.
Пример: <FONT FACE=“Arial” SIZE = 4 COLOR =“RED”>Пример текста</FONT>
Форматирование текста на Web-странице
15 слайд
Выравнивание текста. Задается с помощью атрибута ALIGN.
Выравнивание по левому краю: ALIGN = “left”
Выравнивание по правому краю: ALIGN = “right”
Выравнивание по центру: ALIGN = “center”
Пример: <H1 ALIGN = “center”>текст</H1>
Форматирование текста на Web-странице
16 слайд
Тег <b></b> . Создает жирный текст.
Тег <i></i> . Создает наклонный текст (курсив).
Тег
. Используется для перехода на новую строку.
Форматирование текста на Web-странице
17 слайд
Пример 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>
и языка HTML. </p>
<p><b>Спасибо за внимание! </b></p>
</body>
</html>
18 слайд
Рабочие листы
к вашим урокам
Скачать
6 663 765 материалов в базе
Настоящий материал опубликован пользователем Леонова Анна Анатольевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс повышения квалификации
36 ч. — 180 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Курс профессиональной переподготовки
600 ч.
Мини-курс
6 ч.
Мини-курс
10 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.