РОССИЙСКАЯ ФЕДЕРАЦИЯ
АДМИНИСТРАЦИЯ
МЕДВЕНСКОГО РАЙОНА КУРСКОЙ ОБЛАСТИ
МУНИЦИПАЛЬНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ
БЮДЖЕТНОЕ УЧРЕЖДЕНИЕ
«ВЫШНЕРЕУТЧАНСКАЯ
СРЕДНЯЯ ОБЩЕОБРАЗОВАТЕЛЬНАЯ ШКОЛА»
307048, Курская область, Медвенский
район, с. Верхний Реутец
Тел.: 8 (47146) 4-56-35, адрес
электронной почты: vreut52@mail.ru
Педсовет от __________ 2016г.
Протокол № ____________
ВВЕДЕНО В ДЕЙСТВИЕ
Приказом №_____ от ___________2016г.
Директор школы: ___________ З.А. Калашникова
Рабочая программа
по элективному курсу
«Технология создания web-сайтов»
10 класс
на 2016-2017 учебный
год
Составитель: учитель
Рощупкин Михаил Сергеевич
пояснительная записка
В последнее время особенно стремительно во всём мире идет
процесс информатизации, и все больший вес приобретают науки, связанные с общением,
информационными и коммуникационными процессами. Этот курс актуален и необходим
уже потому, что всё большее значение, всё больший интерес в жизни людей
занимает Internet и технологии, связанные с работой в сети,
умение создавать Web-сайты. Современному человеку
требуется не только определенный набор знаний, но и умение самостоятельно
приобретать недостающие информацию, знания, навыки и применять их на практике.
Одним из таких умений является умение работать с компьютером, применять его как
инструмент создания реальных или виртуальных объектов в том числе и Web-сайтов.
В школе изучение информатики переносится в более ранние
классы, пересматривается содержание предмета, многие разделы расширяются,
углубляются, появляются новые. Однако темпы развития информатизации общества
обгоняют учебные планы, школьную программу. В основной школе на эти темы
отводится недостаточно времени, нет возможности организовать индивидуальную
работу.
В проекте федерального компонента государственного стандарта
общего образования по информатике и информационным технологиям изучение информатики
предполагает:
Ø Овладение
умениями работать с различными видами информации;
Ø Развитие
познавательных интересов, интеллектуальных и творческих способностей средствами
информационных и коммуникационных технологий и избирательного отношения к
информации;
Ø Выработка
навыков применения средств ИКТ в повседневной жизни, при выполнении
индивидуальных и коллективных проектов.
Курс «Технологии создания Web-сайтов»
способствует решению этих целей, помогает формированию у учащихся надпредметных
умений, способствующих реализации способностей и в других предметных областях.
Этот курс даёт возможность учащимся самим создавать продукты, которые можно
применять в сети Интернет. Знание Интернет - технологий становится одним из
важных факторов, способствующих востребованности человека в жизни, в обществе.
Для учащихся
является актуальным развитие алгоритмического мышления, знание различных языков
программирования, умение их сравнивать, сопоставлять, анализировать. Кроме
того, они должны уметь применять языки программирования для решения конкретных
прикладных задач, выбирать оптимальные способы и программные средства для
достижения поставленных целей. Этому способствует программа данного курса.
Курс «Технологии
создания Web-сайтов» предлагается для
учащихся, желающих расширить свои знания по предмету, получить умения,
способствующие более полному раскрытию способностей. Данный курс способствует
выходу учеников на профессию.
Однако уровень
подготовки учащихся может быть различным, поэтому и содержание курса может
видоизменяться, варьироваться в зависимости от подготовленности учащихся. Курс
рассчитан на 19 учебных часов +16 часов обучающей проектной деятельности. После
изучения данного курса возможен выход учащихся на проектную деятельность в 11
классе, участие в социальных проектах.
Цели:
1. Обучение
учащихся составлению и отладке алгоритмов (на основе изучения языка
программирования HTML).
2. Выработка умения применять программ обработки графики
и текста.
Задачи:
- Сформировать
у учащихся базовые представления о языке гипертекстовой разметки HTML.
- Освоить программы
обработки графической и текстовой информации.
- Научить создавать Web-сайты в редакторах Блокнот, MS Word.
- Познакомить с
работой сети Интернет.
- Вырабатывать
у учащихся навык самостоятельной работы с компьютером.
- Развивать
у учащихся представления об этике оформления и дизайна при создании Web-сайта.
Программа курса
1.
Компьютерные сети и Интернет. – 3ч.
Соединение компьютеров в Интернете. Организация
передачи данных. Электронные документы.
2.
Функции сайта. – 4ч.
Виды сайтов. Функции сайтов. Виды карт сайтов. Файловая
структура сайта.
3. Язык
гипертекстовой разметки HTML. – 12ч.
Основы HTML. Теги. Заголовок, линия, параграф. Управление
цветом, размером, начертанием. Создание текстовых документов в формате HTML. Таблицы. Списки. Гиперссылки. Графические объекты в формате HTML. Бегущая строка. Фоновые изображения. Музыкальный фон. Изображение-ссылка.
4. Создание
тематических Web-сайтов (проектная деятельность). –
16 ч.
Планирование содержания и оформления Web-сайта. Создание структуры сайта. Гиперссылки на страницах сайта и
электронные адреса. Предварительный просмотр и редактирование HTML-кода. Сохранение Web-сайтов, анализ и оценка
работы.
УЧЕБНО-ТЕМАТИЧЕСКИЙ
ПЛАН
№
п/п
|
Содержание
|
Дата
|
Корр.
даты
|
Компьютерные
сети и Интернет (3ч)
|
1
|
Соединение
компьютеров в Интернете.
|
7.09.
|
|
2
|
Организация
передачи данных.
|
14.09.
|
|
3
|
Электронные
документы.
|
21.09.
|
|
Функции
сайта (4ч)
|
4
|
Виды
сайтов.
|
28.09.
|
|
5
|
Функции
сайтов.
|
5.10.
|
|
6
|
Карта
сайта. Виды карт сайтов.
|
12.10.
|
|
7
|
Файловая
структура сайта.
|
19.10.
|
|
Язык
гипертекстовой разметки HTML (12ч)
|
8
|
Основы HTML. Теги.
|
26.10.
|
|
9
|
Заголовок,
линия, параграф.
|
9.11.
|
|
10
|
Управление
цветом, размером, начертанием.
|
16.11.
|
|
11
|
Создание
текстовых документов в формате HTML.
|
23.11.
|
|
12
|
Таблицы.
|
30.11.
|
|
13
|
Списки.
|
7.12.
|
|
14
|
Гиперссылки.
|
14.12.
|
|
15
|
Графические
объекты в формате HTML.
|
21.12.
|
|
16
|
Бегущая
строка.
|
28.12.
|
|
17
|
Фоновые
изображения.
|
11.01.
|
|
18
|
Музыкальный
фон.
|
18.01.
|
|
19
|
Изображение-ссылка.
|
25.01.
|
|
Создание
тематических Web-сайтов (проектная деятельность) (16ч)
|
20
|
Планирование
содержания Web-сайта.
|
1.02.
|
|
21
|
Планирование оформления Web-сайта.
|
8.02.
|
|
22
|
Эскиз
структуры сайта.
|
15.02.
|
|
23
|
Создание
структуры сайта.
|
22.02.
|
|
24
|
Создание
структуры сайта.
|
1.03.
|
|
25
|
Главная
страница сайта.
|
8.03.
|
|
26
|
Путеводитель
сайта.
|
15.03.
|
|
27
|
Дизайн
сайта.
|
22.03.
|
|
28
|
Гиперссылки
на страницах сайта.
|
5.04.
|
|
29
|
Электронные
адреса.
|
12.04.
|
|
30
|
Предварительный
просмотр HTML-кода.
|
19.04.
|
|
31
|
Просмотр
и редактирование HTML-кода.
|
26.04.
|
|
32
|
Тестирование
сайта.
|
3.05.
|
|
33
|
Сохранение
Web-сайта.
|
10.05.
|
|
34
|
Защита
сайтов.
|
17.05.
|
|
|
|
|
|
|
|
Тема «Создание учебных Web-сайтов» рассчитана на практическое закрепление
умений, полученных при изучении темы «Язык гипертекстовой разметки HTML». Учащиеся составляют свои собственные сайты, состоящие из 3-5 Web-страниц. Ученикам могут быть предложены следующие темы:
По желанию учащихся список тем может быть дополнен. Эта
работа будет осуществляться в виде проектной деятельности, но в основном эта
деятельность носит обучающий характер. Ученики, успешно проявившие себя в составлении
обучающих Web-сайтов, могут попробовать себя в создании
социальных сайтов или сайтов по учебным предметам (это может быть как информатика,
так и другие предметы), созданию Web-сайтов о своей школе,
своем селе на основе краеведческого материала. Большая часть времени при этом
отводится на практическую работу, которая предусматривает как коллективную, так
и индивидуальную формы работы по созданию Web-сайтов. При
изучении этой темы желательно сотрудничество с учителями-предметниками и
сотрудниками учреждений культуры (библиотеками, музеями). Роль учителя при
создании Web-сайтов учащимися – роль стороннего
наблюдателя, консультанта, наставника. На этом этапе элективного курса в полной
мере проявляется то, насколько доступно, интересно и наглядно учитель передал
необходимые знания ученикам. Мерилом его деятельности будет вполне готовый
продукт – сайт, созданный его учащимися.
Требования к результатам учащихся:
·
Знать
основные понятия и термины разделов Internet Explorer, электронной почты.
·
Знать
основные теги языка гипертекстовой разметки HTML.
·
Уметь
работать с электронной почтой, Интернетом.
·
Уметь
работать с программами обработки текстов и графики.
·
Уметь
выполнять учебные творческие проекты по предмету (Web-сайты)
Прогнозируемый результат
·
Изучение
основ языка HTML.
·
Разработка
и выполнение творческих учебных работ.
·
Совершенствование
навыков работы с компьютером.
ОБЕСПЕЧЕНИЕ ОБРАЗОВАТЕЛЬНОГО ПРОЦЕССА
Список
литературы:
1.
Березин С., Раков С, Internet
у вас дома. – СПб.: BHV- Санкт-Петербург, 1999.
2.
Информатика. Программы для общеобразовательных
учреждений. 2-11 классы: методическое пособие / составитель М.И. Бородин. – М.:
БИНОМ. Лаборатория знаний, 2010. – 584 с.
3.
Монахов М.Ю., Воронин А.А. Создаем школьный сайт в
Интернете. Элективный курс. Учебное пособие. – М.: БИНОМ. Лаборатория знаний,
2005. – 128 С.: ил.
4.
Тихомиров В.П., Морозов В.П., Хрусталев Е.Ю. Основы
гипертекстовой информационной технологии. – М.: МЭСИ, 1993.
5.
Тихонов А.И. Публикация данных в Internet. / Под ред. В.А. Филикова. М.: Изд-во МЭИ, 2000.
6.
Шафран Э. Создание web-страниц:
Самоучитель. – СПб.: Питер, 1999.
Базисные
Тип
документа
|
<HTML></HTML>
|
(начало и конец файла)
|
Имя
документа
|
<ТПЪЕ></ПТЬЕ>
|
(должно
быть в заголовке)
|
Заголовок
|
<HEAD></HEAD>
|
(описание документа)
|
Тело
|
<BODY></BODY>
|
(содержимое страницы)
|
Заглавие
|
Н?></Н?>
|
(стандарт определяет 6 уровней)
|
Выделение
|
<EM></EM>
|
(обычно изображается курсивом)
|
Внешний вид
Жирный
|
<В></В>
|
|
Курсив
|
<1></1>
|
|
Форматированный
|
<PRE></PRE>
|
(сохранить формат текста как есть)
|
Ширина
|
<PRE WIDTH=?x/PRE>
|
(в символах)
|
Центрировать
|
<CENTERx/CENTER> >
|
(как
текст, так и графика)
|
Размер шрифта
|
<FONT SIZE=?></F0NT>
|
(от 1 до 7)
|
Цвет шрифта
|
<FONT
COLOR="#$$$$$$"x/FO NT>
|
|
Выбор шрифта
|
<FONT
F ACE=" * ** "x/FONT>
|
|
Выравнивание
|
<SPACER
\LIGN=left|right|center>
|
|
Ссылки и графика
Ссылка
|
<А HREF="URL"></A>
|
|
Ссылка на
закладку
|
<А
rel="nofollow ugc" target="_blank" href="URL#***"></A>
|
(в другом документе)
|
Графика
|
<IMG SRC="URL">
|
|
Разделители
Параграф
|
<Р></Р>
|
(закрывать
элемент часто не обязательно)
|
Выравнивание
|
<Р ALIGN=LEFT|CENTER RIGHT></P>
|
|
Новая строка
|
<BR>
|
(одиночный
перевод строки)
|
Таблицы
Определить таблицу
|
<TABLE></TABLE>
|
|
Окантовка таблицы
|
<(abie
bordei=?></TABLE>
|
|
Строка таблицы
|
<TR></TR>
|
|
Выравнивание
|
<TR
ALIGN=LEFT|RIGHT|
|
|
Фреймы
Документ с фреймами
|
<FRAMESETX/FRAME SET>
|
(вместо <BODY>)
|
Высота строк
|
<FRAMESET ROWS=*></FRAMESET>
|
(*
= относительный
размер)
|
Ширина колонок
|
<FRAMESET COLS=*></FRAMESET>
|
(*
- относительный размер)
|
Определить фрейм
|
<FRAME>
|
(содержание
отдельного фрейма)
|
Ширина границы
|
<FRAME
MARGINWIDTH=?>
|
(правая и левая границы)
|
Высота границы
|
<FRAME
MARGINHEIGHT=?>
|
(верхняя и нижняя границы)
|
Скроллинг
|
<FRAME
SCROLLING-"YES|NO| AUTO">
|
|
Постоянный размер
|
<FRAME NORESIZE>
|
|
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.