Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Презентации / Презентация по информатике 8 класс "Web-страница и Web-cайты"

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


  • Информатика

Поделитесь материалом с коллегами:

Web-страницы и Web-сайты. Структура Web-страницы
Web-страницы создаются с использованием языка разметки гипертекстовых докумен...
Для создания Web-страницы используется простейший текстовый редактор (блокнот...
Web-страница сохраняется в виде файла с разрешением .htm или .html Пример: in...
Web-сайты Публикации во Всемирной паутине реализуются в форме Web-сайтов, кот...
Web-сайт Состоит из компьютерных Web – страниц. Так же он должен содержать си...
Прежде чем разместить свой Web-сайт на сервере в Интернете, его необходимо тщ...
Структура Web-страницы HTML-теги заключаются в угловые скобки и могут быть од...
HTML – код страницы помещается в контейнер   Без этих тегов браузер не сможет...
Web-страница разделяется на 2 логические части: Заголовок; Содержание. Структ...
Заголовок страницы Заголовок страницы помещается в контейнер  и содержит назв...
Содержание страницы Отображаемое содержание страницы помещается в контейнер...
Форматирование текста на Web-странице Абзацы. Разделение текста на абзацы про...
Шрифт. Параметры форматирования шрифта задаются с помощью тега FONT и его атр...
Выравнивание текста. Задается с помощью атрибута ALIGN. Выравнивание по левом...
Тег  . Создает жирный текст. Тег  . Создает наклонный текст (курсив). Тег  ....
Пример Web-страницы    Моя первая веб - страница     Web - страница  Создана...
1 из 18

Описание презентации по отдельным слайдам:

№ слайда 1 Web-страницы и Web-сайты. Структура Web-страницы
Описание слайда:

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

№ слайда 2 Web-страницы создаются с использованием языка разметки гипертекстовых докумен
Описание слайда:

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

№ слайда 3 Для создания Web-страницы используется простейший текстовый редактор (блокнот
Описание слайда:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

№ слайда 13 Форматирование текста на Web-странице Абзацы. Разделение текста на абзацы про
Описание слайда:

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

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

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

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

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

№ слайда 16 Тег  . Создает жирный текст. Тег  . Создает наклонный текст (курсив). Тег  .
Описание слайда:

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

№ слайда 17 Пример Web-страницы    Моя первая веб - страница     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>

№ слайда 18
Описание слайда:


Автор
Дата добавления 06.04.2016
Раздел Информатика
Подраздел Презентации
Просмотров356
Номер материала ДБ-013024
Получить свидетельство о публикации

Похожие материалы

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