Разделы презентаций

Основы языка разметки гипертекста HTML 10 класс

Содержание

Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов.Web-страницы можно создать с помощью языка HTML В обычный документ вставляются управляющие символы - HTML-теги, которые определяют вид Web-страницы при

Слайды и текст этой презентации

Слайд 1Из опыта работы
Ермаковой Вероники Викентьевны
учителя информатики
МОУ СОШ №

19 г. Белово
Основы языка разметки гипертекста HTML

Из опыта работыЕрмаковой Вероники Викентьевны учителя информатики МОУ СОШ № 19 г. Белово Основы языка разметки гипертекста

Слайд 2 Hyper Text Markup Language (HTML) – язык гипертекстовой

разметки документов.

Web-страницы можно создать с помощью языка HTML

В обычный

документ вставляются управляющие символы - HTML-теги, которые определяют вид Web-страницы при её просмотре в браузере.

Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов.Web-страницы можно создать с помощью языка

Слайд 3 Теги заключаются в угловые скобки

и могут быть одиночными или парными.

Парные теги содержат открывающий и закрывающий теги (контейнер).

Например, код Web-страницы помещается внутрь контейнера
…

Теги могут записываться как прописными, так и строчными буквами.

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

Слайд 4 Некоторые теги имеют атрибуты, которые

являются именами свойств и могут принимать определённые значения и влияют

на внешний вид Web-страницы.

Например,

Моё имя – Марина



Некоторые теги имеют атрибуты, которые являются именами свойств и могут принимать определённые

Слайд 5Структура Web-страницы



Название Web-страницы



На этой странице можно

разместить любую интересную информацию в Интернете.


Назад

Структура Web-страницы Название Web-страницы На этой странице можно

Слайд 6Создание Web-страницы
Создать личную папку.
Создать в блокноте шаблон HTML-документа, набрав HTML-код

страницы.
Сохранить файл под именем Шаблон.txt в личной папке.
Открыть файл Шаблон.txt

и внести необходимую информацию, используя теги и их атрибуты.
Сохранить файл под именем index.htm в личной папке.



Создание Web-страницыСоздать личную папку.Создать в блокноте шаблон HTML-документа, набрав HTML-код страницы.Сохранить файл под именем Шаблон.txt в личной

Слайд 7Создание Web-страницы

Для редактирования файла index.htm необходимо выполнить следующие действия:

Создание Web-страницыДля редактирования файла index.htm необходимо выполнить следующие действия:

Слайд 8Атрибуты фона Web-страницы

Атрибут цвета Web-страницы


Атрибут вставки фонового рисунка Web-страницы

background="Nature_02.jpg”>



Атрибуты фона Web-страницыАтрибут цвета Web-страницыАтрибут вставки фонового рисунка Web-страницы

Слайд 9Теги и атрибуты форматирования текста на Web-странице
… до … тег

размера шрифта заголовков

… тег форматирования шрифта
FACE=“Arial”

атрибут задания гарнитуры шрифта
SIZE=4 атрибут задания размера шрифта
COLOR=“Red” атрибут задания цвета шрифта
ALIGN=“left” атрибут задания выравнивания текста

тег для создания горизонтальной линии

…

контейнер для разделения текста на абзацы
Теги и атрибуты форматирования текста на Web-странице… до … тег размера шрифта заголовков… тег форматирования шрифта

Слайд 10Тег и атрибут вставки изображений на Web-странице





Тег и атрибут вставки изображений на Web-странице

Слайд 11Теги и атрибуты гиперссылки на Web-странице

Указатель тег с

атрибутом для создания гиперссылки

… контейнер для создания гиперссылки на адрес

электронной почты
Теги и атрибуты гиперссылки на Web-страницеУказатель тег с атрибутом для создания гиперссылки… контейнер для создания

Слайд 12Гиперссылки
Для связывания Web- страниц используют гиперссылки.
Термин «гипертекст» был введён

в обращение Тедом Нельсоном в 1965 году для описания документов,

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

Назад

ГиперссылкиДля связывания Web- страниц используют гиперссылки. Термин «гипертекст» был введён в обращение Тедом Нельсоном в 1965 году

Слайд 13Теги и атрибуты для создания списков на Web-странице
… контейнер для

