Презентация, доклад к уроку информатики по теме: Разработка Web-сайтов с использованием языка разметки гипертекста HTML

РАЗРАБОТКА WEB-САЙТОВ С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА РАЗМЕТКИ ГИПЕРТЕКСТА HTML

ИНФОРМАТИКА 8 КЛАСС

ПРАКТИЧЕСКАЯ РАБОТА «РАЗРАБОТКА САЙТА С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА РАЗМЕТКИ ТЕКСТА HTML»

ИНФОРМАТИКА 8 КЛАСС

Практическая работа 3.8 Учебный сайт «Компьютер»

Структура сайта «Компьютер»:

1) Начальная (домашняя) страница;

2) «Программы» (классификация программного обеспечения);

3) «Словарь» (словарь компьютерных терминов);

4) «Анкета» (опрос посетителей сайта).

Стр. 165-166, задания 1-4.

Цель работы: .

Научиться создавать начальную страницу Web-сайт с использованием языка разметки текста HTML в простейшем текстовом редакторе Блокнот.

Вопросы для повторения

Понятие Понятие WebПонятие Web-сайта.
Какие виды Какие виды WebКакие виды Web-сайтов вы знаете?
Какие программы используются для создание Какие программы используются для создание WebКакие программы используются для создание Web –Какие программы используются для создание Web – Какие программы используются для создание Web – страниц?
Структура Структура Web Структура Web - страницы.

Понятие веб-сайта

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

назад

Виды веб-сайтов

Официальные (правительство, Дума, школа…)
Коммерческие
Личные

назад

Программы для создания сайта:

РУЧНЫЕ
1) простейший текстовый редактор
Блокнот
2) браузер для просмотра страниц:
Internet Explorer
3) программа обработки изображений:
Photoshop

назад

Визуальные веб-редакторы

Создание сайта на языке HTML очень трудоемкое, нужны специальные знания.
Есть визуальные веб-редакторы (программы) для создания сайтов. Работают по принципу : что видишь, то и получишь.

назад

СТРУКТУРА WEB- страницы

Web – страницы создаются с использованием языка разметки гипертекстовых документов HTML.
В обычный текстовый документ вставляются управляющие символы –НТМL – теги, которые определяют вид Web – страницы при ее просмотре в браузере.

назад

СТРУКТУРА WEB- страницы

Тэги заключаются в угловые скобки < >
и могут быть
одиночные (неповторяющиеся)
парные (контейнеры): перед закрывающим тэгом контейнера пишут прямой слэш (/)

Тэги пишутся английскими буквами (прописными, строчными).

назад

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

Весь HTML-код страницы помещается внутрь главного контейнера:
.
Web-страница разделяется на
2 логические части:
Заголовок
Содержание

Заголовок веб-страницы

Заголовок Web-страницы
заключается в контейнер (Содержит название страницы и справочную информацию о страницы, которая используется браузером для ее правильного отображения)
Название Web-страницы
содержится в контейнере <ТITLE> и отображается в верхней строке окна браузера при просмотре страницы.

Основное содержание веб-страницы

Основное содержание страницы помещается в контейнер
.
Может содержать: текст, таблицы, бегущие строки, картинки, ссылки, звуковые файлы...

Работаем с интерактивной доской

Собираем Web-страницу

Домашнее задание

Повторить форматирование текста и вставка изображений в Web-страницы
§ 3.7.3 – 3.7.4 стр.115-118