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


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

Содержание

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

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

Слайд 1 Создание Web – страниц с помощью HTML
Урок №

1. «Основные понятия языка HTML.
Структура Web – страницы»

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

Слайд 2План урока:
Основные понятия языка гипертекстов.
Инструментарий для создания web –

страниц.
Структура web – страницы.
Работа с программой Bluefish.
Практическое задание.

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

Слайд 31. Основные понятия языка гипертекстов
World Wide Web

Web – сервер

Web

– сайт

Web - страница

1. Основные понятия языка гипертекстов World Wide WebWeb – серверWeb – сайтWeb - страница

Слайд 41. Основные понятия языка гипертекстов
HTML - «Hyper Text Markup

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

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

Слайд 51. Основные понятия языка гипертекстов

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

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

одиночные теги.

,
,

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

Слайд 72. Инструментарий для создания web – страниц.
1. Обычные текстовые

редакторы, например Блокнот.

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

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

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

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








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

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








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

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








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

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


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





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

Слайд 12Заголовки
Заголовок первого уровня
Заголовок второго уровня
Заголовок

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


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

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

Слайд 13Цвет фона страницы


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

Слайд 144. Работа с программой Bluefish

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

Слайд 175. Практическое задание
1. Запустите программу : Приложения – Программирование -

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

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

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


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





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

Слайд 19Домашнее задание
Выучить
Скачать программу Hefs
Подобрать материал для своей странички, которую вы

будете делать дома
Оформить страницу в программе Hefs

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

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

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

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

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

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


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

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