Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Презентации / Презентация к уроку по теме 'Способы создания сайтов. Понятие о языке HTML. Структура HTML-документа' 10 класс (профильный)
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 26 апреля.

Подать заявку на курс
  • Информатика

Презентация к уроку по теме 'Способы создания сайтов. Понятие о языке HTML. Структура HTML-документа' 10 класс (профильный)

библиотека
материалов
Здравствуйте!
Вспомним… Определите понятие «Интернет»? Какие вы знаете службы сети Интернет...
Сайт – это группа взаимосвязанных Web-страниц. Каждая Web-страница представля...
Тема урока: Способы создания сайтов. Понятие о языке HTML. Структура HTML-до...
HTML (HyperText Markup Language) – это язык разметки гипертекста
Язык разметки гипертекста HTML позволяет создавать Web-страницы, которые можн...
Для загрузки и просмотра веб-страниц используются специальные программы — бра...
Самые используемые веб-браузеры по состоянию на январь 2013 Зелёный:Google Ch...
ТЕГ - инструкция браузеру, указывающая способ отображения информации.
Атрибут - компонент тега, содержащий указания о том, как браузер должен воспр...
ОДИНОЧНЫЙ (ПРИМЕР, - переход на новую строчку, -разделительная линия) ПАРНЫЙ...
Контейнеры - это парные теги, содержащие открывающий и закрывающий тег.
Задание Даны теги, определить парные и одиночные теги:  , , ,   Теги пишутся...
СТРУКТУРНЫЕ ТЕГИ   - начало и конец страницы   - содержит теги со служебной и...
Способы создания сайтов «ручное» написание кода на языке разметки гипертекста...
Конструктор сайтов – это система услуг, позволяющая пользователям создавать с...
Использование программных продуктов для создания и управления сайтом. Наприме...
Язык HTML является основой любого гипертекстового документа, даже если докуме...
Знание языка HTML позволит лучше разобраться в структуре сайта и в случае нео...
В каталоге «Мои документы» создайте папку SITE. Откройте текстовый редактор Б...
 	 		Первое знакомство с тэгами HTML  	 	 Это моя первая WEB- страница
