Партнерка на США и Канаду по недвижимости, выплаты в крипто
- 30% recurring commission
- Выплаты в USDT
- Вывод каждую неделю
- Комиссия до 5 лет за каждого referral
Муниципальное казенное учреждение «Школа-интернат № 5 среднего (полного) общего образования г. Нижнеудинск»
Рассмотрено: Утверждено:
на методсовете ____________ приказ №___от___________
зам. директора по УВР директор школы
____________ ____________
Элективный курс
«ТЕХНОЛОГИЯ СОЗДАНИЯ САЙТА»
для 10,11 классов
Составитель: учитель информатики
, соответствие
учебный год
Пояснительная записка
1. Рабочая программа учебного курса разработана на основе Элективных курсов в профильном обучении: Образовательная область «Информатика»/Министерство образования Российской Федерации – Национальный фонд подготовки кадров. – М.: Вита-Пресс, 2004.
2. Программа рассчитана на 70 часов за два года (1 час в неделю).
3. Методическое обеспечение:
Ø http://***** – Мержевич Влад. Краткий, информационно насыщенный учебник по технологии создания сайтов, HTML, CSS, дизайне, графике и др.
Ø http://www. *****/ - , , . Сайт Интернет-университета информационных технологий.
Ø http://www. *****/ - Аленова Наталья. Учебник руководство по html.
Ø http://html. *****/ - Городулин Владимир. HTML-справочник.
Дополнительная литература:
Ø http://winchanger. *****/ - А. Климов. Краткий справочник по тегам HTML-языка.
Ø http://www. w3.org/MarkUp/html40-updates/translations. html - Профессиональный документ
4. Изучение данного курса направлено на достижение следующих целей и задач:
Ø научить учащихся ориентироваться и продуктивно действовать в Интернет-пространстве, используя для достижения своих целей создаваемые веб-ресурсы;
Ø сформировать у них целостное представление об информационной картине мира средствами «Всемирной паутины». Научить способам представления информации в сети Интернета;
Ø познакомить со способами научно-технического мышления и деятельности, направленными на самостоятельное творческое познание и исследование информационной части сетевого пространства;
Ø реализовать коммуникативные, технические и эвристические способности учащихся в ходе проектирования и конструирования сайтов;
Ø сформировать элементы информационной и телекоммуникационной компетенций по отношению к знаниям, умениям и опыту конструирования веб-сайтов.
Ø познакомить с видами веб-сайтов, их функциональными, структурными и технологическими особенностями;
Ø сформировать навыки элементарного проектирования, конструирования, размещения и сопровождения веб-сайта;
Ø дать первичные навыки программирования на языке НТМL, познакомить с основами веб-дизайна;
Ø сформировать навыки работы в коллективе с комплексными веб-проектами;
Ø создать и разместить в сети Интернета собственный веб-сайт по выбранной тематике.
5. Требования к уровню подготовки учащихся.
В результате изучения элективного курса обучающиеся должны:
· знать принципы и структуру устройства «Всемирной паутины», формы представления и управления информацией в сети Интернета;
· уметь найти, сохранить и систематизировать необходимую информацию из сети с помощью имеющихся технологий и программного обеспечения;
· владеть работой в различных браузерах: Ореrа; Yandex, Mail, Goglo
· уметь спроектировать, изготовить и разместить в сети веб-сайт объемом 5 10 страниц на заданную тему;
· уметь программировать на языке НТМL на уровне создания не менее 3- 5 соответствующих элементов сайта;
· уметь передавать информацию в сети Интернет с помощью протокола НТР, специальных программ, веб-форм;
· знать и уметь применять при создании веб-страницы основные принципы веб-дизайна;
Содержание курса
Web-страница. Графика (14 ч)
Введение. Теги НТМL. Структура веб-страницы. Заголовок документа. Тело документа. Атрибуты тегов. Цвет фона. Изображение как фон. Размер и форма шрифта. Теги форматирования текста. Взаимодействие тегов. Текстовые блоки. Заголовки. Перевод строки. Разделительная линия. Рисунки и фотографии в сети Интернета. Параметры графического файла. Форматы графических файлов. Растровые форматы. Векторные форматы. Графические редакторы. Прозрачная графика. Связывание графического файла с НТМL-документом. Изображения в НТМL-документе
Гипертекстовый документ. Виды сайтов (10 ч)
Способы организации гипертекстовых документов. Гипертекстовые ссылки. Текстовые ссылки. Абсолютные адреса. Относительные адреса. Внутренние ссылки. Цвет и наличие рамок у изображений ссылок. Ссылка на адрес. Виды сайтов, их назначение. Способы организации информации. Полнота информации и ее обновление. Графический и технический дизайн. Навигация. Скорость загрузки страниц и определяющие факторы. Интерактивность сайта. Вложенные таблицы. Фреймы. Формы. Метатеги
Редакторы сайтов. Дополнительные возможности создания веб-страниц (22 ч)
Создание нового сайта. Создание новых файлов и папок. Настройка характеристик веб-страницы. Фон. Текст. Изображения. Гиперссылки. Настройка предпочтений для редактирования сайта. Использование таблиц, слоев, фреймов. Панель навигации. Доступ к НТМL-коду веб-страницы. Назначение СSS, основы, размер. Создание таблицы стилей. Контекстные селекторы. Применение таблиц стилей к части страницы. Строковый элемент «span». Блочный элемент. Свойства блоков. Обтекание блока текста. Работа со слоями. Примеры использования НТМL. Логотип. Фирменный стиль. Цветовая гамма. Макет дизайна. Верстка и оптимизация веб-страниц. Информационное наполнение сайта. Заголовки. Текст. Соответствие содержанию. Термины. Расположение элементов на сайте. Баннеры.
Размещение, «раскрутка» и поддержка сайта в сети (6 ч)
Хостинг. Размещение сайта у провайдера. НТР передача файлов. Тестирование сайта. Удобство навигации. Целостность данных. Корректность ссылок. Регистрация сайта в поисковых системах. Обмен ссылками. Принципы и технологии обновления сайта. Автоматические системы обновления сайта.
Проектирование сайта (6 ч)
Концептуальное проектирование. Основные и второстепенные цели. Состав пользователей. Интересы групп пользователей. Разделы сайта. Логическое проектирование. Тип структуры сайта (линейная, иерархическая, контекстная, другая). Названия разделов. Организация и связь разделов между собой. Используемое программное обеспечение. Возможные проблемы и способы их устранения
Зачетная работа (12 ч)
Выбор темы творческого проекта сайта. Техническое задание. Распределение работы между разными специалистами (заказчик, арт-директор, веб-мастер, кодер, программист, верстальщик, менеджер), их функции в общем проекте. Особенности коллективной (групповой) деятельности разработчиков сайта. Проектирование, создание и размещение сайта в сети Акт сдачи-приемки работы
Календарно-тематическое планирование курса:
«Технология создания сайта» (70 часов)
№ п/п | Наименование | Дата проведения | Виды деятельности учащихся | Виды контроля | |
План | Факт | ||||
10 КЛАСС | |||||
Web-страница. Графика (14 ч) | |||||
1 | Введение. Теги НТМL. | ||||
2 | Структура веб-страницы. | ||||
3 | Заголовок документа. Тело документа. | ||||
4 | Атрибуты тегов. | ||||
5 | Цвет фона. Изображение как фон. | Работа на ПК | Практическая работа | ||
6 | Размер и форма шрифта. | ||||
7 | Теги форматирования текста. Взаимодействие тегов. | ||||
8 | Текстовые блоки. Заголовки. Перевод строки. | ||||
9 | Разделительная линия. Рисунки и фотографии в сети Интернета. | ||||
10 | Параметры графического файла. Форматы графических файлов. | ||||
11 | Растровые форматы. Векторные форматы. | Работа на ПК | Практическая работа | ||
12 | Графические редакторы. Прозрачная графика. | ||||
13 | Связывание графического файла с НТМL-документом. | ||||
14 | Изображения в НТМL-документе | ||||
Гипертекстовый документ. Виды сайтов (10 ч) | |||||
15 | Способы организации гипертекстовых документов. | ||||
16 | Гипертекстовые ссылки. Текстовые ссылки. Внутренние ссылки. | ||||
17 | Абсолютные адреса. Относительные адреса. | ||||
18 | Цвет и наличие рамок у изображений ссылок. | Работа на ПК | Практическая работа | ||
19 | Ссылка на адрес. Виды сайтов, их назначение. | ||||
20 | Способы организации информации. Полнота информации и ее обновление. | ||||
21 | Графический и технический дизайн. Навигация. | ||||
22 | Скорость загрузки страниц и определяющие факторы. | ||||
23 | Интерактивность сайта. Вложенные таблицы. | Работа на ПК | Практическая работа | ||
24 | Фреймы. Формы. Метатеги. | Работа на ПК | Практическая работа | ||
Редакторы сайтов. Дополнительные возможности создания веб-страниц (22 ч) | |||||
25 | Создание нового сайта. | ||||
26 | Создание новых файлов и папок. | Работа на ПК | Практическая работа | ||
27 | Настройка характеристик веб-страницы. Фон. | ||||
28 | Текст. Изображения. Гиперссылки. | ||||
29 | Настройка предпочтений для редактирования сайта. | ||||
30 | Использование таблиц, слоев, фреймов. | Работа на ПК | Практическая работа | ||
31 | Панель навигации. | Работа на ПК | Практическая работа | ||
32 | Доступ к НТМL-коду веб-страницы. | ||||
33 | Назначение СSS, основы, размер. | ||||
34 | Создание таблицы стилей. Контекстные селекторы. | Работа на ПК | Практическая работа | ||
35 | Применение таблиц стилей к части страницы. | Работа на ПК | Практическая работа | ||
11 КЛАСС | |||||
36 | Строковый элемент «span». Блочный элемент. | ||||
37 | Свойства блоков. Обтекание блока текста. | ||||
38 | Работа со слоями. | ||||
39 | Примеры использования НТМL. Логотип. | Работа на ПК | Практическая работа | ||
40 | Фирменный стиль. | ||||
41 | Цветовая гамма. Макет дизайна. | ||||
42 | Верстка и оптимизация веб-страниц. | Работа на ПК | Практическая работа | ||
43 | Информационное наполнение сайта. Заголовки. Текст. | ||||
44 | Соответствие содержанию. | Работа на ПК | Практическая работа | ||
45 | Термины. | Работа на ПК | Практическая работа | ||
46 | Расположение элементов на сайте. Баннеры. | ||||
Размещение, «раскрутка» и поддержка сайта в сети (6 ч) | |||||
47 | Хостинг. Размещение сайта у провайдера. | ||||
48 | НТР передача файлов. Тестирование сайта. | ||||
49 | Удобство навигации. Целостность данных. | Работа на ПК | Практическая работа | ||
50 | Регистрация сайта в поисковых системах. | ||||
51 | Корректность ссылок. Обмен ссылками. | ||||
52 | Принципы и технологии обновления сайта. Автоматические системы обновления сайта. | ||||
Проектирование сайта (6 ч) | |||||
53 | Концептуальное проектирование. Основные и второстепенные цели. | ||||
54 | Состав пользователей. | ||||
55 | Разделы сайта. Логическое проектирование. | Работа на ПК | Практическая работа | ||
56 | Тип структуры сайта (линейная, иерархическая, контекстная, другая). | Работа на ПК | Практическая работа | ||
57 | Названия разделов. Организация и связь разделов между собой. | ||||
58 | Используемое программное обеспечение. Возможные проблемы и способы их устранения | ||||
Зачетная работа (12 ч) | |||||
59 | Выбор темы творческого проекта сайта. Техническое задание. | Практическая работа | Практическая работа | ||
60 | Распределение работы между разными специалистами (заказчик, арт-директор, веб-мастер, кодер, программист, верстальщик, менеджер), их функции в общем проекте. | Практическая работа | Практическая работа | ||
61 | Особенности коллективной (групповой) деятельности разработчиков сайта. | Практическая работа | Практическая работа | ||
62-69 | Проектирование, создание и размещение сайта в сети. | Практическая работа | Практическая работа | ||
70 | Подведение итогов |
