Технологии создания WEB-сайтов

В.А. Димитренко, учитель школы № 40 Дзержинского района г. Волгограда

[к списку элективных курсов]

Курс прошел экспертизу в ВГИПК (Волгоградский государственный институт повышения квалификации и переподготовки работников образования).  Опубликован   в приложении №51 2006 г. к журналу "Учебный год".

Пояснительная записка

Элективный курс для профильной подготовки учащихся 10-х классов является дополнением и расширением раздела «Технология создания и обработки графической и мультимедийной информации».

В последнее время во всём мире стремительно идет процесс информатизации, и все больший вес приобретают науки, связан­ные с общением, информационными и коммуникационными про­цессами. Всё большее значение в жизни людей занимает Интернет и технологии, связанные с работой в сети, умение создавать Web-сайты. Современному человеку требуется не только определенный набор знаний, но и умение самостоятельно приобретать недостаю­щие информацию, знания, навыки и применять их на практике. Одним из таких умений является умение работать с компьютером, применять его как инструмент создания реальных или виртуаль­ных объектов, в том числе и Web-сайтов.

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

В проекте федерального компонента государственного стан­дарта общего образования по информатике и информационным технологиям изучение информатики предполагает:

-    овладение умениями работать с различными видами ин­формации;

-    развитие познавательных интересов, интеллектуальных и творческих способностей средствами информационных и комму­никационных технологий и избирательного отношения к информа­ции;

-    выработку навыков применения средств ИКТ в повседневной жизни, при выполнении индивидуальных и коллективных проектов.

Курс «Технологии создания Web-сайтов» способствует решению этих целей, помогает формированию у учащихся надпредметных умений, способствующих реализации способностей в других предметных областях. Этот элективный курс даёт возможность учащимся самим создавать продукты, которые можно применять в сети Интернет. Знание интернет-технологий становится одним из важных факторов, способствующих востребованности человека в жизни, в обществе.

Для учащихся актуальным является развитие алгоритмиче­ского мышления, знание различных языков программирования, умение их сравнивать, сопоставлять, анализировать. Кроме того, они должны уметь применять языки программирования для реше­ния конкретных прикладных задач, выбирать оптимальные спосо­бы и программные средства для достижения поставленных целей. Этому способствует программа данного курса. Курс «Технологии создания WEb-сайтов» предлагается для учащихся, желающих расширить свои знания по предмету, получить умения, способст­вующие более полному раскрытию способностей.

Однако уровень подготовки учащихся может быть различным, поэтому и содержание курса может видоизменяться, варьироваться в зависимости от подготовленности учащихся. Курс рассчитан на 19 учебных часов +16 часов обучающей проектной деятельности. После изучения данного курса возможен выход учащихся на проектную деятельность в 11 классе, участие в социальных проектах.

Цели:

1)       обучение учащихся составлению и отладке алгоритмов (на основе изучения языка программирования НТМL);

2)   выработка умения применять программы обработки графики и текста.

Задачи:

1.       Сформировать у учащихся базовые представления о языке гипертекстовой разметки НТМL.

2.       Освоить программы обработки графической и текстовой информации.                          

3.      Научить создавать Web-сайты в редакторах Блокнот, Microsoft Word.

4.      Познакомить с работой сети Интернет и электронной почты.

5.      Вырабатывать у учащихся навык самостоятельной работы с компьютером.

6.      Развивать у учащихся представления об этике оформлена и дизайна при создании Web-сайта.

Поурочное планирование

Программа курса

На данный курс отводится 35 часов, одно полугодие по 2 часа в неделю или по 1 часу в течение года. Преподавание проводится в 10 классе.

1. Компьютерные сети и Интернет (3 ч.).

1.1   Соединение компьютеров в Интернете.

1.2              Организация передачи данных.

1.3              Электронные документы.

2. Язык гипертекстовой разметки НТМЬ (12 ч.).

2.1                Основы НТМL. Теги.

2.2       Заголовок, линия, параграф.

2.3       Управление цветом, размером, начертанием.

2.4       Создание текстовых документов в формате НТМЬ.

2.5       Таблицы.

2.6       Списки.

2.7       Гиперссылки.

2.8         Графические объекты в формате НТМЬ.

2.9         Бегущая строка.

2.10      Фоновые изображения.

2.11      Музыкальный фон.

2.12      Изображение-ссылка.

3. Создание Web-сайтов в визуальном редакторе (2 ч.).

3.1  Выбор темы оформления. Составление текстовых доку­ментов.

3.2  Нетекстовые объекты. Гиперссылки.

4.  Создание тематических Web-сайтов  (проектная дея­ тельность) (16 ч.).

4.1-4.2  Планирование содержания и оформления веб-сайта.

 4.3-4.8 Создание структуры сайта в программе Microsoft Publisher.

4.9-4.10 Гиперссылки на страницах сайта и электронные адреса.

4.11-4.13 Предварительный просмотр и редактирование НТМL-кода.

