Web – технологии. Основы языка HTML

Содержание

1. Web – технологии. Основы языка HTML
2. Основы языка HTMLЛекцияТимакова Т.А.«Web – технологии как инструмент образовательного процесса» 1
3. Создание Web-сайтов реализуется с использованием специального языка
4. Главные причины популярности HTML:HTML текст – это
5. Тимакова Т.А. «Web – технологии как инструмент образовательного процесса» 3
6. Тимакова Т.А. «Web – технологии как инструмент
7. Браузеры – универсальное клиентское приложение для Web-сервераТимакова
8. Единый интерфейс представителей программ одного класса –
9. Понятие «тег»HTML-документ – это обычный текстовый
10. ПРАВИЛА ЗАПИСИ ТЭГОВТэги всегда заключаются в угловые
11. Структура HTML - страницыТимаковы Т.А. «Web – технологии как инструмент образовательного процесса» 8
12. Комментарии - такой полутэг используется для добавления
13. ПРИМЕР HTML-ДОКУМЕНТА Моя первая HTML-страничка!
14. Тимаковы Т.А. «Web – технологии как инструмент образовательного процесса» 11Создайте свой сайт
15. Тимаковы Т.А. «Web – технологии как инструмент образовательного процесса» 12Практическая работа
16. Тимаковы Т.А. «Web – технологии как инструмент
17. Тимаковы Т.А. «Web – технологии как инструмент
18. Тимаковы Т.А. «Web – технологии как инструмент
19. Скачать презентанцию

Основы языка HTMLЛекцияТимакова Т.А.«Web – технологии как инструмент образовательного процесса» 1

Главная
Информатика
Web – технологии. Основы языка HTML

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

Слайд 1«Web – технологии.
Основы языка HTML »
Учитель информатики МБОУ СОШ

№ 55
Тимакова Татьяна Александровна
5 марта 2015 г.
Муниципальное бюджетное общеобразовательное

учреждение
средняя общеобразовательная школа № 55 городского округа Самара

«Web – технологии. Основы языка HTML »Учитель информатики МБОУ СОШ № 55 Тимакова Татьяна Александровна5 марта 2015

Слайд 2Основы языка HTML
Лекция
Тимакова Т.А.«Web – технологии как инструмент образовательного процесса»

1

Основы языка HTMLЛекцияТимакова Т.А.«Web – технологии как инструмент образовательного процесса» 1

Слайд 3Создание Web-сайтов реализуется с использованием специального языка гипертекстовой разметки –

HTML (Hyper Text Markup Language).

Термин "гипертекст" впервые был введён
Тедом

Нельсоном в 1969 году.

Понятие гипертекста

Гипертекст – электронный иерархический документ, содержащий в себе ссылки на другие документы (ресурсы).

Тимакова Т.А. «Web – технологии как инструмент образовательного процесса» 2

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

Слайд 4Главные причины популярности HTML:
HTML текст – это обычный текстовый файл

в формате ASCII
Открытый код
Отсутствие необходимости сжатия данных.
Простота.
Переносимость.
Иерархичность (связность) документов (ресурсов)
Наличие

гиперссылок –
основа для «плетения паутины»
Интернет.
8. HTML-документ –
это гипертекст.

Тимакова Т.А. «Web – технологии как инструмент образовательного процесса» 3

Главные причины популярности HTML:HTML текст – это обычный текстовый файл в формате ASCIIОткрытый кодОтсутствие необходимости сжатия данных.Простота.Переносимость.Иерархичность

Слайд 5Тимакова Т.А. «Web – технологии как инструмент образовательного процесса»

Тимакова Т.А. «Web – технологии как инструмент образовательного процесса» 3

Слайд 6Тимакова Т.А. «Web – технологии как инструмент образовательного процесса»

3
Сеть World Wide Web представляет собой глобальный мировой

ресурс информации, доступ к которому открыт для всех пользователей Интернет

Приложения Microsoft Office позволяют сохранять текстовые документы, электронные таблицы, реляционные БД, презентации в формате Web-страницы

World Wide Web и ее место в мировой сети

Тимакова Т.А. «Web – технологии как инструмент образовательного процесса» 3Сеть World Wide Web представляет

Слайд 7Браузеры – универсальное клиентское приложение для Web-сервера
Тимакова Т.А. «Web –

технологии как инструмент образовательного процесса» 4

Браузеры – универсальное клиентское приложение для Web-сервераТимакова Т.А. «Web – технологии как инструмент образовательного процесса»

Слайд 8Единый интерфейс представителей программ одного класса – одна из фундаментальных

основ ИТ
Тимакова Т.А.«Web – технологии как инструмент образовательного процесса»

Единый интерфейс представителей программ одного класса – одна из фундаментальных основ ИТТимакова Т.А.«Web – технологии как инструмент

Слайд 9Понятие «тег»
HTML-документ – это обычный текстовый документ, содержащий специальные разметочные

