Презентация на тему "Создание сайта с использованием языка гипертекстовой разметки документов" 8 класс

Содержание

• 
  Слайд 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 (от англ. HyperTextMarkupLanguage — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML).

• 
  Слайд 13
  

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

• 
  Слайд 14
  
• 
  Слайд 15
  

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

• 
  Слайд 16
  

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

• 
  Слайд 17
  используется для выделения из текста курсивом используется для выделения жирным шрифтом Следующее за этим тегом содержание HTML-файла будет просто начинаться с новой строки
• 
  Слайд 18
  

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

• 
  Слайд 19
  

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

• 
  Слайд 20
  

  Практическая работа Победа Мы помним, мы гордимся 9 мая страна отмечает 75-летие Победы над фашисткими захватчиками в Великой Отечественной войне. Изображение Поклонимся великим тем годам, Тем славным командирам и бойцам И маршалам страны и рядовым. Поклонимся и мёртвым и живым. Всем тем которых забывать нельзя Поклонимся поклонимся друзья

• 
  Слайд 21
  

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

• 
  Слайд 22
  

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

• 
  Слайд 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

  СПАСИБО ЗА УРОК!МОЛОДЦЫ!