4.14-4.16 Сохранение веб-сайтов, анализ и оценка работы.

5. Электронная почта (2 ч.).

На изучение темы «Компьютерные сети и Интернет» предусматривается 3 часа. Учащиеся при изучении этой темы получа­ют теоретические сведения о работе сети, основных принципах ее организации, учатся работать с поисковыми системами Интернет, перемещаться в сети, получать из сети Интернет нужную инфор­мацию. На третьем занятии учащимся предлагается практическая работа по поиску информации (см. приложение 1).

Учащиеся должны иметь представление о настройке программы Internet Explorer и поисковых системах в сети Интернет.

Учащиеся должны уметь осуществлять поиск информации в Интернете по ключевым фразам.

В разделе «Язык гипертекстовой разметки НТМL» происходит знакомство с основными тегами языка гипертекстовой разметки НТМL (см. приложение 2). На лекциях и практических занятиях учащиеся усваивают закономерности составления простейших программ в приложении Блокнот, знакомятся с программами Microsoft FrontPage, Dreamweaver МХ 2004, Flash МХ 2004 для создания сайтов и обработки графических объектов.

Учащиеся должны знать основные теги НТМL, ориентироваться в инструментах программ обработки гипертекста и графики.

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

При изучении темы «Создание Web-сайтов в визуальном редакторе» учащиеся овладевают практическими навыками по составлению Web-страниц в текстовом редакторе Microsoft Word, знакомятся с шаблонами презентаций, учатся работать с нетекстовыми объектами. В этом небольшом разделе учащимся предлагается се­рия домашних заданий (см. приложение 3).

Тема «Создание учебных Web-сайтов» рассчитана на прак­тическое закрепление умений, полученных при изучении предше­ствующих тем. Учащиеся составляют свои собственные сайты, состоящие из 3-5 Web-страниц.

Ученикам могут быть предложены следующие темы:

-    Мир моих увлечений.

-    Я и моя семья.

-    Куда пойти учиться.

-    История нашей школы.

-    Системы счисления.

-    История информатики.

-    История ЭВМ.

-    Природа нашего края.

-    Человек и компьютер.

-    Мои одноклассники.

По желанию учащихся список тем может быть дополнен. Эта работа будет осуществляться в виде проектной деятельности, но в основном эта деятельность носит обучающий характер. Ученики, успешно проявившие себя в составлении обучающих Web-сайтов, могут попробовать себя в создании социальных сайтов или сайтов по учебным предметам (это может быть как информатика, так и другие предметы), создании Web-сайтов о своей школе, своем го­роде на основе краеведческого материала. Большая часть времени при этом отводится на практическую работу, которая предусмат­ривает как коллективную, так и индивидуальную формы работы по созданию Web-сайтов.

При изучении этой темы желательно сотрудничество с учителями-предметниками и сотрудниками учреждений культуры (библиотеками, музеями). Роль учителя при создании Web-сайтов учащимися - сторонний наблюдатель, консультант, наставник. На этом этапе элективного курса в полной мере проявляется то, насколько доступно, интересно и наглядно учитель передал необходимые знания ученикам. Мерилом его деятельности будет вполне готовый продукт - сайт, созданный его учащимися.

При изучении темы «Электронная почта» отрабатываются практические навыки передачи, получения и использования электронных сообщений. Закрепление изученного материала может быть в форме небольшого теста, включающего в себя поиск информации в Интернете, обработку полученной информации и особенности электронной почты (см. приложение 4).

Требования к результатам учащихся:

•      Знать основные понятия и термины разделов Internet Explorer, электронной почты.

•      Знать основные теги языка гипертекстовой разметки НТМL.

•      Уметь работать с электронной почтой, Интернетом.

•      Уметь работать с программами обработки текстов и графи­ки.

•      Уметь выполнять учебные творческие проекты по предмету (Web-сайты).

Прогнозируемый результат

•     Изучение основ языка НТМЬ.

•     Разработка и выполнение творческих учебных работ.

•     Совершенствование навыков работы с компьютером.

Литература

1.       Баричев С, Плотников О. Ваш Office 2000. М., 2000.

2.   Соловьёва Л. Ф. Компьютерные технологии для учителя. СПб.: БХВ-Петербург, 2004.

3.       Усенков Д. Уроки Web-мастера. М.: Бином, 2003.

4.       Шафрин Ю. Информационные технологии. М., 1998.

5.       СБ «Как работать в Интернете» из серии МедиаХауз.

Приложение 1.

Задание: Загрузите программу Internet Explorer (компьютер должен быть в это время подключён к сети Интернет). Зайдите на поисковую систему Уапйех. В адресной строке в поле ввода ввести ключевые слова «Сальвадор Дали». После того, как появятся результаты поиска в виде списка адресов, выбрать из этого списка один из сайтов и загрузить. Найдите официальный сайт Санкт-Петербургского государственного университета. Ответьте на вопрос:

■ Кто сегодня является ректором университета?

Найдите страничку юридического факультета. Ответьте на вопросы:

■   Когда проходили запись и начало занятий на малом юриди­ческом факультете?

■   Назовите известных выпускников факультета. Зайдите на поисковую систему Aport Найдите официальный сайт музея-заповедника «Московский Кремль». Ответьте на вопросы:

• Какую выставку Вы сможете посетить, если поедете в Москву на весенних каникулах?
• Чему равна стоимость билета на посещение Оружейной палаты?
• Какие экспозиции представлены в Оружейной палате?

Приложение 2.

Базисные

Внешний вид

Ссылки и графика

Разделители

Таблицы

Фреймы

Приложение 3.

Домашнее задание № 1 «Текстовые файлы и текстовые редакторы»

1. Даны три файла со следующим содержимым:

а) файл № 1

Y=x+1

б) файл № 2 «Текстовый файл - простейший способ организации данных в компьютере».

в) файл № 3

Поздравляю!!!

Какие из этих файлов относятся к текстовым, а какие - нет? Поясните ответ.

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

а) сохранение и загрузка файлов,

б) работа с графикой,

в) форматирование текста,

г) редактирование текста,

д)работа с математическими формулами,

е) печать текста,

ж) проверка правописания,

з) создание таблиц.

3.Сколько слов (с точки зрения ТР) содержится в следующем тексте, содержащем ряд ошибок:

Белыйснег пушистый ввоздухе; кружится

И наземлю тихо... падает, ложится.

4. Дан текстовый файл. Размер окна ТР 20 х 50 символов. Текст состоит из 80 строк по 70 символов в каждой. Курсор стоит в левом верхнем углу рабочего поля и в строке состояния отображается его позиция: (31,60). Сколько символов будет видно на экране?

Домашнее задание № 2 «Работа с текстовым редактором»

1.      Какие клавиши используются для редактирования неверно набранных символов?

2.      Опишите, какие действия и в каком порядке необходимо выполнить при перемещении фрагмента из одного места докумен­та в другое (для любого текстового редактора).

3.      Как происходит орфографическая проверка текста в тек­стовом редакторе?

4.      Петя открыл файл RABBIT, в котором содержится следующий текст:

Раз, два, три, четыре, пять. Петя добавил к этому тексту строку:

Вышел зайчик погулять.

Затем он выбрал команду «Сохранить как...» и ввел с клавиа­туры имя файла МУ_RABBIT. Какой текст будет храниться в файлах RABBIT и МУ_RABBIT?

Домашнее задание № 3 «PowerPoint презентация Web-сайта»

1. Разработать структуру мультимедийной презентации. Тему проекта выбрать самостоятельно.

Приложение 4

ТЕСТ "ОБРАБОТКА И ПОИСК ИНФОРМАЦИИ В ИНТЕРНЕТЕ"

1.  Максимальная скорость передачи информации по качественной коммутируемой телефонной линии может достигать:

1)    56,6 Кбит/с;

2)   56,6 Кбайт/с;

3)   100 Кбит/с;

4)   100 Кбайт/с;

5)    1 Мбит/с.

2. Какой из способов подключения к Интернету обеспечи­вает наибольшие возможности для доступа к информационным ресурсам?

1)  удаленный доступ по коммутируемому телефонному каналу;

2)  постоянное соединение по оптоволоконному каналу;

3)   постоянное соединение по выделенному телефонному каналу;

4)   терминальное соединение по коммутируемому телефонному каналу;

5)   все способы обеспечивают одинаковые возможности.

3. Электронная почта (E-mail) позволяет передавать:

1)  только сообщения;

2)  только файлы;

3)  только гипертекст;

4)  видеоизображения;

5)  сообщения и приложенные файлы.

4. Адрес электронной почты в сети Интернет: user_name@mtu-net.ru. Каково имя владельца этого электронного адреса?

1) user;

2)  user_name;

3)  mtu-net;

4)  ru;

5)  mtu-net.ru.

5. Компьютер, подключенный к Интернету, обязательно имеет:

1)  IP-адрес;

2)  Web-сервер;

3)  домашнюю Web-страницу;

4)  доменное имя;

5)  гипертекстовый редактор.

6. «.... - это стандарт, определяющий формы представления и способы пересылки сообщений, процедуры их интерпретации, правила совместной работы различного оборудования». Вместо многоточий вставить соответствующие слова:

1) Технология клиент/сервер;

2)  Протокол работы сети;

3)  Сервер-программа;

4)  Клиент-программа;

5)  Файл-сервер.

7. Гипертекст - .... Вместо многоточий вставить соответствующие слова:

1) очень большой текст;

2)  структурированный текст, в котором осуществляются переходы по выделенным меткам;

3)  текст, набранный на компьютере;

4)  текст, в котором используется шрифт большого размера;

5)  текст, в котором используется большое количество шрифтов.

[к списку элективных курсов]