указатели (тэги).
HTML - файл имеет расширение .htm или .html
Тег (иногда

тэг, англ. tag — «ярлык, этикетка, бирка; метить») — метка как ключевое слово, в более узком применении идентификатор для категоризации, форматирования, описания, поиска данных и задания внутренней структуры.

Тимакова Т.А. «Web – технологии как инструмент образовательного процесса» 6

Понятие «тег»HTML-документ – это обычный текстовый документ, содержащий специальные разметочные указатели (тэги).HTML - файл имеет

Слайд 10ПРАВИЛА ЗАПИСИ ТЭГОВ
Тэги всегда заключаются в угловые скобки (т.е. ВСЕГДА

начинается со знака «меньше» и оканчивается знаком «больше» Например:

(новая строка, непарный тег)

Тимаковы Т.А. «Web – технологии как инструмент образовательного процесса» 7

ПРАВИЛА ЗАПИСИ ТЭГОВТэги всегда заключаются в угловые скобки (т.е. ВСЕГДА начинается со знака «меньше» и оканчивается знаком

Слайд 11Структура HTML - страницы
Тимаковы Т.А. «Web – технологии как инструмент

образовательного процесса» 8

Слайд 12Комментарии
- такой полутэг используется для

добавления комментариев на страничке, т. е. для полезных пояснений, которые

не «транслируются» браузером.

Пример:

Заголовок

Подзаголовок

Тимаковы Т.А. «Web – технологии как инструмент образовательного процесса» 9

Комментарии - такой полутэг используется для добавления комментариев на страничке, т. е. для полезных пояснений, которые не

Слайд 13ПРИМЕР HTML-ДОКУМЕНТА

Моя первая HTML-страничка!

Это моя первая

проба сил в Web-дизайне.

Может быть, страничка пока еще получилась

не очень красивой, но ведь она работает!!!

Тимаковы Т.А. «Web – технологии как инструмент образовательного процесса» 10

ПРИМЕР HTML-ДОКУМЕНТА Моя первая HTML-страничка! Это

Слайд 14Тимаковы Т.А. «Web – технологии как инструмент образовательного процесса»

11
Создайте свой сайт

Слайд 15Тимаковы Т.А. «Web – технологии как инструмент образовательного процесса»

12
Практическая работа

Слайд 16Тимаковы Т.А. «Web – технологии как инструмент образовательного процесса»

13
Практическая работа
Упражнения для самостоятельной работы
Задание 1. «Личная папка».

Создать личную папку в доступном разделе локального компьютера
Задание 2. «Структура HTML-страницы». Создать простейшую страницу со значение тега title =«Моя первая страничка» и телом страницы с текстом: «Оказывается, HTML – форматирование не такая уж и сложная вещь! ….».

Тимаковы Т.А. «Web – технологии как инструмент образовательного процесса» 13Практическая работаУпражнения для самостоятельной работыЗадание

Слайд 17Тимаковы Т.А. «Web – технологии как инструмент образовательного процесса»

14
Домашнее задание
«Работа с таблицами». Создать таблицу по образцу

Тимаковы Т.А. «Web – технологии как инструмент образовательного процесса» 14Домашнее задание«Работа с таблицами». Создать

Слайд 18Тимаковы Т.А. «Web – технологии как инструмент образовательного процесса»

14
Спасибо за работу
До новых встреч!

Скачать презентацию

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

Web – технологии. Основы языка HTML

Содержание

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

Слайд 1«Web – технологии. Основы языка HTML »Учитель информатики МБОУ СОШ

№ 55 Тимакова Татьяна Александровна5 марта 2015 г.Муниципальное бюджетное общеобразовательное

Слайд 2Основы языка HTMLЛекцияТимакова Т.А.«Web – технологии как инструмент образовательного процесса»

1

Слайд 3Создание Web-сайтов реализуется с использованием специального языка гипертекстовой разметки –

HTML (Hyper Text Markup Language).Термин "гипертекст" впервые был введён Тедом

Слайд 4Главные причины популярности HTML:HTML текст – это обычный текстовый файл

в формате ASCIIОткрытый кодОтсутствие необходимости сжатия данных.Простота.Переносимость.Иерархичность (связность) документов (ресурсов)Наличие

Слайд 5Тимакова Т.А. «Web – технологии как инструмент образовательного процесса»

Слайд 6Тимакова Т.А. «Web – технологии как инструмент образовательного процесса»

3Сеть World Wide Web представляет собой глобальный мировой

Слайд 7Браузеры – универсальное клиентское приложение для Web-сервераТимакова Т.А. «Web –

технологии как инструмент образовательного процесса» 4

Слайд 8Единый интерфейс представителей программ одного класса – одна из фундаментальных

основ ИТТимакова Т.А.«Web – технологии как инструмент образовательного процесса»

Слайд 9Понятие «тег»HTML-документ – это обычный текстовый документ, содержащий специальные разметочные

указатели (тэги).HTML - файл имеет расширение .htm или .htmlТег (иногда

Слайд 10ПРАВИЛА ЗАПИСИ ТЭГОВТэги всегда заключаются в угловые скобки (т.е. ВСЕГДА