Выполните команду [Файл - Сохранить]. В разделе Тип файла укажите «Все файлы»...
Для внесения изменений можно выделить (однократным нажатием левой кнопки мыши...
Что нового узнали на уроке? Что такое HTML? Для чего он нужен? Что такое тег?...
Домашнее задание: Выучить конспект, читать параграф 4.3.1.; устно отвечать на...
29 1

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs

Описание презентации по отдельным слайдам:

№ слайда 1 Здравствуйте!
Описание слайда:

Здравствуйте!

№ слайда 2 Вспомним… Определите понятие «Интернет»? Какие вы знаете службы сети Интернет
Описание слайда:

Вспомним… Определите понятие «Интернет»? Какие вы знаете службы сети Интернет? Какая из услуг Интернет является самой популярной? Как называют все документы службы WWW? Что такое Web-сайт?

№ слайда 3 Сайт – это группа взаимосвязанных Web-страниц. Каждая Web-страница представля
Описание слайда:

Сайт – это группа взаимосвязанных Web-страниц. Каждая Web-страница представляет собой HTML-документ, т.е. документ, написанный в специальном формате HTML (HyperText Markup Language)

№ слайда 4 Тема урока: Способы создания сайтов. Понятие о языке HTML. Структура HTML-до
Описание слайда:

Тема урока: Способы создания сайтов. Понятие о языке HTML. Структура HTML-документа

№ слайда 5 HTML (HyperText Markup Language) – это язык разметки гипертекста
Описание слайда:

HTML (HyperText Markup Language) – это язык разметки гипертекста

№ слайда 6 Язык разметки гипертекста HTML позволяет создавать Web-страницы, которые можн
Описание слайда:

Язык разметки гипертекста HTML позволяет создавать Web-страницы, которые можно разместить в сети Интернет.

№ слайда 7 Для загрузки и просмотра веб-страниц используются специальные программы — бра
Описание слайда:

Для загрузки и просмотра веб-страниц используются специальные программы — браузеры (англ. browser).

№ слайда 8 Самые используемые веб-браузеры по состоянию на январь 2013 Зелёный:Google Ch
Описание слайда:

Самые используемые веб-браузеры по состоянию на январь 2013 Зелёный:Google Chrome Синий:Microsoft Internet Explorer Оранжевый:Mozilla Firefox Красный: Opera

№ слайда 9 ТЕГ - инструкция браузеру, указывающая способ отображения информации.
Описание слайда:

ТЕГ - инструкция браузеру, указывающая способ отображения информации.

№ слайда 10 Атрибут - компонент тега, содержащий указания о том, как браузер должен воспр
Описание слайда:

Атрибут - компонент тега, содержащий указания о том, как браузер должен воспринять и обработать тег. Синтаксис тега с атрибутом: <тег атрибут= “значение”>

№ слайда 11 ОДИНОЧНЫЙ (ПРИМЕР, - переход на новую строчку, -разделительная линия) ПАРНЫЙ
Описание слайда:

ОДИНОЧНЫЙ (ПРИМЕР, <BR>- переход на новую строчку, <HR>-разделительная линия) ПАРНЫЙ (ПРИМЕР, <html> </html>, <body> </body> )

№ слайда 12 Контейнеры - это парные теги, содержащие открывающий и закрывающий тег.
Описание слайда:

Контейнеры - это парные теги, содержащие открывающий и закрывающий тег.

№ слайда 13 Задание Даны теги, определить парные и одиночные теги:  , , ,   Теги пишутся
Описание слайда:

Задание Даны теги, определить парные и одиночные теги: <H1> </H1>, <Br>, <Hr>, <Head> </Head> Теги пишутся с использованием, какого алфавита? При написании тегов используются только буквы?

№ слайда 14
Описание слайда:

№ слайда 15
Описание слайда:

№ слайда 16 СТРУКТУРНЫЕ ТЕГИ   - начало и конец страницы   - содержит теги со служебной и
Описание слайда:

СТРУКТУРНЫЕ ТЕГИ <html> </html> - начало и конец страницы <head> </head> - содержит теги со служебной информацией, например, тег <title> </title> - заголовок документа <body> </body> - непосредственное содержание документа.

№ слайда 17
Описание слайда:

№ слайда 18 Способы создания сайтов «ручное» написание кода на языке разметки гипертекста
Описание слайда:

Способы создания сайтов «ручное» написание кода на языке разметки гипертекста HTML с помощью конструкторов сайтов (движков), размещенных в Интернете и доступных в режиме on-line использование специальных программных продуктов

№ слайда 19 Конструктор сайтов – это система услуг, позволяющая пользователям создавать с
Описание слайда:

Конструктор сайтов – это система услуг, позволяющая пользователям создавать сайт из набора графических элементов и различных шаблонов отдельных модулей (панели навигации, ленты новостей, форм регистрации и т.д.)

№ слайда 20 Использование программных продуктов для создания и управления сайтом. Наприме
Описание слайда:

Использование программных продуктов для создания и управления сайтом. Например, визуальные HTML-редакторы Microsoft Front Page, Macromedia Dreamweaver или профессиональные системы для разработки сайтов 1C-Битрикс, MODx и др.

№ слайда 21 Язык HTML является основой любого гипертекстового документа, даже если докуме
Описание слайда:

Язык HTML является основой любого гипертекстового документа, даже если документ был создан в одном из конструкторов сайтов или визуальном редакторе. Просто в этом случае код на языке HTML генерируется автоматически либо движком, либо программой.

№ слайда 22 Знание языка HTML позволит лучше разобраться в структуре сайта и в случае нео
Описание слайда:

Знание языка HTML позволит лучше разобраться в структуре сайта и в случае необходимости внести в него коррективы вручную.

№ слайда 23
Описание слайда:

№ слайда 24 В каталоге «Мои документы» создайте папку SITE. Откройте текстовый редактор Б
Описание слайда:

В каталоге «Мои документы» создайте папку SITE. Откройте текстовый редактор Блокнот (Пуск - Все программы - Стандартные) и наберите текст, представленный далее.

№ слайда 25  	 		Первое знакомство с тэгами HTML  	 	 Это моя первая WEB- страница
Описание слайда:

<HTML> <HEAD> <TITLE>Первое знакомство с тэгами HTML </TITLE> </HEAD> <BODY> Это моя первая WEB- страница </BODY> </HTML>

№ слайда 26 Выполните команду [Файл - Сохранить]. В разделе Тип файла укажите «Все файлы»
Описание слайда:

Выполните команду [Файл - Сохранить]. В разделе Тип файла укажите «Все файлы». В разделе Имя файла укажите index.html. В качестве места сохранения выберите папку SITE. Нажать кнопку «Сохранить». Запустите созданный и сохраненный файл (он должен запустится в браузере).

№ слайда 27 Для внесения изменений можно выделить (однократным нажатием левой кнопки мыши
Описание слайда:

Для внесения изменений можно выделить (однократным нажатием левой кнопки мыши) созданный файл, и в контекстном меню (запускается однократным нажатием правой кнопки мыши) выбрать команду Открыть с помощью-Блокнот. После изменения или дополнения файл сохранить и заново запустить или просто обновить (если WEB-страница не была закрыта) в окне браузера.

№ слайда 28 Что нового узнали на уроке? Что такое HTML? Для чего он нужен? Что такое тег?
Описание слайда:

Что нового узнали на уроке? Что такое HTML? Для чего он нужен? Что такое тег? Приведите примеры тегов…

№ слайда 29 Домашнее задание: Выучить конспект, читать параграф 4.3.1.; устно отвечать на
Описание слайда:

Домашнее задание: Выучить конспект, читать параграф 4.3.1.; устно отвечать на вопросы со стр. 216-217

Краткое описание документа:

Данная разработка представляет собой презентацию к уроку для 10 профильного класса (с углубленным обучением Информатики) по теме "Способы создания сайтов. Понятие о языке HTML. Структура HTML-документа" из раздела "Основы сайтостроения". 

Образовательные задачи урока:

·         познакомить учащихся со способами создания сайтов;

·         познакомить учащихся с определением и основным назначением языка HTML, с основными объектами языка;

·         изучить с учащимися структуру Web-страницы (HTML-документа);

·         отработать умение учащихся создавать Web-страницу с помощью приложения Блокнот;

·         научить учащихся вносить изменения в созданную Web-страницу.

Автор
Дата добавления 15.05.2015
Раздел Информатика
Подраздел Презентации
Просмотров884
Номер материала 532004
Получить свидетельство о публикации

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ


Идёт приём заявок на международный конкурс по математике "Весенний марафон" для учеников 1-11 классов и дошкольников

Уникальность конкурса в преимуществах для учителей и учеников:

1. Задания подходят для учеников с любым уровнем знаний;
2. Бесплатные наградные документы для учителей;
3. Невероятно низкий орг.взнос - всего 38 рублей;
4. Публикация рейтинга классов по итогам конкурса;
и многое другое...

Подайте заявку сейчас - https://urokimatematiki.ru

Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх