1.Основные понятия языка гипертекстов.
2.Инструментарий для создания web – страниц.
3.Структура web – страницы.
Просмотр содержимого документа
«Создание Web – страниц с помощью HTML»
Создание Web – страниц с помощью HTML
Урок № 1. « Основные понятия языка HTML .
Структура Web – страницы »
План урока:
- Основные понятия языка гипертекстов.
- Инструментарий для создания web – страниц .
- Структура web – страницы .
- Работа с программой Bluefish .
- Практическое задание .
1. Основные понятия языка гипертекстов
World Wide Web
Web – сервер
Web – сайт
Web - страница
1. Основные понятия языка гипертекстов
HTML - « Hyper Text Markup Language » - « язык разметки гипертекста ».
1. Основные понятия языка гипертекстов
1. Основные понятия языка гипертекстов
Задание. Даны теги, определить парные и одиночные теги.
,
,
2. Инструментарий для создания web – страниц.
1. Обычные текстовые редакторы, например Блокнот.
2. HTML -редакторы.
3. WYSIWYG редакторы
3. Структура Web -страницы
3. Структура Web -страницы
3. Структура Web -страницы
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
5. Практическое задание
1. Запустите программу : Приложения – Программирование - Bluefish .
2. Оформите страницу
3. Создайте в файле заголовки 6 уровней с разным текстом
4. Выберете цвет для своей страницы.
5. Сохраните файл в домашней папке, в папке 9 класс под именем index . html
6. Запустите файл под любым браузером.
Структура Web -страницы
Знакомство с тэгами HTML
…
Домашнее задание
- Выучить
- Скачать программу Hefs
- Подобрать материал для своей странички, которую вы будете делать дома
- Оформить страницу в программе Hefs