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

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

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

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

  • 1 слайд Начальные сведенияЯзык HTML
    Описание слайда:

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

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

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

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

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

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

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

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

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

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

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

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

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




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

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

  • 9 слайд Графические форматыGIF - Graphic Interchange Format.  При сохранении изображе
    Описание слайда:

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

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

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

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

    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-страницы:

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

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

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

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

  • 14 слайд теги HTML
    Описание слайда:

    теги HTML

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

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

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

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

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

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

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

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

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

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

		Здесь р
    Описание слайда:

    Пример 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>

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

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


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

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

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

Пожаловаться на материал
Скачать материал

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

также Вы можете выбрать тип материала:

Проверен экспертом

Общая информация

Учебник: «Информатика (базовый и углублённый уровни) (в 2 частях)», Поляков К.Ю., Еремин Е.А.
Тема: Глава 4. Создание веб-сайтов
Скачать материал

Похожие материалы

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

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

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