Инфоурок Информатика ПрезентацииОсновные понятия языка HTML. Структура документа HTML

Основные понятия языка HTML. Структура документа HTML

Скачать материал
Скачать материал "Основные понятия языка HTML. Структура документа HTML"

Получите профессию

Менеджер по туризму

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Методические разработки к Вашему уроку:

Получите новую специальность за 2 месяца

Теолог

Описание презентации по отдельным слайдам:

  • Начальные сведенияЯзык HTML

    1 слайд

    Начальные сведения
    Язык HTML

  • Язык HTMLHTML (Hyper Text Markup Language) – язык разметки гипертекста, включ...

    2 слайд

    Язык HTML
    HTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в себя способы оформления гипертекстовых документов.
    SGML (Standard Generalized Markup Language) - стандартный язык обобщенной разметки.
    XML (Extended Markup Language) - расширяемый язык разметки.

  • Основные понятияГипертекст – структура, позволяющая 
устанавливать смысловые...

    3 слайд

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

  • Фрейм (Frame)Этот термин имеет два значения:
 Область документа со своими пол...

    4 слайд

    Фрейм (Frame)
    Этот термин имеет два значения:
    Область документа со своими полосами прокрутки
    Одиночное изображение в анимационном графическом файле (кадр)

  • Апплет (Applet)Программа, передаваемая на компьютер клиента в виде отдельного...

    5 слайд

    Апплет (Applet)
    Программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре Web-страницы
    Браузер (Browser)
    Программа для просмотра Web-страницы

  • Скрипт или сценарий
 (Script)Программа, включенная в состав Web-страницы, для...

    6 слайд

    Скрипт или сценарий
    (Script)
    Программа, включенная в состав Web-страницы, для расширения ее возможностей
    CGI (Common Gateway Interface) – общее название программ, которые работая на сервере, позволяют расширить возможности Web –страничек.

  • Что могут содержать Web-страницы:1). Тексты;
 2). Таблицы;
 3). Логотипы;
 4)...

    7 слайд

    Что могут содержать Web-страницы:
    1). Тексты;
     2). Таблицы;
     3). Логотипы;
     4). Эмблемы;
    5). Графику
    6). Банеры
    7). Мультимедиа
    8) Скрипты
     9). Апплеты




  • 5). Графику
Графические файлы самые распространенные и выгодные в формате .jp...

    8 слайд

    5). Графику
    Графические файлы самые распространенные и выгодные в формате .jpg (jpig), менее распространенные gif , но могут содержать не более 256 цветов, редко .png, и .bmp т.к. они имеют большие размеры, а основное правило хорошо оформленной страницы, это быстрая загрузка!!! По этому правилу размер любого графического файла не должен превышать 70 Кбайт или 400-500 пикселей со средним качеством. 
    Что могут содержать Web-страницы:

  • Графические форматыGIF - Graphic Interchange Format.  При сохранении изображе...

    9 слайд

    Графические форматы
    GIF - Graphic Interchange Format. При сохранении изображения в этом формате количество используемых цветов не должно превышать 256.
    JPEG (JPG) - Joint Photography Experts Group.
    Этот формат допускает сохранение изображений, содержащих миллионы цветов.

  • Что могут содержать Web-страницы:6). Банеры – анимированные и не анимированны...

    10 слайд

    Что могут содержать Web-страницы:
    6). Банеры – анимированные и не анимированные, выполняют чаще рекламную роль и роль переключателей на другие страницы.
    большие имеют размер 468 х 60 пикселей,
    средние 120 х 60,
    маленькие 88 х 31.
    Собираются из файлов, созданных, например, в FotoShope. Это может быть текст, сменяющий другой или картинки.
    Могут быть анимированные кнопки. Gif- анимация – это, например, при наведении на кнопку появляется надпись

  • 7). Мультимедиа –файлы (содержащие музыку (.mid), речь (.wav), видео (.avi)....

    11 слайд

    7). Мультимедиа –файлы (содержащие музыку (.mid), речь (.wav), видео (.avi).
    avi-фрагменты это очень большие файлы, поэтому на Web-страницах они не должны превышать 100 Кбайт
    wav- файлы лучше упаковывать, для чего есть специальные программы, которые сжимают в 10 раз (например, 10 секунд звучания это примерно 250 Кбайт можно упаковать до 25 Кбайт)
    mid – файлы это в основном инструментальная музыка без голоса. Поддерживаются только браузером Internet Explorer.
    .mp3 – файлы тоже можно использовать, но они очень большие(средний размер 5-7 Мбайт, 3 мин  3 Мбайта.
    Эти файлы (avi, wav, mid, mp3) практически не сжимаются. Из 3 Мбайт получается приблизительно 2,8 Мбайт.
    Gif-файлы сжимаются на 20%.

    Что могут содержать Web-страницы:

  • 8) Скрипты – программы, которые расширяют возможности страниц, делают ее акти...

    12 слайд

    8) Скрипты – программы, которые расширяют возможности страниц, делают ее активной с обратной связью (формы, регистрационные листы, пишутся на языке Jawa и т.п.). Можно делать самим (бегущая строка, падающие буквы и т.п.), а можно брать готовые.
     9). Апплеты – программы, которые загружаются с сайта на компьютер клиента при открытии страницы, создают различные видеоэффекты (перелистывание страниц, вихревое движение, эффект пламени, деформации изображения, пишутся на языке Jawa с расширением .class).
     
    Что могут содержать Web-страницы:

  • 10). Флэш-анимации – файлы сделанные по технологии макромедиа с расширением ....

    13 слайд

    10). Флэш-анимации – файлы сделанные по технологии макромедиа с расширением .swf. В этих файлах происходит действие, рекламные ролики. (Они быстро открываются, но для их открытия дополнительно к браузеру должна быть установлена специальная программа, позволяющая просматривать эти файлы, если программа не установлена, то как правило выдается запрос на ее загрузку из интернет).
    11). Гиперссылки – ссылки на другие станицы.
    12). Таблицы стилей –то файлы с расширением .css, в которых прописаны все изменения. Такое оформление придают страницам современный, эстетический стиль.
    Что могут содержать Web-страницы:

  • теги HTML

    14 слайд

    теги HTML

  • HTML - тегиЯзык разметки гипертекстовых документов HTML представляет собой со...

    15 слайд

    HTML - теги
    Язык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых тегами
    (от английского tag).
    Тег – начальный или конечный маркер элемента записывается в угловых скобках и состоит из имени, за которым может
    следовать список атрибутов (все атрибуты располагаются в начальном теге).
    Большинство тегов имеют два компонента: открывающий и закрывающий. Закрывающий компонент имеет то же название, но при записи перед названием ставится символ « / ».

  • Назначение HTML-теговФорматирования текста;
