Конспект урока "Создание Web-сайта на заданную тему", 10 класс (проф.ур)

Цели и задачи урока:

• развитие познавательного интереса, логического мышления и творческой активности учащихся;

• развитие у школьников умения излагать мысли, моделировать ситуацию;

• повторение и закрепление пройденного материала;

• воспитание уважения к сопернику, воли к победе, находчивости умение работать в команде;

• формирование общеучебных и общекультурных навыков работы с информацией и компьютером;

• Повысить интерес, увлечь учащихся предметом, привить любовь к информатике через совместную деятельность

• Стимулировать поисково-познавательную деятельность. Показать, что информатика сложна только для тех, кто не хочет и не желает вообще ничего делать.

• Обобщить и систематизировать знания, полученные во время обучения информатике.

Задачи:

• Воспитательная: Развитие познавательного интереса, памяти, внимательности, логического мышления, воспитание информационной культуры. Развитие умения работать с дополнительными программами, правильно выбирать источники дополнительной информации.

• Учебная: Углубление, обобщение и систематизация знаний по программному обеспечению ПК.

• Познавательная: Совершенствование навыков работы и повышение интереса к современным компьютерным технологиям.

Технические средства: компьютеры IBM/PC, карточки с заданиями

Программное обеспечение: операционная система WINDOWS ХР,

программа Блокнот, Браузер Internet Explorer

Замечание. Для выполнения задания должна быть приготовлены папки с рабочим материалом, в который включить файлы, краткая справка по тэгам Приложение 1.

План урока:

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

2. Актуализация знаний.

3. Планирование Web-сайта

4. Выполнение лабораторно-практической работы по теме

5. Домашнее задание

6. Итог урока.

Ход урока:

I. Орг. момент.
Приветствие учащихся, проверка присутствующих. Объяснение хода занятия.

II. Актуализация знаний.

- Что такое сайт?

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

Создание интернет-странички в Блокноте – это долгий и кропотливый процесс, гораздо быстрее создать сайт по шаблону, каких достаточно на бесплатных серверах.

Сегодня сделать свой собственный сайт не составляет большого труда даже для человека, который не очень часто сталкивается с интернетом. Находится стандартная картинка (шаблон вашего будущего сайта). С помощью разнообразных программ типа "Front Раgе" происходит верстка страниц сайта, создание ссылок для связи между ними - и простой сайт готов. Остается только разместить его в интернете, что можно без проблем сделать на серверах, предоставляющих бесплатный хостинг (размещение сайта). Вкупе с хостингом можно выбрать и доменное имя сайта. Правда, осуществить качественную раскрутку такого сайта вряд ли получится - большинство поисковиков и каталогов игнорируют сайты, расположенные на бесплатном хостинге.

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

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

- Что такое Web-страницы и Web-сайты?

Web-сайт (Web-узел) - это набор связанных между собой близких по смыслу Web-страниц и файлов. Сайты обычно посвящены какой-то определённой теме и содержат информацию, относящуюся к частному лицу или компании

- Что такое гиперссылка?

Гиперссылка - это текст или изображение на Web-странице, при щелчке на котором происходит переход к другой Web-странице или сайту.

- На каком языке создаются web-сайты?

Язык HTML (язык разметки гипертекста) — это язык, на котором создаются Web-страницы.

- Как называются специальные управляющие последовательности символов, использующиеся в HTML-документах?

Кроме полезного текста в HTML-документах используются специальные управляющие последовательности символов — тэги.

- Чем отличается закрывающийся тэг от начального?

Закрывающийся тэг отличается от начального только присутствием символа "/", добавляемого перед именем тэга.

- При интерпретации тэгов браузер делает различия между строчными и прописными буквами?

При интерпретации тэгов браузер не делает различия между строчными и прописными буквами. Поэтому сами тэги можно набирать на любом регистре. Зачастую параметр (атрибут) является необязательной величиной и его можно пропускать.

III. Планирование Web-сайта

Сегодня учащиеся, разбившись на пары, будут разрабатывать свой WEB-сайт о:

1. Блокада Ленинграда

2. Олимпиада

• Для начала нужно решить, какой материал будет содержать ваш сайт

На доске записаны темы, выберете любую из них

• Необходимо определить, каким будет назначение сайта; его основные цели

Создание сайта как информационного блога благодаря которому мы сможем донести до людей нужную информацию

• Необходимо определить, как страницы будут связаны между собой. при помощи гиперссылок

В классе выбираются несколько групп учащихся(по 2 человека в группе).

IV. Выполнение лабораторно-практической работы.

1. Исходные файлы: находятся в папке на рабочем столе

Перед выполнением задания скопируйте все файлы из папки «Создание web-сайта на заданную тему» в свою рабочую папку.

2. Загрузить программу Блокнот (ПУСК – Программы – Стандартные)

3. Открыть готовый текстовый файл «для веб-страницы.txt »

Замечание. На каждом шаге будете добавлять новый тэг – он выделен жирным шрифтом. Остальные тэги остаются без изменения.

4. В начале текста разместить тэг, указывающий, что данный документ является HTML-текстом (т.е. обязательный тэг для Web-страницы):

html