Конспект урока "Web- страница"
план-конспект урока по информатике и икт (8 класс)

Игошкина Юлия Викторовна

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

Также с помощью страниц человек может совершать определенные действия на сайте: открывать вкладки, меню, заполнять формы обратной связи, оформлять заказ в интернет-магазине.

Скачать:

ВложениеРазмер
Файл web-_stranitsy_dlya_sayta.docx45.65 КБ

Предварительный просмотр:

Конспект урока на тему: «WEB – страницы»

ЦЕЛИ  УРОКА:

1.  Дидактическая: познакомить обучающихся с основами HTML программирования.
2.  Развивающая: Развивать знания в области информационных технологий.
3.  Воспитательная: Показать важность знаний и умений в сфере информационных компьютерных технологий.
Вид занятий (тип урока): изучение нового материала.
Организационные формы обучения: лекция.
Вид и формы контроля знаний: фронтальный опрос.
Домашнее задание
Ход занятия
1.   Организационный момент.
2.       Сообщение темы и цели занятия.
3.       Изучение нового материала.

4.       Подведение итогов занятия.
5.       Домашнее задание.

ХОД УРОКА

Организационный момент

  1. Приветствие;
  2. Проверка готовности к уроку;

Изучение нового материала. 

Вопрос учителя:  Что такое Web-страница и Web-сайт?

Ответ: Web-страница – основной структурный элемент «Всемирной паутины».

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

HTML
Термин HTML (HyperText Markup Language) означает язык маркировки гипертекстов. Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.

Вопрос учителя: Что такое гиперссылки?

Ответ: Гипертекстовая ссылка – это выделенный фрагмент текста (или иллюстрация), с которыми связан сетевой адрес другой Web-страницы. Если на гипертекстовую ссылку навести указатель мыши, то он изменит форму. Если по гипертекстовой ссылке щелкнуть левой кнопкой мыши, произойдет переход к другой Web-возможно находящейся на другом сервере, может быть даже на другом континенте.

Прежде чем преступить к созданию своих Web – страниц необходимо познакомиться с основными понятиями и терминами данного раздела.
Сайт - это набор страниц в формате  HTML которые лежат на Web – сервере.
Web – сервер –  это постоянно подключенный к Интернету компьютер, который передает эти странички по запросу пользователей.
Web – узел – это намного больше чем совокупность Web – страниц. Это и система гиперссылок, связывающая узел в единое целое, и единое стилистическое оформление узла, и своевременное обновление находящейся информации на узле, и скорость загрузки отдельных страниц, и многое другое.
Домашняя страница – это Web – страница, которая передается сервером по запросу пользователя, указавшего в запросе имя Web, но не задавшего имени конкретной страницы.
Язык HTML расшифровывается как  «язык гипертекстовой разметки».
Файл HTML – это обычный текстовый файл с расширение htm или html, содержащий текст страницы, который мы видим в нашем браузере, и некоторые управляющие записи – теги. (HTM-файлы – это текстовые файлы, они содержат только текст, а также текстовые ссылки на другие внешние файлы. Например, на картинки в этой статье. HTM и HTML-файлы могут содержать ссылки на другие типы файлов – например, видео, CSSили JS-файлы.)

Интернет страницы можно создавать несколькими способами. Мы рассмотрим первый  способ создания при помощи программ

Блокнот                                       и                     Internet Explorer

                                                           
http://www.metod-kopilka.ru/pics/suv1.jpg

Обязательные тэги  HTML
...
Метка должна открывать HTML-документ. Аналогично, метка должна завершать HTML-документ.
...
Эта пара меток указывает на начало и конец заголовка документа. Помимо наименования документа (см. описание метки ниже), в этот раздел может включаться множество служебной информации</span></p><p class="c5"><span class="c2 c1"><title> ...
Все, что находится между метками и , толкуется браузером как название документа.Internet Exploerer, например, показывает название текущего документа в заголовке окна и печатает его в левом верхнем углу каждой страницы при выводе на принтер.

...
Эта пара меток указывает на начало и конец тела HTML-документа, каковое тело, собственно, и определяет содержание документа.

...

...

Метки вида (где i — цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня, естественно — самый мелкий.

...


Такая пара меток описывает абзац. Все, что заключено между

и

, воспринимается как один абзац. Пример программы записанной в блокноте:





Наш сайт

 



Попробуйте у себя в тетрадях записать свою программу.

4.       Подведение итогов занятия.
5.       Домашнее задание.


По теме: методические разработки, презентации и конспекты

Экспертное оценивание плана-конспекта урока Коростелёвой Т. А. «М.Ю.Лермонтов. Страницы мятежной жизни. Стихотворение "Парус"

Экспертное оценивание плана-конспекта урока Коростелёвой Т. А. «М.Ю.Лермонтов. Страницы мятежной жизни. Стихотворение "Парус" в рамках работы на семинаре «Экспертная оценка методических материалов по ...

План-конспект занятия по окружающему миру для детей дошкольного возраста "По страницам Красной книги"

Занятие-проект (краткосрочный).Тип урока: иформационно-творческий.Решение проектной задачи требует  коллективно – распределённой деятельности обучающихся – работы в малых группах. (Оформлен...

Конспект внеклассного мероприятия по истории в 7 классе. Игра «Поле чудес» «По страницам истории России»

Конспект внеклассного мероприятия по истории в 7 классе СКОУ 8 вида в форме игры "Поле чудес" на тему "Постраницам истории России"...

Конспект и презентация к уроку литературы по комедии Н. В. Гоголя "Ревизор" "По страницам гоголевской комедии..."

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

План – конспект урока по литературе (10 класс) по теме «Пo страницам великой жизни. Л. Н. Толстой – человек, мыслитель, писатель.)»

План – конспект урока по литературе (10 класс) по теме «Пo страницам великой жизни.Л. Н. Толстой – человек, мыслитель, писатель.)» с применением компьютера. Тема рассчитана на 2 часа.При подготовке ур...

Конспект урока в 5 классе "Звучащие страницы истории"

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