Цель урока: познакомить учащихся с языком разметки гипертекста HTML, структурой Web-страницы и форматированием текста на Web-странице; начать разработку Web-страницы.
Задачи:
Организация деятельности учащихся по изучению новой темы;
Ознакомление учащихся с понятием сайта, структурой web- страницы, основными тегами;
Способствование развитию памяти, внимания, мышления.
Ход урока:
Организационный момент.
Приветствие учащихся. Проверка готовности к уроку.
Актуализация опорных знаний.
1.Какие способы поиска информации в Интернете вам известны?
2.Каким образом производится поиск документов по ключевым словам?
3.Какие поисковые системы вам известны?
4.Какие формы электронной коммерции существуют в Интернете?
5.Что такое хостинг?
6.Чем отличается реклама в Интернете от рекламы обычной?
7. Что такое интернет-аукционы? Интернет-магазины? Цифровые деньги?
Изучение нового материала.
Тема нашего сегодняшнего урока: «Web-страницы и Web-сайты. Структура Web-страницы. Форматирование текста на Web-странице». Основные моменты и определения учащиеся записывают в тетрадях.
Итак, что же такое Web-сайт и Web-страница?
Собрание страниц, объединенных некоторой общей тематикой и помещенных, как правило, на одном компьютере, называют Web-узлом или сайтом. Узлы Web подобны книгам, а Web-страницы - страницам этих книг. Компьютеры, на которых размещаются сайты, а также программы, обеспечивающие поддержку сайтов, называются серверами. На одном сервере может размещаться множество Web-узлов или сайтов.
Чтобы опубликовать в Интернете страницу, содержащую некоторую информацию, используется специально разработанный для этого язык HTML.
HTML – HyperText Markup Language (Язык разметки гипертекста) представляет собой довольно простой набор команд, описывающих структуру документа. Этот язык разметки позволяет выделить в документе отдельные логические части – заголовки, абзацы, таблицы, списки-перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и именно браузер обеспечивает наилучшее отображение Web-документа на вашем экране.
Создавать Web-страницы можно с помощью специальных программ-редакторов, автоматически генерирующих код HTML, работа с которыми не требует знания языка разметки.
Документ в окне с кодом HTML - это текстовый документ специального формата. Все файлы этого формата имеют расширение .html или .htm. В документе HTML обычный текст сочетается с элементами разметки, заключенными в угловые скобки < и >.
. Такие элементы разметки называются тэгами. Тэги бывают одиночными, открывающими и закрывающими и состоят из следующих друг за другом в определенном порядке элементов:
левой угловой скобки <;
необязательного символа слэш /, который означает, что тэг является конечным тэгом, закрывающим некоторую структуру, например, . В этом смысле можно читать символ / как конец некоторого элемента разметки, например, строки или абзаца;
имени тэга, например, html;
необязательных атрибутов. Тэг может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например, align="center";
правой угловой скобки >.
Таким образом, открывающий тэг, стоящий вначале документа HTML и означающий его начало, состоит из имени html и двух угловых скобок < >, а тэг , находящийся в конце Web-документа, кроме указанных элементов содержит также символ слэш /, означающий закрывающий тэг и указывающий на конец документа.
В тэгах могут использоваться только символы латинского алфавита, а в значениях атрибутов - любые символы. Если в качестве значений атрибута используются, например, символы кириллицы, то они должны быть заключены в кавычки
Весь материал - смотрите документ.