kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

Создание Web – страниц с помощью HTML

Нажмите, чтобы узнать подробности

1.Основные понятия языка гипертекстов.

2.Инструментарий для создания web – страниц.

3.Структура web – страницы.

Просмотр содержимого документа
«Создание Web – страниц с помощью HTML»

Создание Web – страниц с помощью HTML       Урок № 1. « Основные понятия языка HTML .  Структура Web – страницы »

Создание Web – страниц с помощью HTML

Урок № 1. « Основные понятия языка HTML .

Структура Web – страницы »

План урока:

План урока:

  • Основные понятия языка гипертекстов.
  • Инструментарий для создания web – страниц .
  • Структура web – страницы .
  • Работа с программой Bluefish .
  • Практическое задание .
1. Основные понятия языка гипертекстов World Wide Web  Web – сервер  Web – сайт  Web - страница

1. Основные понятия языка гипертекстов

World Wide Web

Web – сервер

Web – сайт

Web - страница

1. Основные понятия языка гипертекстов  HTML - « Hyper  Text Markup  Language » - « язык разметки гипертекста ».

1. Основные понятия языка гипертекстов

HTML - « Hyper Text Markup Language » - « язык разметки гипертекста ».

1. Основные понятия языка гипертекстов

1. Основные понятия языка гипертекстов

1. Основные понятия языка гипертекстов Задание. Даны теги, определить парные и одиночные теги.  , ,

1. Основные понятия языка гипертекстов

Задание. Даны теги, определить парные и одиночные теги.

,
,

2. Инструментарий для создания web – страниц. 1. Обычные текстовые редакторы, например Блокнот.  2. HTML -редакторы.  3. WYSIWYG редакторы

2. Инструментарий для создания web – страниц.

1. Обычные текстовые редакторы, например Блокнот.

2. HTML -редакторы.

3. WYSIWYG редакторы

3. Структура Web -страницы

3. Структура Web -страницы

3. Структура Web -страницы

3. Структура Web -страницы

3. Структура Web -страницы

3. Структура Web -страницы

3. Структура Web -страницы    Знакомство с тэгами HTML   …

3. Структура Web -страницы

Знакомство с тэгами HTML

Заголовки  Заголовок первого уровня   Заголовок второго уровня   Заголовок третьего уровня   Заголовок четвертого уровня   Заголовок пятого уровня   Заголовок шестого уровня

Заголовки

Заголовок первого уровня

Заголовок второго уровня

Заголовок третьего уровня

Заголовок четвертого уровня

Заголовок пятого уровня

Заголовок шестого уровня

Код Код # 00 00 00 # 00 00 FF Цвет Цвет # FF FF 00 # FF FF FF Черный Синий Белый # FF 00 00 # FF 00 FF Желтый # 00 FF 00 # 00 FF FF Красный Фиолетовый Зеленый Бирюзовый" width="640"

Цвет фона страницы

BODY bgcolor =# FFFFCC

Код

Код

# 00 00 00

# 00 00 FF

Цвет

Цвет

# FF FF 00

# FF FF FF

Черный

Синий

Белый

# FF 00 00

# FF 00 FF

Желтый

# 00 FF 00

# 00 FF FF

Красный

Фиолетовый

Зеленый

Бирюзовый

4. Работа с программой Bluefish

4. Работа с программой Bluefish

5. Практическое задание 1. Запустите программу : Приложения – Программирование - Bluefish . 2. Оформите страницу 3. Создайте в файле заголовки 6 уровней с разным текстом 4. Выберете цвет для своей страницы. 5. Сохраните файл в домашней папке, в папке 9 класс под именем index . html 6. Запустите файл под любым браузером.

5. Практическое задание

1. Запустите программу : Приложения – Программирование - Bluefish .

2. Оформите страницу

3. Создайте в файле заголовки 6 уровней с разным текстом

4. Выберете цвет для своей страницы.

5. Сохраните файл в домашней папке, в папке 9 класс под именем index . html

6. Запустите файл под любым браузером.

Структура Web -страницы    Знакомство с тэгами HTML   …

Структура Web -страницы

Знакомство с тэгами HTML

Домашнее задание

Домашнее задание

  • Выучить
  • Скачать программу Hefs
  • Подобрать материал для своей странички, которую вы будете делать дома
  • Оформить страницу в программе Hefs


Получите в подарок сайт учителя

Предмет: Информатика

Категория: Презентации

Целевая аудитория: 9 класс

Скачать
Создание Web – страниц с помощью HTML

Автор: Частиков Антон Вячеславович

Дата: 04.12.2016

Номер свидетельства: 365689

Похожие файлы

object(ArrayObject)#851 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(129) "Урок по информатике «Создание web-страниц с помощью HTML. Основы языка HTML»"
    ["seo_title"] => string(80) "urok_po_informatikie_sozdaniie_web_stranits_s_pomoshch_iu_html_osnovy_iazyka_htm"
    ["file_id"] => string(6) "387969"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1486296286"
  }
}
object(ArrayObject)#873 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(159) "Конспект урока по информатике "Добавление таблиц, оформление рисунков на Web-страницах" "
    ["seo_title"] => string(93) "konspiekt-uroka-po-informatikie-dobavlieniie-tablits-oformlieniie-risunkov-na-web-stranitsakh"
    ["file_id"] => string(6) "104059"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1402663191"
  }
}
object(ArrayObject)#851 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(29) "Основы языка HTML "
    ["seo_title"] => string(18) "osnovy-iazyka-html"
    ["file_id"] => string(6) "154908"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1421226441"
  }
}
object(ArrayObject)#873 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(121) "Практическая работа «Применение тегов HTML при создании web-страниц»"
    ["seo_title"] => string(69) "prakticheskaia_rabota_primenenie_tegov_html_pri_sozdanii_web_stranits"
    ["file_id"] => string(6) "478774"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1537865130"
  }
}
object(ArrayObject)#851 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(154) "Бинарный урок математики и информатики. "Парабола". "Вставка объектов в HTML-документ". "
    ["seo_title"] => string(82) "binarnyi-urok-matiematiki-i-informatiki-parabola-vstavka-obiektov-v-html-dokumient"
    ["file_id"] => string(6) "194316"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1427746254"
  }
}



ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Ваш личный кабинет
Проверка свидетельства