Similar presentations:
Совершенствование технологии в образовательной деятельности
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.
Кроссворд на тему: Язык разметки гипертекста HTML29.
Я научился…Мне было интересно…
Мне было трудно…
Я понял, что …
Я могу…
30.
СПАСИБО ЗА УРОК!МОЛОДЦЫ!