2.78M

Совершенствование технологии в образовательной деятельности

1.

Муниципальное бюджетное общеобразовательное учреждение
"Арборская основная общеобразовательная школа"
Открытый урок информатики
в 8 классе в рамках заседания муниципального МО
учителей математики, физики и информатики по теме
«Совершенствование технологии в
образовательной деятельности»
Выполнил: Семёнов А.О., учитель
информатики

2.

3.

Интерне́т (англ. Internet, МФА: [ˈɪn.tə.net]) —
всемирная система объединённых
компьютерных сетей для хранения, обработки
и передачи информации. Упоминается как
Всемирная сеть и Глобальная сеть, а также
просто Сеть.

4.

5.

6.

7.

8.

1. Это глобальная компьютерная сеть, в которой
локальные, региональные и корпоративные сети
соединены между собой?
ИНТЕРНЕТ
2. Как называется путь разбиение файлов на
Интернет–пакеты?
Транспортировка данных
3. Интернет–пакетов обеспечивает доставку
информации от компьютера–отправителя к
компьютеру–получателю?
Маршрутизация
4. Первая поисковая система русскоязычного
сегмента сети Интернет?
RAMBLER

9.

10.

Тема урока:
«Разработка сайта с
помощью языка разметки
гипертекстового
документа HTML»

11.

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

12.

HTML (от англ. HyperText Markup Language —
«язык гипертекстовой разметки») —
стандартизированный язык разметки
документов во Всемирной паутине.
Большинство веб-страниц содержат описание
разметки на языке HTML (или XHTML).

13.

Описательный язык разметки HTML имеет свои команды,
которые называются тэгами.
Тэг – это команда языка HTML, которую выполняет
браузер. Тэги заключаются в угловые скобки.
<html>
<head>
<title>
</html>
</head>
</title>
<hr>

14.

15.

Размер шрифта для имеющихся в тексте
заголовков задается тэгами от <Н1> (самый
крупный) до <Н6> (самый мелкий)
<Н1>Привет!</Н1>
Задать тип выравнивания заголовка для тэга
заголовка позволяет атрибут ALIGN
Выравнивание по правой границе
ALIGN="right"
а по центру —
ALIGN="center«
<Н1 ALIGN= "right"> Мы создаём сайт</Н1>

16.

С помощью тэга FONT и его атрибутов можно
задать параметры форматирования шрифта
любого фрагмента текста
атрибут COLOR — цвет шрифта (например,
COLOR="red")
<FONT COLOR="red"><Н1 ALIGN=“left">Мы
создаём сайт</Н1></FONT>
<Р></Р> тег «параграф», отделяет абзацы
друг от друга. В соответствии с
международным стандартом абзацы
разделяются пустыми строками и не
начинаются с красной строки

17.

<em></em> используется для
выделения из текста
курсивом
<strong></strong>
используется
для выделения жирным шрифтом
<br></br>
Следующее за этим
тегом содержание HTML-файла будет
просто начинаться с новой строки

18.

Вставка изображений
Для вставки изображения используется
тэг <IMG>
с атрибутом SRC
<IMG
SRC=«мяч.jpg">
мяч.jpg

19.

Чтобы создать web-страницу,
необходимо:
создать текстовый файл с
помощью языка HTML, например,
в Блокноте;
сохранить с расширением .html
Просмотреть документ с
помощью браузера

20.

<html>
<head>
<title></title>
</head>
<body ><p>
<h1><font
color="red"></font></h1>
<p>
<p> <h3> </h3></p>
<img src=“vo.gif"></p>
<h3><font color="brown">
<br></br>
<br></br>
<br></br><h3>
</body>
</html>
Победа
Мы помним, мы гордимся
9 мая страна отмечает 75-летие
Победы над фашисткими
захватчиками в Великой
Отечественной войне.
Изображение
Поклонимся великим тем годам,
Тем славным командирам и
бойцам
И маршалам страны и рядовым.
Поклонимся и мёртвым и
живым.
Всем тем которых забывать
нельзя
Поклонимся поклонимся друзья

21.

ТЕСТ «Основы языка HTML»
1.HTML это …
А. язык разметки гипертекста;
Б. протокол передачи Web-страниц;
В. протокол передачи файлов по сети Интернет;
Г. программа - браузер;
Д. разметочный знак гипертекста.

22.

ТЕСТ «Основы языка HTML»
2.Для того, чтобы отличить
разметочный знак (тег) от обычного
текста, он обрамляется символами …
А. !…!;
Б.@…@;
В. #…#;
Г. ^…^;
Д. <…>.

23.

ТЕСТ «Основы языка HTML»
3. Для задания области действия
разметочного знака используются
парные знаки. Закрывающий тег
отличается от открывающегося тем,
что …
А. код тега записывается прописными буквами;
Б. код тега записывается строчными буквами;
В. перед кодом ставится символ / - косая черта;
Г. перед кодом ставится символ * - звездочка;
Д. ничем не отличается.

24.

ТЕСТ «Основы языка HTML»
4. Заголовочная часть HTML документа выделяется тегом …
А. HTML;
Б. HEAD;
В. BODY;
Д. TITLE;
Е. STRONG.

25.

ТЕСТ «Основы языка HTML»
5.Основной текст документа
выделяется тегом …
А. HTML;
Б. HEAD;
В. BODY;
Г. TITLE;
Д. STRONG.

26.

ТЕСТ «Основы языка HTML»
6.Для обозначения абзаца служит
тег …
А. BR;
Б. H1;
В. P;
Г. HR;
Д. A.

27.

Ответы

28.

Кроссворд на тему: Язык разметки гипертекста HTML

29.

Я научился…
Мне было интересно…
Мне было трудно…
Я понял, что …
Я могу…

30.

СПАСИБО ЗА УРОК!
МОЛОДЦЫ!
English     Русский Правила