Программа кружка технического творчества "Web-дизайн"
календарно-тематическое планирование на тему
Рабочая программа кружка технического творчества "Web-дизайн". Расчитана на 34 часа. В программе рассматривается язык гипертекстовой разметки HTML, каскадные таблицы стилей и язык web-программирования PHP.
Скачать:
Вложение | Размер |
---|---|
![]() | 107.11 КБ |
Предварительный просмотр:
Министерство образования и науки Челябинской области
Государственное бюджетное образовательное учреждение
среднего профессионального образования
(среднее специальное учебное заведение)
«Снежинский политехнический техникум имени Н.М. Иванова»
РАБОЧАЯ ПРОГРАММА ПРЕДМЕТНОГО КРУЖКА
«Web-дизайн»
для студентов подготовки квалифицированных рабочих и служащих
по профессии
09.01.03 Мастер по обработке цифровой информации
очной формы обучения
2015 г.
Организация-разработчик:
ГБОУ СПО (ССУЗ) «Снежинский политехнический техникум»
Разработчики: Белдым С.И., мастер п/о.
Рекомендована цикловой комиссией технического профиля.
Протокол заседания ЦК № __1__ от «____» сентября 2015г.
Согласовано:
Заместитель директора по УПР _________________ С.М. Щеглова
Зав. метод. кабинетом ___________________________ О.О. Кильмяшкина
Методист ______________________________________ А.А. Богданова
Председатель цикловой комиссии _________________ Т.С. Завьялова
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
Web-сайт является хорошо известным и доступным студентам средством представления текстовой, графической и иной информации в сети Интернет. Умение представлять преобразованную информацию, учитывая особенности восприятия других людей, — важное условие образовательной компетентности студентов, выбравших кружок «Web-дизайн».
Кружок «Web-дизайн» предполагает, что студенты знакомы с компьютерами, умеют работать в среде Windows XP Professional, а также знают основы работы в сети Интернет.
Цели и задачи курса:
Целью курса является научить студентов технологии Web-дизайна и Internet-программирования.
Основными задачами кружка являются:
- создать представление о языках HTML, CSS, PHP и научить использовать их для создания web-страниц;
- сформировать навыки элементарного проектирования, конструирования, размещения и сопровождения web-сайта;
- сформировать навыки коллективной работы с комплексными web-проектами;
- создать и разместить в сети Интернет собственный web-сайт в соответствии с выбранной темой.
В результате изучения курса web-дизайна студенты должны знать:
- структуру сайта;
- назначение и возможности языка разметки гипертекста HTML;
- назначение и возможности каскадных таблиц стилей;
- способы создания Web-страниц;
- структуру HTML-документа;
- основные теги для создания, оформления сайтов;
- понятие и назначение форм, гиперссылок;
- назначение и ключевые особенности PHP.
В результате изучения курса web-дизайна студенты должны уметь:
- создавать Web-сайты;
- создавать формы и элементы управления;
- создавать гиперссылки;
- оформлять Web-сайты;
- оформлять шрифты, стили, списки, линии, таблицы, изображения, спецэффекты;
- обеспечивать интерактивность Web-страниц.
Контроль знаний и умений:
- Текущий контроль уровня усвоения материала осуществляется в результате выполнения студентами практических работ.
- Итоговый контроль – выполнение зачетного проекта.
Формы организации учебных занятий:
- Занятия организуются в форме лекций и выполнения практических работ.
- В ходе изучения проводятся краткие теоретические опросы по знанию основных понятий. Используется принцип беспрерывного повторения, что улучшает процесс запоминания.
Режим занятий:
в неделю 1 занятие, продолжительностью 60 мин., всего 34 часа.
Содержание курса:
В курсе «Web-дизайн» рассматриваются:
- основы языка гипертекстовой разметки HTML;
- способы оформления Web-страниц с помощью каскадных таблиц стилей;
- синтаксис и простейшие операции языка Web-программирования PHP;
- основные приемы создания Web-сайтов и электронных учебников.
УЧЕБНО-ТЕМАТИЧЕСКИЙ ПЛАН
№ | Тема занятия | Часы |
Раздел 1. Язык гипертекстовой разметки HTML | ||
Введение в HTML | 1 | |
Структура и основные теги HTML документа | 1 | |
Создание списков, добавление изображений на Web-страницу | 1 | |
Конструирование HTML таблиц | 1 | |
Создание гиперссылок. Внутренние и внешние гиперссылки. | 1 | |
Создание форм на Web-странице | 1 | |
Раздел 2. Каскадные таблицы стилей | ||
Базовый синтаксис CSS. Методы применения CSS к HTML документу. | 1 | |
Использование цвета и фона на Web-странице | 1 | |
Работа со шрифтами | 1 | |
Форматирование и установка стиля текста | 1 | |
Ссылки. Псевдоклассы | 1 | |
Идентификация и группирование элементов (Id, class) | 1 | |
Группирование элементов (Span, div) | 1 | |
Боксовая модель в CSS | 1 | |
Поплавки. Позиционирование элементов. | 1 | |
Раздел 3. Язык программирования PHP | ||
Клиент-Сервер | 1 | |
Синтаксис языка. Переменные и типы данных | 1 | |
Линейные программы | 1 | |
Условные операторы | 1 | |
Циклы. Вложенные циклы | 1 | |
Массивы | 1 | |
HTML-формы. Методы отправки данных на сервер | 1 | |
Массивы $_GET и $_POST | 1 | |
Написание простейших программ | 1 | |
Раздел 4. Работа над проектом | ||
Выбор темы, формулирование цели и задач | 1 | |
Сбор и структурирование информации для проекта | 1 | |
Создание структуры проекта | 1 | |
Описание проекта с помощью HTML и CSS | 1 | |
Описание проекта с помощью HTML и CSS | 1 | |
Добавление программной компоненты | 1 | |
Запуск и отладка проекта | 1 | |
Написание речи, подготовка к защите проекта | 1 | |
Защита проекта | 2 | |
Итого | 34 |
Необходимое техническое и программное обеспечение:
Лабораторные занятия проводятся в кабинетах информатики и икт.
Программное обеспечение:
1. Операционная система: Windows 2000 (или выше).
2. Любой текстовый редактор.
3. Браузер Internet Explorer версии 5 или выше.
Используемая учебная литература:
Основная литература
- Дронов В. А. - HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов. – издательство БХВ, 2011г. 414с.
- Фримен Эрик, Фримен Элизабет Изучаем HTML, XHTML и CSS. – издательство Питер, 2012г. 656с.
- Патрик Макнейл - Веб-дизайн. Идеи. Секреты. Советы. – издательство Питер, 2012г. 273с.
- Чои Вин - Как спроектировать современный сайт. – издательство Питер, 2011г. 127с.
- Робин Никсон - Создаем веб-сайты с помощью PHP, MySQL и JS. – издательство O'Reilly, 2011г. 497с.
- Б. Маклафин - PHP и MySQL. Исчерпывающее руководство. – издательство O'Reilly, 2013г. 512с.
- Мэтт Зандстра - PHP. Объекты, шаблоны и методики программирования. – издательство Вильямс, 2011г. 528с.
Дополнительная литература
- Ломов А.Ю. HTML, CSS, скрипты: практика создания сайтов. – СПб.: БХВ-Петербург, 2007. – 416 с.: ил.
- Гончаров А. Ю. Web-дизайн: HTML, JavaScript и CSS. Карманный справочник.. — "КУДИЦ-ПРЕСС", 2007. — С. 320.
- Web –конструирование. Электронный практикум. — Переяславль-Залесский, А. Дуванов, 2007 г.
- Усенков Д. Уроки Web-мастера. – М. Лаборатория базовых знаний,2001, -432 с.
- Рейчел Эндрю - CSS 100 и 1 совет. – издательство Символ-Плюс, 2010г. 336с.
- Стив Суэринг, Тим Конверс, Джойс Парк -PHP и MySQL. Библия программиста. – издательство Диалектика, 2010г. 912с.
- К.Сухов - HTML5 - путеводитель по технологии. – издательство ДМК Пресс, 2013г. 352с.
- Сьюзан Уэйншенк. Интуитивный веб-дизайн. — издательство "ЭКСМО" · 2010 г. · 160 стр.
По теме: методические разработки, презентации и конспекты

