internetSimilar presentations:
Способы создания сайтов. Понятие о языке 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 MarkupLanguage) – это
язык разметки
гипертекста
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Приведите примеры
тегов…