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