Кружок по информатике для 8 класса Сайтостроительство

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

"САЙТОСТРОИТЕЛЬСТВО"

для 8 класса

САЙТОСТРОИТЕЛЬСТВО

автор: учитель информатики Долгушева Е.Г.

Количество учебных часов: 34 ч.

Возрастная группа: 8 кл.

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

Умение представлять информацию в виде, удобном для восприятия и использования другими людьми, - одно из условий образовательной компетентности ученика. Веб-сайт - наиболее популярное и доступное средство представления текстовой, графической и иной информации в сети Интернета.

Кружок «Сайтостроительство» рассчитан на 34 часа, которые проводятся в течение учебного года по 1 часу в неделю. Концентрированное изучение курса позволяет учащимся более полно выявить свои способности в изучаемой области знаний, создать предпосылки по применению освоенных способов веб-строительства в других учебных курсах, подготовить себя к осознанному выбору Интернет-профессий, предусматривающих веб-мастеринг.

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

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

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

Цели курса:

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

• сформировать у них целостное представление об информационной картине мира средствами «Всемирной паутины». Научить способам представления информации в сети Интернета;

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

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

• сформировать элементы информационной и телекоммуникационной компетенции по отношению к знаниям, умениям и опыту конструирования веб-сайтов.

Задачи курса:

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

• сформировать навыки элементарного проектирования, конструирования, размещения и сопровождения веб-сайта;

• дать первичные навыки программирования на языках HTML, познакомить с основами веб-дизайна;

• сформировать навыки работы в коллективе с комплексными веб-проектами;

• создать и разместить в сети Интернета собственный веб-сайт по выбранной тематике.

Основной тип занятий - практикум. Большинство заданий кружка выполняется с помощью персонального компьютера и необходимых программных средств. Доступ в Интернет желателен, но не обязателен. Многие работы ученики могут осуществлять без подключения к сети.

Индивидуальная учебная деятельность сочетается с проектными формами работы по созданию сайта. Выполнение проектов завершается их защитой и рефлексивной оценкой.

ПРИМЕРНОЕ ТЕМАТИЧЕСКОЕ ПЛАНИРОВАНИЕ

Моя веб-страничка (6 ч).

Гипертекстовый документ (3 ч).

Web- страничка с графическими объектами (4 ч).

Виды сайтов (2 ч).

Основы HTML (6 ч).

Редакторы сайтов (2 ч).

Основы веб-дизайна (5 ч).

Размещение сайта в сети (2 ч).

Проектирование сайта (2 ч).

Зачетная работа (2 ч).

Содержание кружка

Моя веб-страничка (6 ч)

В этой главе вы узнаете, что такое гипертекст, как создаются веб-страницы, что делают браузеры. Познакомитесь с некоторыми тегами - командами языка HTML. Научитесь менять цвет шрифта и фона. Создадите свою «визитку» в виде простейшей веб-страницы.

Основные понятия: гипертекст, HTML, тег, браузер, веб-страница, разметка, структура документа, заголовок, тело.

Содержание:

Знакомство с языком HTML (2ч)

Теги HTML (4ч)

Теги форматирования текста

Теги форматирования таблиц

Таблица цветов

Тэги работы с цветом

Гипертекстовый документ (3 ч)

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

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

Содержание главы:

Всплывающие подсказки

Гиперссылки

Творческая работа "Моя веб-сираничка" ("Мой класс", "Мое хобби" и т.п.)

Web- страничка с графическими объектами (4 ч)

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

Основные понятия: растровый формат, векторный формат, метафайлы, рамка изображения, выравнивание, обтекание.

Содержание главы:

Рисунки и фотографии в сети Интернета. Графические редакторы

Параметры и форматы графического файла

Как создать графический файл для веб-страницы. Изображения в HTML-документе

Творческая работа. Тема «Сделай красиво!»

Виды сайтов (2 ч)

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

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

Содержание главы:

Виды сайтов, их назначение (Способы управления вниманием посетителей, Способы организации информации, Графический и технический дизайн)

Критерии оценки сайтов (Скорость загрузки страниц и определяющие факторы, Интерактивность сайта, Интернет-технологии)

Основы HTML (6 ч)

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

Основные понятия: списки, таблицы, фреймы, формы, метатеги, интерактивность.

Содержание главы:

Таблицы (4 ч.)

Лишние ячейки. Пустые ячейки

Объединение ячеек. Согласуй с соседями

Разделение ячейки. Опять согласовывать

А стоит ли делить? Вложенные таблицы

Цвета фона. Таблица может быть радугой

Для радуги - цветную клетку!

Поля. В тесноте, да не в обиде

Жизнь с таблицами

Фреймы. Формы. Метатеги

Творческая работа. Тема «Выполнение и защита небольшого проекта»

Редакторы сайтов (2 ч)

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

Основные понятия: редактор веб-страниц, активные элементы, динамический язык, сценарий, баннер, сервер, администрирование.

Содержание главы:

Редакторы сайтов

