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

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

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

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

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

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

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

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

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

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

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

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

Цели:

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

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

Задачи:

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

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

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

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

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

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

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

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

На данный курс отводится 35 часов по 1 часу в течение года.

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 часа. Учащиеся при изучении этой темы получа¬ют теоретические сведения о работе сети, основных принципах ее организации, учатся работать с поисковыми системами Интернет, перемещаться в сети, получать из сети Интернет нужную информацию. На третьем занятии учащимся предлагается практическая работа по поиску информации.

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

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

В разделе «Язык гипертекстовой разметки НТМL» происходит знакомство с основными тегами языка гипертекстовой разметки НТМL. На лекциях и практических занятиях учащиеся усваивают закономерности составления простейших программ в приложении Блокнот, знакомятся с программами 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.

Практическая работа № 1. Использование поисковой системы. Поиск по ключевым словам.

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

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

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

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

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

•        Какую выставку Вы сможете посетить, если поедете в Москву на весенних каникулах?

•        Чему равна стоимость билета на посещение Оружейной палаты?

•        Какие экспозиции представлены в Оружейной палате?

Строка таблицы

Выравнивание