План работы кружка технического творчества.
Данный материал рекомендован для организации дополнительных занятий по ппрофессии "Парикмахер" (постижерное дело)....

ПРОГРАММА КРУЖКА ТЕХНИЧЕСКОГО ТВОРЧЕСТВА
Содержание программы кружка технического творчества 1.Пояснительная записка2.Цели и задачи3.Условия реализации программы4.Методическое обеспечение5.Тема...

программа кружка технического творчества по профессии "Машинист лесозаготовительных и трелевочных машин" "Харвестер"
В данной методической разработке представлена программа и тематический план кружка технического творчества по профессии "Машинист лесозаготовительных и трелевочных машин" Харвестер....

Программа кружка технического творчества "Идеи вашего дома"
На занятиях кружка технического творчества "Идеи вашего дома" обучающиеся учатся применять методы исследования, имеют возможность почувствовать себя творцами, искателями, открывателями...

ПРОГРАММА КРУЖКА Технического творчества «Золоые ручки»
По специальности:29.02.04 Конструирование, моделирование и технология швейных изделий профессия СПО29.01.08 Оператор швейного оборудования...
программа дополнительного образования кружка технической направленности " Освой программирование"
Дополнительная образовательная программа является адаптированной программой, относится к научно-технической направленности.Возраст обучающихся - в объединении по дополнительной образовательной п...
программа дополнительного образования кружка технической направленности " Компьютерная графика и дизайн"
Дополнительная образовательная программа является адаптированной программой, относится к научно-технической направленности.Возраст обучающихся - в объединении по дополнительной образовательной п...