Описания кадров и форм; 
Форматир...

    16 слайд

    Назначение HTML-тегов
    Форматирования текста;
    Описания кадров и форм;
    Форматирования таблиц и списков;
    Организации ссылок на другие ресурсы;
    Вставки изображений и расширений HTML.

  • Структура HTML-документа….….Начало разметки документасодержание страницыКонец...

    17 слайд

    <HTML>
    </HTML>
    <HEAD>
    </HEAD>
    <BODY>
    </BODY>
    Структура HTML-документа
    ….
    ….
    Начало разметки документа
    содержание страницы
    Конец разметки документа

  • Между тегами  и  пишется название сайтаТег   несет служебную информацию о са...

    18 слайд

    Между тегами <Title> и </Title> пишется название сайта
    Тег <meta> несет служебную информацию о сайте
    и не отображается на экране браузера:

    Имя автора страницы;
    Информация о кодировке;
    Набор ключевых слов для поиска, отображающих содержание сайта.

  • Пример Web -страницы
	
  		 О братьях наших меньших 
		
		
		
	
		

		Здесь р...

    19 слайд

    Пример Web -страницы
    <HTML>
    <HEAD>
    <TITLE> О братьях наших меньших </TITLE>
    <META http-equiv=“Content-Type” content=“text/html; charset=windows-1251”>
    <META name=“Author” content=“ Shokleva Lyudmila”>
    <META name = “Keywords” content=“Животные, природа, зоопарк, фауна”>
    </HEAD>
    <BODY>

    Здесь размещается содержимое страницы

    </BODY>
    </HTML>

  • школаСайт, посвященный группе
&lt; META  NAME=“keywords” CONTENT =“ФИО, город,...

    20 слайд

    <HTML>
    <TITLE> школа</TITLE>
    </HTML>
    <HEAD>
    </HEAD>
    <BODY>
    </BODY>
    Сайт, посвященный группе


    < META NAME=“keywords” CONTENT =“ФИО, город, образование”>

    Пример Web –страницы с метатегами

Получите профессию

Секретарь-администратор

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 625 843 материала в базе

Материал подходит для УМК

Скачать материал

Другие материалы

Презентация по информатике "Я ищу в сети добро"
  • Учебник: «Информатика. Учебное пособие для учреждений общего среднего образования с русским языком обучения», Н. П. Макарова А. И. Лапо Е. Н. Войтехович
  • Тема: 2.2. Правила работы и безопасного поведения в компьютерном классе
  • 14.02.2021
  • 657
  • 19
«Информатика. Учебное пособие для учреждений общего среднего образования с русским языком обучения», Н. П. Макарова А. И. Лапо Е. Н. Войтехович
МЕТОДИЧЕСКИЕ УКАЗАНИЯ К ПРАКТИЧЕСКИМ РАБОТАМ по дисциплине «Программирование баз данных»
  • Учебник: «Информатика (базовый и углублённый уровни) (в 2 частях)», Поляков К.Ю., Еремин Е.А.
  • Тема: Глава 3. Базы данных
  • 14.02.2021
  • 399
  • 5
«Информатика (базовый и углублённый уровни) (в 2 частях)», Поляков К.Ю., Еремин Е.А.

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 14.02.2021 416
    • PPTX 652.5 кбайт
    • 15 скачиваний
    • Оцените материал:
  • Настоящий материал опубликован пользователем Шоклева Людмила Александровна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    Шоклева Людмила Александровна
    Шоклева Людмила Александровна
    • На сайте: 3 года и 1 месяц
    • Подписчики: 1
    • Всего просмотров: 1212
    • Всего материалов: 3

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Курс профессиональной переподготовки

Бухгалтер

Бухгалтер

500/1000 ч.

Подать заявку О курсе

Курс повышения квалификации

Использование нейросетей в учебной и научной работе: ChatGPT, DALL-E 2, Midjourney

36/72 ч.

от 1700 руб. от 850 руб.
Подать заявку О курсе
  • Сейчас обучается 561 человек из 73 регионов

Курс профессиональной переподготовки

Математика и информатика: теория и методика преподавания в образовательной организации

Учитель математики и информатики

500/1000 ч.

от 8900 руб. от 4450 руб.
Подать заявку О курсе
  • Сейчас обучается 680 человек из 79 регионов

Курс профессиональной переподготовки

Информатика: теория и методика преподавания в профессиональном образовании

Преподаватель информатики

300/600 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе
  • Сейчас обучается 44 человека из 22 регионов

Мини-курс

Управление коммуникациями в кризисных ситуациях

6 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Toolbox классического проектного менеджмента

4 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Стартап: стратегия, развитие, и инвестиции

6 ч.

780 руб. 390 руб.
Подать заявку О курсе