Презентация на тему: Web- страницы и Web- сайты. Структура Web- страницы

Web- страницы и Web- сайты. Структура Web- страницы
Web- страницы и Web- сайты. Структура Web- страницы
Web- страницы и Web- сайты. Структура Web- страницы
Структура Web- страницы
Web- страницы и Web- сайты. Структура Web- страницы
Web- страницы и Web- сайты. Структура Web- страницы
Заголовок страницы
Содержание страницы
Форматирование текста на Web- странице
Форматирование текста на Web- странице
Форматирование текста на Web- странице
Форматирование текста на Web- странице
Пример Web- страницы
Web- страницы и Web- сайты. Структура Web- страницы
1/14
Средняя оценка: 4.9/5 (всего оценок: 98)
Код скопирован в буфер обмена
Скачать (193 Кб)
1

Первый слайд презентации: Web- страницы и Web- сайты. Структура Web- страницы

Изображение слайда
1/1
2

Слайд 2

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

Изображение слайда
1/1
3

Слайд 3

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

Изображение слайда
1/1
4

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

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

Изображение слайда
1/1
5

Слайд 5

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

Изображение слайда
1/1
6

Слайд 6

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

Изображение слайда
1/1
7

Слайд 7: Заголовок страницы

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

Изображение слайда
1/1
8

Слайд 8: Содержание страницы

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

Изображение слайда
1/1
9

Слайд 9: Форматирование текста на Web- странице

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

Изображение слайда
1/1
10

Слайд 10: Форматирование текста на Web- странице

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

Изображение слайда
1/1
11

Слайд 11: Форматирование текста на Web- странице

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

Изображение слайда
1/1
12

Слайд 12: Форматирование текста на Web- странице

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

Изображение слайда
1/1
13

Слайд 13: Пример 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>

Изображение слайда
1/1
14

Последний слайд презентации: Web- страницы и Web- сайты. Структура Web- страницы

Изображение слайда
Изображение для работы со слайдом
1/2