МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ АМУРСКОЙ ОБЛАСТИ
Государственное профессиональное образовательное автономное
учреждение Амурской области «Амурский педагогический колледж»
| | | УТВЕРЖДАЮ Зам. директора по УР __________Т.Ю. Солопчук «_____»____________2017 г. |
РАБОЧАЯ ПРОГРАММА КУРСОВ
СОЗДАНИЕ И АДМИНИСТРИРОВАНИЕ САЙТА
Благовещенск
2017
Организация-разработчик: ГПОАУ АО АПК
Составитель:
Шпиронок Сергей Андреевич, преподаватель первой квалификационной категории
Рекомендована предметно-цикловой комиссией
«Математики и информационных технологий»:
Протокол № от « » __________________ 2017 г.
Председатель: Н.В.Торба
Рассмотрена на научно-методическом совете ГПОАУ АО АПК:
Протокол № от « » ______________ 2017 г.
Председатель
научно-методического совета: С.А. Москвитина

СОДЕРЖАНИЕ
ПАСПОРТ ПРОГРАММЫ КУРСОВ | 3 |
СТРУКТУРА И СОДЕРЖАНИЕ ПРОГРАММЫ | 5 |
УСЛОВИЯ РЕАЛИЗАЦИИ ПРОГРАММЫ | 8 |
КОНТРОЛЬ И ОЦЕНКА РЕЗУЛЬТАТОВ ОСВОЕНИЯ ПРОГРАММЫ | 10 |
1. ПАСПОРТ ПРОГРАММЫ КУРСОВ «СОЗДАНИЕ И АДМИНИСТРИРОВАНИЕ САЙТА»
1.1. Область применения программы
Описание курсов «Создание и администрирование сайта».
Данный курс ориентирован на слушателей, которым необходимо создать свой сайт, разместить на нём информацию и периодически обновлять её.
Курс «Создание и администрирование сайтов» охватывает основы HTML+CSS вёрстки, основы WEB-графики, основы планирования структуры сайта, доставку на сервер, установку и управление CMS, основы продвижения и оптимизации сайта.
Этого вполне достаточно для небольшого корпоративного сайта, новостного сайта, сайта-визитки, промо-сайта, портфолио, фотогалереи.
1.2. Цели и задачи курса:
Основная цель курсов: научиться создавать персональный web-сайт преподавателя, как средство коммуникации педагога с коллегами и учениками.
Задачи курсов:
познакомить с основными этапами создания полноценного сайта;
изучить базовые технологии, используемые при написании web-страничек;
познакомить с программами, используемыми при создании сайтов;
познакомить с возможностями подготовки текстов и графики для сайта;
познакомить с возможностями дизайна сайта и создания грамотной навигации по сайту;
рассмотреть жизненный цикл сайта, а также вопросы дальнейшей поддержки и продвижения в интернете.
В результате освоения дисциплины слушатель должен уметь:
использовать все возможности конструктора сайта;
грамотно формулировать цели и задачи сайта;
планировать основные этапы создания сайта и правильно организовывать работу;
осуществлять предварительную подготовку текстовых и графических материалов, для использования на сайте;
В результате освоения дисциплины слушатель должен знать:
назначение и основные возможности сайта в сети Интернет;
назначение и основные возможности конструктора сайтов;
назначение и основные возможности программ подготовки текста и графики для сайта;
назначение и основные возможности электронной таблицы;
понятие мультимедиа.
1.3. Рекомендуемое количество часов на освоение программы дисциплины:
Максимальной учебной нагрузки слушателя – 36 часа, в том числе:
обязательной аудиторной учебной нагрузки слушателя - 36 часов;
самостоятельной работы слушателя - 2 часа.
2. СТРУКТУРА И СОДЕРЖАНИЕ ПРОГРАММЫ
2.1. Объем курсов и виды учебной работы
| Вид учебной работы | Объем часов |
| Максимальная учебная нагрузка | 36 |
| Обязательная аудиторная учебная нагрузка | 36 |
| Самостоятельная работа | 2 |
2.2. Тематический план и содержание курсов «Создание сайта педагогического работника»
| Наименование тем | Содержание учебного материала, лабораторные и практические работы, самостоятельная работа слушателей | Объем часов | Форма контроля |
| 1 | 2 | 3 | |
| Тема 1. Введение. «Разработка концептуального решения будущего сайта». | Содержание учебного материала | | |
| 1. | Введение. «Разработка концептуального решения будущего сайта». Фирменный стиль: фирменный знак (логотип), цветовая гамма, шрифты. Виды сайтов (визитка, каталог и т.п.). Строение страниц сайта (составные части макета). | 2 | фронтальный |
| Самостоятельная работа | | |
| 1. | – сбор исходных данных для будущего проекта (работа в Интернете): - анализ сайтов-аналогов в сети; - подготовка клипартов для фирменного знака; - подбор цветовой гаммы, выбор наиболее подходящего макета для собственного сайта; - составление иерархии для будущего сайта и эскизирование внешнего вида страниц; - подбор шрифтовых гарнитур. | 2 | индивидуальный |
| Тема 2. «Разработка фирменного знака». | Содержание учебного материала | | |
| | «Разработка фирменного знака».. | 2 | фронтальный |
| | Практическая работа | | |
| | Сборка фирменного знака из готовых клипартов либо его ручная отрисовка, за неимением таковых, в векторном редакторе CorelDRAW. Изучение инструментов: - перо; - кривая и ее составляющие; - геометрические фигуры; - ввод и форматирование текста; - заливка и ее составляющие. | 2 | индивидуальный |
| Тема 3. «Создание макета главной страницы в программе AdobePhotoshop». | Содержание учебного материала | | |
| | «Создание макета главной страницы в программе AdobePhotoshop». Инструментальные возможности растрового графического редактора AdobePhotoshop. Полный разбор основных инструментов, панелей, меню и палитр программы. | 2 | фронтальный |
| | Практическая работа | | |
| | Начало работы с холстом, фоном и компоновкой основных элементов: создание нового документа; подготовка фона сайта; составление сетки макета; организация слоев и папок документа. | 2 | индивидуальный |
| 2. | «Оформление визуала главной страницы в программе Adobe Photoshop». Проработка шапки (визуала/хедера) главной страницы с помещением в нее логотипа: - оформление фона шапки; размещение логотипа и эмблемы; - вставка контактов и прочей информации. | 2 | индивидуальный |
| 3. | . «Оформление навигации главной страницы в программе Adobe Photoshop». Проработка панели навигации главной страницы, левой и/или правой панели, древа каталога: - подбор фона навигационной панели и внешнего вида; - оформление кнопок и/или выпадающих меню; - выбор шрифтовых гарнитур для пунктов меню. | 2 | индивидуальный |
| Тема 4. «Завершение работы с макетом сайта». | | Практическая работа | | |
| | Проверка компоновки, соответствия страниц задуманной концепции и т.д. Создание других страниц (страница 404, страница формы обратной связи, другие страницы). Отрисовка мобильной версии. | 2 | индивидуальный |
| Тема 5. «Создание анимированного рекламного баннера». | | Содержание учебного материала | | |
| | Основы создания анимации | | |
| | Практическая работа | | |
| | Подборка клипартов, шрифтов и написание сюжета рекламного сообщения, начальная обработка кадровых слоев в программе Adobe Photoshop. Сбор кадров в единую последовательность, задание времени анимации, выгрузка анимированного баннера в формат .gif. | 2 | индивидуальный |
| Тема 6. «Введение. Знакомство с разметкой страницы». | | Содержание учебного материала | | |
| | Язык разметки гипертекста HTML. | 2 | фронтальный |
| | Практическая работа | | |
| | Теги. Структура страницы. - Теги заголовочной части страницы. - Теги тела страницы. Блочные и строчные тэги. - Организация комментариев. - Создание списков. | 2 | индивидуальный |
| Тема 7. «Знакомство с CSS». | | Содержание учебного материала | | |
| | «Знакомство с CSS». | 2 | фронтальный |
| | Практическая работа | | |
| | Подключение таблицы стилей на страницу. - Основные селекторы. - Фон на странице и фон для блоков. - Создание рамок для блоков. | 2 | индивидуальный |
| Тема 8. «Позиционирование элементов на странице». | | Содержание учебного материала | | |
| | Позиционирование элементов на странице | 2 | фронтальный |
| | Практическая работа | | |
| | Назначение размеров блоку. Внутренние и внешние отступы. Выравнивание блоков на странице. - Плавающие элементы на странице. - Позиционирование элементов на странице. | 2 | индивидуальный |
| Тема 9. Оптимизация и продвижение сайта | | Содержание учебного материала | | |
| | Оптимизация данных сайта. Анализ структуры сайта. Хостинг и вопросы выбора хостинговой компании. | 2 | фронтальный |
| | Практическая работа | | |
| | Регистрация доменного имени в разных зонах. Аспекты выбора имени сайта. Определение целевой аудитории сайта. Виды разрешенной оптимизации и обзор типичных ошибок. Построение списка ключевых слов и выражений и т.д. | 2 | индивидуальный |
| | Использование мета-тэгов. Как понравиться поисковым роботам. Контекстная реклама. Каталоги и рейтинги, эффективность участия. | 2 | индивидуальный |
| Всего: | 36 | |
3. УСЛОВИЯ РЕАЛИЗАЦИИ ПРОГРАММЫ
3.1. Требования к минимальному материально-техническому обеспечению
Реализация программы курсов требует наличия учебного кабинета информатики.
Оборудование учебного кабинета: рабочие места по количеству обучающихся, рабочее место преподавателя, информационный стенд с демонстрационной системой, программное обеспечение профессионального назначения, учебно-методические комплекты, методические рекомендации по организации самостоятельной работы, методические рекомендации к практическим и лабораторным работам.
Технические средства обучения: 12 ПК, проектор, колонки, наушники, принтер.
3.2. Информационное обеспечение обучения
Основные источники:
Кирсанов. Д. Веб-дизайн: книга Дмитрия Кирсанова. – СПб: Символ- Плюс, 1999, ISBN 5-93286-003-0
Нильсен Я. Веб-дизайн: книга Якоба Нильсена. – Пер. с англ. - СПб: Символ-Плюс, 2000, ISBN 5-93286-004-9
Круг. С. Веб-дизайн: книга Стива Круга или «не заставляйте меня думать!» – Пер. с англ. - СПб: Символ-Плюс, 2001, ISBN 5-93286-021-9
Хоумер. А., Улмен К. Dynamic HTML: справочник – СПб: Питер, 2000, ISBN 5-314-00189-6
Ахметов К.С., Федоров А.Г. «Microsoft Internet Explorer 4.0 для всех». – М.: Компьютер-Пресс, 1997, ISBN 5-89959-038-6
Стразницкас Мэтт, Эффективная работа с Photoshop 5: Графика для Web – СПб.: Питер Ком, 2000, ISBN 5-272-00064-1