Презентация на тему "Что такое html?" 9 класс

Содержание

• 
  Слайд 1

  что такое HTML?

  Курс разработан: Богдановым В.В. Зам. Директора по УВР ГОУ СОШ №68 г. Санкт- Петербурга

• 
  Слайд 2

  Так что такое HTML?

  HyperText Markup Language(в дальнейшем HTML) это язык гипертекстовой разметки документа. В нашем случае этим документом является web страница. Проще говоря, это язык для написания web страниц. Читая код HTML, веббраузер выводит на экран Вашего монитора содержимое web страницы. Вы спросите; «А что такое веббраузер?». Это программа для просмотра web страниц, каковыми являются «Microsoft Internet Explorer” (в далнейшем "IE"), «Netscape Navigator», «Opera», «Mozila» и др..

• 
  Слайд 3

  Использование Браузеров

  Каким браузером пользоваться каждый выбирает сам. Лично я использую три браузера: - Microsoft Internet Explorer - Mozila - Opera И возникнает вопрос: «Зачем столько браузеров на одном компьютере?». .

• 
  Слайд 4

  Использование Браузера

  Дело в том что все эти браузеры продукты разных конкурирующих между собой компаний и каждая придумывает новые расширения к языку HTML и внедряет их поддержку в свои браузеры. Поэтому страницы не всегда могут одинаково выглядеть в разных браузерах и это надо учитывать при создании вебстраниц. Когда создаете страницы проверяйте их на правильное отображение в разных браузерах

• 
  Слайд 5

  С чего начинать?

  Для начала Вам нужно выбрать редактор. Сyщecтвyeт три типa HTML peдaктopoв: 1. Редакторы типа “WYSIWYG (What-You- See-Is What-You-Get) Что видишь, то и получишь” Пользователь не видит "внутренностей" документа, с которым он работает, точно так же, как при работе с текстовым процессором типа Microsoft Word

• 
  Слайд 6
  

  3 . Редактор Типа CMSСистема управления содержимым (англ. Content Management System) позволяет создавать сайт внутри программы без основных знаний PHP MySQL Apache (создание на сервере с установленными базами) 2. Редакторы собственно HTML-текстов. В процессе работы пользователь видит внутреннее содержание HTML-файла и может изменять его либо вручную, либо вызывая команды меню для вставки определенных элементов HTML.

• 
  Слайд 7

  ИЗУЧЕНИЕ HTML

  Прежде чем начать изучение HTML нужно выбрать редактор. Можно использовать: Блокнот Notepad HotDog Professional Предлагаю использовать Notepad+

• 
  Слайд 8

  Создание HTML страницы

  Скачайте документ с локального компьютера учителя: ДОКУМЕНТ Теперь создайте блокнот на рабочем столе и скопируйте текст из документа. Красным помечены поля для заполнения вашим текстом (измените на ваш текст)

• 
  Слайд 9

  Пример

  Наша первая страница Название Вашего раздела

  Здесь Ваш текст.

• 
  Слайд 10
  

  Теперь нужно сохранить документ в формате HTML

• 
  Слайд 11

  Поздравляю с вашей первой страницей!!!!

  Теперь найдите ее там, куда Вы ее сохранили и откройте. То, что Вы видите это результат работы этого простого кода. РЕЗУЛЬТАТ

• 
  Слайд 12

  ПЕРВАЯ СТРАНИЦА

• 
  Слайд 13

  РАЗБОР КОДА

  Большинство тегов имеют открывающийся элемент и закрывающийся >. Между ними и находяться коды, которые распознает Обозреватель. HTML-документ всегда должен начинаться с объявления браузеру какой версии международной спецификации html он соответствует. Верхняя строчка сообщает браузеру, что этот HTML документ соответствует версии 4.0 международной спецификации HTML.

• 
  Слайд 14

  с вверху- вниз

  Открывающий тег, который объявляет о начале документа. Открывающий тег заголовка = тег . Между открывающим и закрывающим тегом располагается название документа и служебная информация для браузеров и поисковых машин. В нашем случае это информация о кодировки страницы
• 
  Слайд 15

  ТЕГ TiTle

  Открывающий тег названия документа дает браузеру понять, что все что написано сразу за этим тегом и до закрывающего тега является названием документа. Это название выводится браузером на самую верхнюю панель браузера. Закрывающий тег названия документа дающий понять браузеру, что на этом действие тега закончилось.
• 
  Слайд 16

  Закрытия тега Head

  Закрывающий тег заголовка или головы документа дающий понять браузеру, что на этом действие тега закончилось.
• 
  Слайд 17

  Что за тег BODY ?!

  Только теперь между открывающим тегом и закрывающим находится все, что выводится браузером на экран. Это таблицы, текст, изображения. Одним словом, все HTML-элементы, отвечающие за отображение документа, управление им и гипертекстовые ссылки. Закрываем тело документа. Иными словами в данном месте закончено действие тега .
• 
  Слайд 18

  Конец HTML документа

• 
  Слайд 19

  ПОДВОДИМ ИТОГИ

  Для просмотра созданного HTML документа необходимо как минимум 2а браузера. Крайне необходим текстовый редактор по типу (Notepad). HTML страницы строятся на коде с открывающими и закрывающими тегами и базируются наглавном элементе >

• 
  Слайд 20

  Итог по HTML странице

  4.Любой HTML документ состоит из:

• 
  Слайд 21
  

  Спасибо за Внимание!!!