создания нумерованных списков
тег элемента списка
… контейнер

для создания маркированного списка
  • тег элемента списка
    …
    контейнер для создания списка терминов
    тег для создания термина
    тег для создания определения

    • Теги и атрибуты для создания списков на Web-странице… контейнер для создания нумерованных списков тег

    Слайд 14Теги и атрибуты для создания интерактивных форм на Web-странице
    … контейнер

    для создания формы
    Тег со значением атрибута TYPE=“text” создают текстовое

    поле
    Тег со значением атрибута TYPE=“radio” создают группу переключателей
    Тег со значением атрибута TYPE=“checkbox” создают флажки
    контейнер для реализации раскрывающего списка
    Теги и атрибуты для создания интерактивных форм на Web-странице… контейнер для создания формыТег со значением атрибута

    Слайд 15Практическая работа на ПК
    «Создание Web-страницы
    с использованием знаний
    языка разметки

    гипертекста HTML»
    Web-страница
    HTML-код страницы

    Практическая работа на ПК«Создание Web-страницы с использованием знаний языка разметки гипертекста HTML»Web-страницаHTML-код страницы

    Слайд 16Тест по теме
    «Основы языка разметки гипертекста»
    Проверь свои знания

    Тест по теме «Основы языка разметки гипертекста»Проверь свои знания

    Слайд 17Домашнее задание
    1) Учебник 10 класса Н. Д. Угринович (базовый уровень),

    П. 2.13, стр. 201-205.
    2) Творческое задание (по желанию) -

    создать минисайт с помощью HTML -языка на свободную тему.
    Домашнее задание1) Учебник 10 класса Н. Д. Угринович (базовый уровень), П. 2.13, стр. 201-205. 2) Творческое задание

    Слайд 18Использованные источники
    1. Дробахина, АН. и др. Структурирование содержания профессиональной подготовки

    учителя информатики средствами современного гипертекста / А.Н. Дробахина, М.С. Можаров.

    - Новокузнецк, 2003.
    2. Угринович, Н. Д. Информатика и ИКТ. Базовый уровень. Учебник 10 класса/Н. Д. Угинович. – М.: БИНОМ. Лаборатория знаний, 2008
    Использованные источники1. Дробахина, АН. и др. Структурирование содержания профессиональной подготовки учителя информатики средствами современного гипертекста / А.Н.

    Похожие презентации

    Информационные технологии в медицине Информационные технологии в медицине 374
    Где искать информацию? Где искать информацию? 449
    Локальные и глобальные компьютерные сети Локальные и глобальные компьютерные сети 356
    Как устроен персональный компьютер, его основные характеристики Как устроен персональный компьютер, его основные характеристики 278
    Суперкомпьютеры Суперкомпьютеры 970
    Мультимедийная презентация Мультимедийная презентация "Графика и управление" 293
    Организация службы WWW Организация службы WWW 541
    Информация вокруг нас 7 класс Информация вокруг нас 7 класс 359
    Задачи Задачи "Файл и файловая система" 8 класс 401
    Моделирование в электронных таблицах. Построение биоритмов человека Моделирование в электронных таблицах. Построение биоритмов человека 345
    Программное обеспечение Программное обеспечение 463
    Использование методов проектной деятельности на уроках информатики Использование методов проектной деятельности на уроках информатики 279
    Применение анимации при создании презентации Применение анимации при создании презентации "Простоквашино" 296
    Дискретные и непрерывные сигналы. Носители информации Дискретные и непрерывные сигналы. Носители информации 482
    Компьютерная графика Компьютерная графика 350
    Программируем на Pascal Программируем на Pascal 291
    ?арапайым м?тіндік редакторы WordPad ?арапайым м?тіндік редакторы WordPad 395
    Руководство пользователя программы "Microsoft Word" Руководство пользователя программы "Microsoft Word" 340
    Возможности использования компьютерной техники в офисах фирм Возможности использования компьютерной техники в офисах фирм 325
    Бинарный урок Бинарный урок " Побочный эффект с применением первого закона термодинамики" 303

    Обратная связь

    Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

    Email: Нажмите что бы посмотреть 

    Что такое TheSlide.ru?

    Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.

    Для правообладателей

    Яндекс.Метрика