Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Иконка файла материала 72.docx

Занятие №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. В этих случаях страница не будет показана правильно или не отобразится вообще.

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

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

рисунок 1.

 

7.     Сохраните изменения в документе " stranica.html " (Файл→Сохранить).

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

рисунок 2.

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

 

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