Конспект урока "Создание простой WEB-страницы" 7 класс


Практическое занятие
на тему:
«Создание простой Web-страницы»
г. Ульяновск, 2016 г.
Цели:
Образовательная:
приобрести начальные навыки создания простейших Internet-документов;
научиться выполнять форматирование созданных Web-страниц
Воспитательная:
воспитание информационной культуры учащихся, внимательности,
аккуратности, дисциплинированности, усидчивости;
формировать элементы научного мировоззрения
Развивающая:
развивать наглядно-образное мышление, память и умение сравнивать и
анализировать
Тип занятия: комбинированный
Технические средства: компьютеры IBM/PC
Программное обеспечение: операционная система WINDOWS 7/Vista,
программа Блокнот, Браузер Internet Explorer
Замечание. Для выполнения задания должна быть приготовлена папка КРЕМЛЬ
с рабочим материалом, в который включить файлы:
1) текстовый файл для веб-страницы.txt (создан в программе
Блокнот)
2) рисунок cvetok.jpg
3) музыкальный файл mtv-1.mp3
4) Краткая справка по тэгам Приложение 1
5) Таблица цветов Приложение 2
План урока:
I. Орг. момент.
II. Актуализация знаний.
III. Выполнение лабораторно-практической работы по теме.
IV. Домашнее задание
V. Итог урока.
Ход урока:
I. Орг. момент.
Приветствие, проверка присутствующих. Объяснение хода занятия.
II. Актуализация знаний.
Web - это средство представления информации в Интернете. Информация
может быть представлена в виде текстов, рисунков, аудио и видеоклипов. В то же
время, Web - это технология доступа к информационным ресурсам Интернета,
размещенным на множестве Web-серверов. В целом, Web - это гипертекстовая
информационная среда, использующая принятый язык разметки гипертекста и
поддерживающая различные протоколы Интернета для доступа к его
информационным ресурсам. Любой протокол - это набор правил, которые
используются компьютерами для обмена информацией. Среди протоколов
Интернета самый распространенный - HTTP (Hyper Text Transfer Protoсol).
Используются FTP (для присоединения и загрузки файлов), FILE (для доступа к
файлам на локальных дисках), протокол для электронной почты и некоторые
другие.
Язык HTML (HyperText Markup Language, язык разметки гипертекста)
это язык, на котором создаются Web-страницы. HTML-документы могут
просматриваться различными типами Web-браузеров. Когда документ создан с
использованием HTML, Web-браузер может интерпретировать HTML для
выделения различных элементов документа и первичной их обработки.
Использование HTML позволяет форматировать документы для их представления
с использованием шрифтов, линий и других графических элементов на любой
системе, их просматривающей.
Web-страницы могут быть созданы с помощью
1) обычного текстового редактора;
2) редактора, способного сохранять в формате HTML;
3) специализированного редактора;
4) специализированной системы.
HTML-документы сохраняются на диске как обычные текстовые документы
в формате ASCII. Для распознавания Web-страниц по их именам общепринято
обозначать такие файлы использованием расширений .HTM (для Windows 3.1)
или .HTML (для Windows 95/98/NT/XP, Macintosh и Unix).
Кроме полезного текста в HTML-документах используются специальные
управляющие последовательности символов — тэги.
Чаще всего тэги используются попарно, окружая размеченные фрагменты
текста. Такие тэги называются контейнерами. Закрывающийся тэг отличается от
начального только присутствием символа "/" , добавляемого перед именем тэга.
При интерпретации тэгов браузер не делает различия между строчными и
прописными буквами. Поэтому сами тэги можно набирать на любом регистре.
Зачастую параметр (атрибут) является необязательной величиной и его можно
пропускать.
III. Выполнение лабораторно-практической работы.
1. Исходные файлы: находятся в папке Цветы
Перед выполнением задания скопируйте все файлы из папки ЦВЕТЫ в
свою рабочую папку.
2. Загрузить программу Блокнот (ПУСК – Программы – Стандартные)
3. Открыть готовый текстовый файл «для веб-страницы.txt »
Замечание. На каждом шаге будете добавлять новый тэг он выделен жирным
шрифтом. Остальные тэги остаются без изменения.
4. В начале текста разместить тэг, указывающий, что данный документ является
HTML-текстом (т.е. обязательный тэг для Web-страницы):
<html>
текст
</html>
5. Создание заголовка Web-страницы:
<html>
<head>
<title>Любимые цветы</title> (заголовок страницы)
</head>
текст
</html>
6. Сохраните документ в своей рабочей папке под именем indeх.htm для этого
выполните команду Файл – Сохранить как
7. Открыть программу Internet Explorer (ПУСК Программы). Работать будем
автономно !
Открыть Web-страницу команда Файл Открыть; выбрать нужный файл и
щелкнуть по кнопке «Обзор…»
Замечание. Будете продолжать редактирование файла index.htm, не закрывая
Internet Explorer: для этого через панель задач переключиться на программу
Блокнот, в которой открыт файл index.htm.
8. Определение тела документа:
для этого необходимо вставить тэги <body> … </body>
Страница получит вид:
<html>
<head>
<title>Любимые цветы</title>
</head>
<body>
текст
</body>
</html>
Замечание. Сохранить редактируемый в Блокноте файл (Файл Сохранить) и,
переключившись через панель задач на Internet Explorer, выполнить в браузере
команду Вид – Обновить (или щелкну</