Каждый такой блок охватывает изучение отдельной информационной технологии или ее части. В предлагаемой программе количество часов на изучение материала определено для блоков уроков, связанных с изучением основной темы. 5, с.29]Каждая тема курса начинается с постановки задачи — характеристики образовательного продукта, который предстоит создать ученикам. С этой целью учитель проводит веб-экскурсию, мультимедийную презентацию, комментированный обзор сайтов или демонстрацию слайдов. Изучение нового материала носит сопровождающий характер. Ученики изучают его с целью создания запланированного продукта — графического файла, эскиза веб-страницы, элемента сайта и т. п.Далее проводится тренинг по отработке умений выполнять технические задачи, соответствующие минимальному уровню планируемыхрезультатов обучения. Тренинг переходит в комплексную творческую работу по созданию учениками определенного образовательного продукта, например веб-сайта.Индивидуальная учебная деятельность сочетается с проектными формами работы по созданию сайта. Выполнение проектов завершается их защитой и рефлексивной оценкой.
2.2.
5. Учебнометодический комплект.
Программа курса обеспечивается учебным пособием для учеников, методическими рекомендациями для учителя, а также компьютерами и компьютерными программами, обозначенными в программе курса. Наиболее эффективны занятия при наличии выхода в Интернет. В то же время большая часть работы доступна школьникам без подключения к сети. Сайты могут создаваться учащимися и в локальной сети. Курс предполагает интеграцию с другими учебными предметами по принципу: технология работы с информацией — из информатики, конкретные примеры и задачи — из смежных предметов. Таким образом, информация из таких учебных предметов, как математика, физика, литература, русский и английский языки, история и др. вполне может использоваться учащимися в процессе конструирования сайтов соответствующей тематики.
2.2.
6. Планируемые результаты курса.
В рамках данного курса учащиеся овладевают следующими знаниями, умениями и способами деятельности:
умеют найти, сохранить и систематизировать необходимую информацию из сети с помощью имеющихся технологий и программного обеспечения; владеют браузерами IE, NN, Opera;умеют спроектировать, изготовить и разместить в сети веб-сайт объемом 5—10 страниц на заданную тему;
знают и умеют применять при создании веб-страницы основные принципы веб-дизайна;
владеют необходимыми способами проектирования, создания, размещения и обновления веб-сайта;
знают виды веб-сайтов, способны произвести анализ и сформулировать собственную позицию по отношению к их структуре, содержанию, дизайну и функциональности;
владеют приемами организации и самоорганизации работы по изготовлению сайта;
имеют положительный опыт коллективного сотрудничества при конструировании сложных веб-сайтов;
имеют опыт коллективной разработки и публичной защиты созданного сайта;
2.
3. Примерное тематическое планирование№Название темы.
Всего часов1Введение. Виды и типы сайтов.
Знакомство с созданными сайтами в Интернете с помощью различных конструкторов12−5Основы технологии создания Webстраниц. Структура документа. Знакомство с основными структурными тэгами. Атрибуты тэгов. Атрибуты задания цвета фона и цвета текста. Параметры форматирования шрифта. Создание и размещение фоновых рисунков. Размещение графики.Разделители. Списки маркированные и нумерованные. Гиперссылки на Webстраницах. Таблицы. Инструментальные средства для создания Web-страниц46Проектирование сайта.
Этапы разработки Web-сайта.Правила создания хорошего Web-сайта. Примеры удачных и неудачных решений17Планирование содержания веб-сайта18Планирование оформления веб-сайта19Эскиз структуры сайта110Дизайн сайта 111Создание структуры сайта в JIMDO112Главная страница сайта113−14Путеводитель сайта215−16Заполнение сайта217Тестирование сайта118Сохранение веб-сайта. Защита сайтов119−20Анализ и оценка работы2Всего 202.
4.Список информационных ресурсов.
Развитие информационных технологий происходит быстрыми темпами. Новые стандарты устаревают, не успев пройти официального утверждения. Обновляемые электронные издания в этом смысле более мобильны, чем «бумажные» варианты учебных пособий. Приведем адреса Интернет-ресурсов, которые содержат информацию, полезную для создания сайтов любого уровня сложности и качества:
Заключение
.
В заключении хотелось бы отметить, что создание персональных сайтов продиктовано временем. Возможности использования персональных сайтов еще не достаточно изучены. Хотя уже сегодня, без сомнения, можно отметить, что работа с персональными сайтами дает возможность развития информационно-коммуникационных компетенций не только учащихся, но и самих педагогов. Информатика играет особую роль в школе как фундаментальная наука о способах обработки и использования знаний в общественной практике. Техническими и программно-методическими средствами информационных технологий учащиеся пользуются каждодневно соответственно своему возрасту и имеющимся условиям. Повседневно пользуясь современным инструментарием интеллектуального труда, учащийся не только конструирует свое видение мира, но и учится эффективному использованию информационных услуг в собственной жизни и учебной деятельности[7]. Факультативный курс по технологии создания сайтов вносит свою лепту в общеобразовательную подготовку учащихся технологического профиля. Универсальность большинства изучаемых в данном курсе знаний и способов деятельности превращает его в дисциплину, интегрирующую различные предметы школьного курса, поскольку помогает ученикам справляться с обработкой и представлением многопредметного информационного потока. Успех данного курса в обусловлен его продуктивной личностной ориентацией, высокой социальной обусловленностью, деятельностным подходом, а также профессионализмом авторов курса, которые разработали его с опорой на свой многолетний педагогический опыт обучения школьников и педагогов основам сайтостроительства. В процессе работы были решены следующие задачи:
изучен вопрос использования информационных технологий в индустрии образовательных услуг;
— знакомство с различнымиweb-сайтами и их анализ;
— изучены особенности разработки персонального web-сайта ;
— рассмотрены особенности продвижения web-сайта;
— созданапрограмма факультативного курса с учётом собственных требований. Цель курсовой работы была выполнена: разработана программа элективного курса и создано методическое пособие. Сам процесс создания сайта настолько захватывает и заставляет стремиться к пониманию и изучению нового. И что самое главное, сайт постоянно может обновляться, редактироваться, расширяться по своим функциям и потребностям.
Список литературы
Байков В. Интернет: поиск информации и продвижение сайтов[Текст] / В. Байков — СПб, 2000.-38 с.Барашко.
А.В. Использование информационных технологий:
Сборник методических рекомендаций. Текст] /А.В. Барашко- М.: Айрис — пресс, 2007.-321 с.Беспятова.
Н. К. Программа педагога факультативного образования: От разработки до реализации [Текст] / Н. К. Беспятова — М.: Айрис — пресс, 2003. — 176с. Григорьев Е. И.
Современные технологии социально - культурной деятельности [Текст] / Е. И. ГригорьевТамбов, 2004.-54с.Есаулова С. П. Информационные технологии:
Учебное пособие[Текст] / С. П. ЕсауловаМ.: Дашков и Ко, 2012.
Вишневский А.В., Глущенко, Н.В., Гончаров, Д.А. и др. Информатика:
Учебное пособие [Текст] / С. В. Швец. — Изд. 2-е, перераб. и доп. -.
Абакан: Изд. ХГУ, 2002, — 278с. Иванченко В. Н. Занятия в системе факультативного образования детей: Учебно-методическое пособие [Текст]/В. Н. ИванченкоРостов н/Д: Из-во «Учитель», 2007. — 288с. Каймин В. А. Интернет-Технологии: Учебное пособие.
Текст] / В.А. КайминМ., WDU. 2001; 400с. Мак-Дональд М. Создание Web-сайта. Недостающее руководство[Текст] / - 3-изд.: Пер. с англ. Спб.: БХВ-Петербург, 2013.
Погодина.
И.А. Формированиеинформационно-коммуникационной компетенции учащихся в условиях общеобразовательной школы:
Автореферат дисск.
п.н.: 13.
00.01 [Текст] И. А. Погодина — Владикавказ, 2011.
Федорчук А. Как создаются Web-сайты[Текст./А. ФедорчукСПб, Питер. 2001. -180с. Дополнительная литература.
Демидова С. В., Иванов О. А., Оценка достижения планируемых результатов в школе.: Система заданий. В 2 ч. Ч.1/ Г.
С. Ковалева — 2-е изд. — М.: Просвещение, 2010.
— 215 с. Горский В. А. и др. Примерные программы внеурочной деятельности. Начальное и основное образование[Текст] / В. А.
Горский — М.: Просвещение, 2010.-111с. — (Стандарты второго поколения).Шаховалов Н. Н. Интернет-технологии:
учебное пособие[Текст] / Н.Н. ШаховаловБарнаул: Алт.
ГАКИ, 2007.-222 с. Федеральный закон «Об образовании Российской Федерации» от 29.
12.2012 № 273-ФЗ [Текст]. — М.:Омега-Л, 2013.
Федеральные государственные образовательные стандарты среднего образования от 17.
05.2012 № 413 [Электронный ресурс] - Режим доступа:
http://standart.edu.ru/catalog.aspx?CatalogId=2588, свободный. — (Дата обращения 11.
12.2015)Интернет источники.
Технологии создания сайтов, Режим доступа:
http://www.webinside.ru/tech.html.(Дата обращения 11.
12.2015)Информационный портал, Режим доступа:
http://more-it.ru/view_post.php?id=51,свободный.-(Дата обращения 10.
12.2015).Информационный портал, Режим доступа:
http://vdsinfo.ru/index.php/internet-technologii, свободный. -(Дата обращения 10.
12.2015)Информационный портал, — Режим доступа:
http://site-sam.com/domen.html, свободный.- (Дата обращения 11.
12.2015)Информационный портал,-Режим доступа:
http://www.zvirec.com/domen.php, свободный. -(Дата обращения 11.
12.2015)Учебно-информационный портал, -Режим доступа:
http://uchebnikionline.ru, свободный.-(Дата обращения 12.
12.2015)ХитростиWEB-дизайна, — Режим доступа:
http://www.khv.ru/redirect, свободный.- (Дата обращения 12.
12.2015)Приложение 1. Методичкапо работе с конструктором сайтов JimdoМетодичка по работе с бесплатным конструктором сайтов Jimdo. comС Jimdo каждый может легко создать собственные веб-страницы и очень просто разместить их во всемирной сети. И все это — без особых знаний HTML, а главное, абсолютно бесплатно. Шаг 1. Регистрация.
Зайдите на сайт.
http://ru.jimdo.com/. На главной странице будет окно для ввода имени пользователя и E-mail адреса. Строка «имя пользователя» — название сайта. Оно должно состоять из латинских букв и цифр, быть длиной от 2 до 25 символов. Введите адрес вашего электронного ящика. Он должен быть действующим, так как вам будет необходимо подтвердить регистрацию. После заполнения нажмите кнопку «Создать мою страницу!». На почтовый ящик, указанный в графе, должно прийти письмо для подтверждения. Шаг 2. Начало работы с сайтом.
Письмо для подтверждения в вашем почтовом ящике будет содержать пароль для входа и ссылку на Ваш сайт. Проследуйте по ссылке. В открывшемся окне нажмите «Вход» и введите пароль. Шаг 3. Выбор дизайна сайта.
После входа на страничку в правом углу экрана вы увидите панель меню. В ней выберите вкладку «Эскиз» и подберите дизайн для Вашего будущего сайта. Нажмите «Сохранить».Затем подтвердите изменения. Шаг 4. Дополнительные настройки дизайна.
Для изменения размера, цвета шрифта зайдите во вкладку «Стиль». После проведенных изменений, нажмите «Сохранить», затем в появившемся окне «Принять изменения"Если выбранный Вами дизайн предполагает загрузку рисунка, который будет отображаться на всех страницах (в нашем случае он находится над меню и представляет собой листочек с капельками), вы можете загрузить подходящее к тематике сайта свое изображение. Для этого: Наведите курсор на изображение. В появившейся вкладке, нажмите «Обработать header».Затем выберите один из предложенных вариантов: использование изображения из базы данных, вставить собственное изображение или добавить заголовок. Не забудьте принять изменения. Шаг 5. Построение меню.
При наведении курсора к уже данному (исходному) меню, возникает вкладка «Редактировать навигационное меню».
2.После нажатия возникает новое окно, в котором можно добавлять новые вкладки, подменю, переименовывать их. После проведенной работы, не забудьте нажать кнопку «Сохранить"Шаг 6. Содержание сайта.
При наведении курсора на уже существующие блоки с информацией, возникают значки «+» (добавление нового блока) и мусорной корзины (удаление существующего).Рассмотрим вариант добавления. Существует возможность добавления различного вида информации:
Заголовок.
ТексттаблицаГалерея изображений.
РазделительВидео YouTubeМузыка.
ИзображениеФормуляр
ФайлИзображение в тексте и т. д. При нажатии на любую вкладку возникает новое дополнительное окно, имеющее понятный интерфейс. Отдельного рассмотрения удостоены вкладки «Изображение в тексте», «Видео YouTube» и «Галерея изображений"6.
1."Видео YouTube"Нажать «+», затем в появившемся окне «YouTube и т. д.». перед Вами предстанет поле, в которое следует вбить интернет адрес интересующего Вас видео, которое должно быть размещенона сайтеwww.YouTube.com. Нажмите «Сохранить».
6.2. «Изображение в тексте"Нажать «+», затем в появившемся окне «Изображение в тексте». Перед Вами предстает новое окно. Работа будет проходить в два этапа:
Сначала нажмите вкладку «Обработать текст». Введите нужную информацию, которая может быть только в текстовой форме. Затем нажмите вкладку «Обработать изображение». Нажав на кнопку «Обзор», выберите нужную картинку или фотографию. Затем кликните кнопку «Перенести изображение"Сохраните6.
3. «Галерея изображений».! Для добавления единичных фотографий лучше пользоваться вкладкой «Изображение"Нажать «+», затем в появившемся окне «Галерея изображений». В появившемся окне нажмите «Обзор» и загрузите нужные фотографии. В зависимости от скорости подключения, количества фотографий и их размера время каждой загрузки будет отличаться. Изменение процента проделанного процесса изменяется неравномерно, поэтому не стоит обновлять страницу и работать с меню или настройками, иначе процесс прервется. Важно дождаться появления списка загруженных фото. Меню работы с фотографией позволяет подписывать как альбом, так и фотографии по отдельности, менять их расположение, пропорции, размеры, стиль. Во вкладке «Формат» выберите подходящий режим отображения.
6.4. «Загрузка файлов"В случае если необходимо на сайт загрузить документы различного вида, например, презентации, большие тексты, книги, то лучше всего воспользоваться функцией «Загрузка файлов».Нажать «+», затем в появившемся окне «Загрузка файлов».Перед вами появится новое окно. В нем нажмите «Обзор», выберите нужный файл на Вашем компьютере. Затем нажмите «Перенести документ». В зависимости от размера файла и скорости подключения загрузка может занять некоторое время. Дождитесь появления файла в списке. «Сохранить"Приложение 2. Основные теги языка НТМL.Базисные.
Тип документа<HTML></HTML>начало и конец файла.
Имя документа<TITLE></TITLE>должно быть в заголовке.
Заголовок<HEAD></HEAD>описание документа.
Тело<BODY></BODY>содержимое страницы.
Заглавие<H1></H1>стандарт определяет 6 уровней.
Выделение<EM></EM>обычно изображается курсивом.
Внешний вид.
Жирный<B></B> Курсив<I></I> Форматированный<PRE></PRE>сохранить формат текста как есть.
Ширина<PRE WIDTH=?x/PRE>в символах.
Центрировать<CENTERx/CENTER>как текст, так и графика.
Размет шрифта<FONT SIZE=?><FONT> Цвет шрифта<FONT COLOR="#$$$$$$" x/FONT> Выбор шрифта<FONT FACE="***" x/FONT> Выравнивание<SPACER LIGH=left-right-center> Ссылки и графика.
Ссылка<A HREF="URL" ></A>в другом документе.
Ссылка на закладку<A HREF="URL#***" ></A>Графика<IMG SRC="URL" > Разделители.
Параграф<P></P>закрывать элемент часто не обязательно.
Выравнивание<P ALIGH=LEFT-CENTER RIGHT></P> Новая строка<BR>одиночные перевод строки.
ТаблицыОпределить таблицу<TABLE></TABLE> Окантовка таблицы<(abiebordei=?></TABLE> Строка таблицы<TR></TR> Выравнивание<TR ALIGH=LEFT-RIGHT> Фреймы.
Документ с фреймами<FRAMESETX/FRAME SET>вместо <BODY>Высота строк<FRAMESE ROWS=*></FRAMESET>относительный размер
Ширина колонокESE COLS=*></FRAMESET>относительный размер
Определить фрейм<FRAM>содержание отдельного фрейма.
Ширина границы<FRAM MARGINWIDTH=?>правая и левая границы.
Высота границы<FRAM MARGINHEIGHT=?>верхняя и нижняя границы.
Скроллинг<FRAM SCROLLING-" YES-NO-AUTO" > Постоянный размер<FRAME NORESIZE>
