Веб-страница. Основные понятия
методическая разработка по информатике и икт (7 класс) на тему

Язык программирования HTML.

Скачать:

ВложениеРазмер
Файл urok1.docx59.08 КБ

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

Занятие №1.

Тема: «Веб-страница. Основные понятия».

Цели: познакомить учащихся с основными понятиями, используемыми в   WWW, а также с программой, в которой создаются веб-страницы, научить сохранять созданную страницу, а также аргументировать необходимость использования служебных слов языка HTML в веб-странице.

World Wide Web (WWW, просто Web или даже веб) – распределенная гипертекстовая система, хранящая и передающая файлы через интернет и объединяющая их в единую информационную систему. Значительную часть этих файлов представляют собой веб-страницы (HTML-документы).

Веб-страницы – специальные файлы, написанные в основном на языке HTML.

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

Гипертекст – текст, содержащий связи с другими файлами: текстовыми, графическими, видео, аудио и др.

Браузеры – специальные программы для просмотра веб-страниц.

Лабораторная работа №1.

Тема: «Создание простейшей веб-страницы».

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

Задания.

  1. Создать на диске компьютера папку «rabota», в которой будут располагаться все созданные вами файлы.
  2. Откройте программу Блокнот (Пуск→Программы→Стандартные→Блокнот).
  3. Наберите предложение «Моя первая веб-страница».
  4. Сохраните результат в файл с именем stranica.html (Файл→Сохранить как). В открывшемся окне "Сохранить как" выберите тип файла "Все файлы". Задайте имя файла " stranica.html ". В окне "Папка" выберите созданную ранее папку «rabota». Нажмите кнопку "Сохранить".
  5. Откройте файл " stranica.html ". Документ будет автоматически запущен программой – браузером Internet Explorer.

Замечание 1:

любой браузер, встретив файлы с таким расширением html или htm, понимает, что эти файлы написаны на языке HTML, и он их сможет понять и отобразить на экране.

Браузер Internet Explorer (IE) последних версий, попытается догадаться, где авторы страницы забыли вставить команды, и сделает это вместо них. Для простых страниц это у него получается вполне неплохо. Поэтому мы и увидели слово на экране.

Есть браузеры, строго относящиеся к выполнению правил языка HTML. В этих случаях страница не будет показана правильно или не отобразится вообще.

Чтобы ваши страницы правильно показывались всеми или почти всеми браузерами, познакомимся с основными правилами языка. 

  1. Откройте файл " stranica.html " с помощью программы «Блокнот» (вызвать контекстное меню, щёлкнув правой кнопкой мыши по имени файла " stranica.html " →Открыть с помощью→Блокнот),  наберите код, показанный на рисунке 1.

рисунок 1.

  1. Сохраните изменения в документе " stranica.html " (Файл→Сохранить).
  2. Откройте файл " stranica.html " или обновите ранее запущенный с помощью кнопки «Обновить» (рисунок 2).

рисунок 2.

  1. Покажите результат выполненной вами работы учителю.

Замечание 2: результат не изменился, однако любой браузер отобразит эту страницу правильно.


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

Обобщение и систематизация знаний об основных понятиях органической химии

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

План Медиа Урока "Основные понятия химии высокомолекулярных соединений (ВМС)"

Конспект медиа урока "Основные понятия химии высокомолекулярных соединений (ВМС)", 11 класс...

Тест "Основные понятия в химии "

Тест для диагностической проверки знаний у учащихся  по теме "Основные понятия в химии" * класс .  При работе по учебнику Рудзитиса Г.Е,  Фельдмана Ф.Г....

План конспект урока "Понятие базы данных и информационной системы. Основные понятия БД"

Аннотация к уроку «Понятие базы данных и информационной системы. Основные понятия БД».Тема:  «Понятие базы данных и информационной системы. Основные понятия БД».Работу выполнил: учитель инф...