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

Инструменты создания информационных объектов для Интернета.Создание Web - страниц с помощью HTML.

Слайд 1


Слайд 2Инструменты создания информационных объектов для Интернета.
Создание Web - страниц с помощью

HTML.
Инструменты создания информационных объектов для Интернета.Создание Web - страниц с помощью HTML.

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

страницы.
Обязательные метки HTML.
Практическое задание.

«План урока»

Основные понятия языка гипертекстов. Инструментарий для создания Web – страниц. Структура Web – страницы. Обязательные метки HTML.

Слайд 4Основные понятия языка гипертекстов
Web – страницы находятся на Web – сервере. Web

– сервер - компьютер в сети Internet, хранящий Web-страницы и соответствующие программы для работы с ними.
Информация на Web – сервере представлена в виде Web – сайта.
Web – сайт – это объединение Web – страниц одной темой.

Основным понятием языка HTML является понятие тег.
^ ТЕГ – инструкция браузеру, указывающая способ отображения информации.

Основные понятия языка гипертекстовWeb – страницы находятся на Web – сервере. Web – сервер - компьютер в

Слайд 5Инструментарий для создания Web – страниц.
1 .Любой браузер, т.е., программа, пригодная

для просмотра HTML-файлов.
2.Любой редактор текстовых файлов, поддерживающий русский язык в выбранной Вами кодировке, вполне подойдет Notepad или обычная программа блокнот.
3. WYSIWYG редакторы. Программы для создания web – страниц и сайтов WYSIWYG редакторы (сокращение фразы «What You See Is What You Get» - «Что видишь, то и получаешь») позволяют создавать web – страницы, даже ни имея никакого понятия о языке HTML, путем визуального редактирования на экране дисплея.

1

2

3

Инструментарий для создания Web – страниц. 1 .Любой браузер, т.е., программа, пригодная для просмотра HTML-файлов. 2.Любой редактор

Слайд 6Структура Web – страницы.
Обязательные метки HTML.

Структура Web – страницы.Обязательные метки HTML.

Слайд 7Обязательные метки HTML.

Обязательные метки HTML.

Слайд 8Сохранение документа
При сохранении необходимо давать название документу латинскими буквами и указывать

расширение html.
Например : stranica. Html
В разделе «Тип файла» указать - все файлы
Сохранение документаПри сохранении необходимо давать название документу латинскими буквами и указывать расширение html. Например : stranica. HtmlВ

Слайд 9Практическая работа
Пример 2 Привет! Это чуть

более сложный пример HTML-документа

Теперь мы знаем, что абзац можно выравнивать не только влево,

но и по центру

или по правому краю.


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

Слайд 10Домашнее задание
Придумать оформление главной станицы на любую из тем:
Мое любимое

занятие (урок),
Моя семья,
Моя школа.
Подобрать материал для страницы.
Домашнее заданиеПридумать оформление главной станицы на любую из тем: Мое любимое занятие (урок), Моя семья, Моя школа.

Слайд 11Рефлексия
Мне было легко
___________________________________
Мне было трудно ___________________________________
Я научился (научилася) ___________________________________

РефлексияМне было легко___________________________________Мне было трудно ___________________________________Я научился (научилася) ___________________________________

Слайд 12Спасибо за урок!

Спасибо за урок!

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

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


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

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

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

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