1.15M
Категория: ИнтернетИнтернет

Способы создания сайтов. Понятие о языке HTML. Структура HTML-документа. 10 класс

1.

Вспомним…
O Определите понятие «Интернет»?
O Какие вы знаете службы сети
Интернет?
O Какая из услуг Интернет является
самой популярной?
O Как называют все документы
службы WWW?
O Что такое Web-сайт?

2.

Сайт – это группа
взаимосвязанных Webстраниц.
Каждая Web-страница
представляет собой HTMLдокумент, т.е. документ,
написанный в специальном
формате HTML (HyperText
Markup Language)

3.

Тема урока:
Способы создания
сайтов. Понятие о языке
HTML. Структура
HTML-документа

4.

HTML (HyperText Markup
Language) – это
язык разметки
гипертекста

5.

Язык разметки гипертекста
HTML позволяет создавать
Web-страницы, которые
можно разместить в сети
Интернет.

6.

Для загрузки и просмотра вебстраниц используются
специальные программы —
браузеры (англ. browser).

7.

ТЕГ - инструкция
браузеру, указывающая
способ отображения
информации.

8.

Атрибут - компонент тега,
содержащий указания о том,
как браузер должен
воспринять и обработать тег.
Синтаксис тега с атрибутом:
<тег атрибут= “значение”>

9.

ОДИНОЧНЫЙ
(ПРИМЕР, <BR>- переход на новую строчку,
<HR>-разделительная линия)
ПАРНЫЙ
(ПРИМЕР, <html> </html>, <body> </body> )

10.

Контейнеры - это парные
теги, содержащие
открывающий и
закрывающий тег.

11.

Задание
Даны теги, определить
парные и одиночные теги:
<H1> </H1>, <Br>, <Hr>,
<Head> </Head>
O Теги пишутся с использованием,
какого алфавита?
O При написании тегов используются
только буквы?

12.

13.

14.

СТРУКТУРНЫЕ ТЕГИ
<html> </html> - начало и конец
страницы
<head> </head> - содержит теги со
служебной информацией, например,
тег <title> </title> - заголовок документа
<body> </body> - непосредственное
содержание документа.

15.

16.

Способы создания сайтов
O «ручное» написание кода на
языке разметки гипертекста HTML
O с помощью конструкторов сайтов
(движков), размещенных в
Интернете и доступных в режиме
on-line
O использование специальных
программных продуктов

17.

Язык HTML является основой
любого гипертекстового
документа, даже если документ
был создан в одном из
конструкторов сайтов или
визуальном редакторе. Просто в
этом случае код на языке HTML
генерируется автоматически
либо движком, либо
программой.

18.

Знание языка HTML позволит
лучше разобраться в структуре
сайта и в случае необходимости
внести в него коррективы
вручную.

19.

20.

Откройте текстовый
редактор Блокнот (Пуск - Все
программы - Стандартные) и
наберите текст,
представленный далее.

21.

<HTML>
<HEAD>
<TITLE>Первое
знакомство с тэгами HTML
</TITLE>
</HEAD>
<BODY> Это моя первая
WEB- страница
</BODY>
</HTML>

22.

Выполните команду [Файл Сохранить]. В разделе Тип файла
укажите «Все файлы». В разделе
Имя файла укажите index.html. В
качестве места сохранения
выберите папку SITE. Нажать
кнопку «Сохранить».
Запустите созданный и
сохраненный файл (он должен
запустится в браузере).

23.

Для внесения изменений можно
выделить (однократным нажатием
левой кнопки мыши) созданный файл,
и в контекстном меню (запускается
однократным нажатием правой кнопки
мыши) выбрать команду Открыть с
помощью-Блокнот. После изменения
или дополнения файл сохранить и
заново запустить или просто обновить
(если WEB-страница не была закрыта)
в окне браузера.

24.

OЧто нового узнали на
уроке?
OЧто такое HTML?
OДля чего он нужен?
OЧто такое тег?
OПриведите примеры
тегов…
English     Русский Правила