Программа HomeSite и ее возможности

Основы веб-дизайна (5 ч)

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

Основные понятия: дизайн, векторная и растровая графика, графический редактор, инструменты, фильтры, графические примитивы, палитра цветов, формат графического файла, заголовки, текст, разделы, ссылки, термины, эффективность рекламы.

Содержание главы:

Логотип. Фирменный стиль. Цветовая гамма

Макет дизайна. Верстка и оптимизация веб-страниц

Информационное наполнение сайга (контент)

Заголовки

Текст

Привлечение внимания

Соответствие содержанию

Термины

Конкретность

Простота

Краткость

Логичность изложения

Орфография

Расположение элементов на сайте

Графические элементы

Анимация

Баннеры

Навигация

Творческая работа

Выполнение и защита творческих работ на выбранные темы

(логотип, баннер, фирменный стиль, макет дизайна и др.)

Размещение сайта в сети (2 ч)

В этой главе вы научитесь размещать подготовленные вами сайты в сети Интернета. Оценивать предлагаемые провайдерами условия размещения и выбирать оптимальные. Загружать на сервер свои файлы разными способами и тестировать веб-страницы. Научитесь делать свой сайт заметным среди многих.

Основные понятия: Интернет, IP-адрес, домен, провайдер, хостинг, трафик, доступ по коммутируемым каналам, выделенная линия, модем, скорость передачи информации, администрирование сайта, протоколы FTP, TCP/IP, HTTP, релевантность запросов, скорость загрузки, критичность размеров файлов изображений и веб-страниц, электронная почта, реклама, спам, статистика, посещаемость страниц сайта, счетчик, поисковые системы, поисковые роботы, рейтинг ресурса, баннер, метатеги, ключевые слова, содержание, заголовки страниц, эффекты дизайна, интерактивность, баннерный обмен, обмен страницами.

Содержание главы:

Хостинг. Размещение сайта у провайдера. FTP - передача файлов.

Регистрация сайта в поисковых системах. Обновление сайта

Проектирование сайта (2 ч)

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

Основные понятия: концепция сайта, цели сайта, структура сайта, пользователи, навигация.

Содержание главы:

Концептуальное проектирование

Основные и второстепенные цели

Действия, которые необходимо предпринять для достижения

поставленных целей

Состав пользователей

Интересы групп пользователей

Разделы сайта

Критерии достижения цели

Логическое и физическое проектирование

Тип структуры сайта (линейная, иерархическая, контекстная, другая)

Названия разделов

Что будет содержать в себе каждый раздел

Организация и связь разделов между собой

Какая информация будет размещена на определенных страницах сайта

Технологии, которые будут применяться на сайте

Используемое программное обеспечение

Возможные проблемы и способы их устранения

Как будет обновляться информация

Глава XI. Зачетная работа (2 ч)

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

Основные понятия: тема и структура веб-сайта, проектирование, изготовление, размещение, тестирование сайта, экспертная оценка.

Содержание главы:

Выбор темы творческого проекта - сайта

Проектирование, создание и размещение сайта в сети

Защита выполненных проектов

Самооценка и оценка. Рефлексия

Список информационных ресурсов

Развитие информационных технологий происходит быстрыми темпами. Новые стандарты устаревают, не успев пройти официального утверждения. Обновляемые электронные издания в этом смысле более мобильны, чем «бумажные» варианты учебных пособий. Приведем адреса Интернет-ресурсов, которые содержат информацию, полезную для создания сайтов любого уровня сложности и качества.

htmlbook.ru - Мержевич Влад.

Краткий, но информационно насыщенный учебник по технологии создания сайтов, HTML, CSS, дизайне, графике и др. Выполнен в стиле расширенного справочника с примерами. Написан доступным языком. Подходит для углубленных занятий как под руководством учителя, так и индивидуально.

intuit.ru/ - П.Б. Храмцов, С.А. Брик, A.M. Русак, А.И. Сурин.

Сайт Интернет-университета информационных технологий. Курс лекций посвящен основам веб-технологий. Рассчитан на студентов вузов, но может быть полезен всем, кто желает углубить свои знания в этой области.

postroika.ru/ - Аленова Наталья.

«Учебник (руководство) по html. Я писала это руководство в расчете на людей начинающих, вспоминая, как когда-то начинала сама. Это не сухое изложение всего подряд, это попытка поработать на ассоциациях, сделать все более легко запоминающимся. Мне кое-где не удалось избе­жать нудных моментов, но я старалась и буду стараться, дополняя и исправляя все написанное время от времени».

html.manual.ru/ - Городулин Владимир.

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

winchanger.narod.ru - А. Климов

Краткий справочник по тегам HTML-языка.

w3.org/ - World Wide Web Consortium.

О спецификации HTML 4.0. Профессиональный документ. Для тех, кому недостаточно справочников, или для решающего аргумента в спо­ре. Единственной нормативной версией является английская версия дан­ного документа. Однако переводы этого документа имеются по адресу w3.org/MarkUp/html40-updates/translations.html