Спецкурс для 8 класса «Основы компьютерного дизайна и сайтостроения»
рабочая программа по информатике и икт (8 класс) на тему

«Основы компьютерного дизайна и сайтостроения»

Аннотация

Настоящий курс рекомендован учащимся 8-9 классов общеобразовательных школ. Курс изучается в рамках предмета «Технология».

Основные требования к предварительному уровню подготовки –– параллельное изучение «Базового курса» информатики с 8 класса. Знать: Понятие архитектуры персонального компьютера, назначение основных устройств. Единицы измерения информации. Файлы и файловая система. Понятие программного обеспечения. Интерфейс операционных систем и приложений. Понятие растровой и векторной графики, их различие. Уметь:  Работать с графическим интерфейсом операционных систем и приложений. Выполнять основные операции над объектами (создание, копирование, перемещение, удаление, переименование). Оценивать информационный вес файла.

Структура курса:

Курс подразделяется на два модуля: " Photoshop для Web-дизайна "(18 часов) «Технологии создания сайтов и основы web-дизайна» (17 часов). Общее количество часов 34. Резерв учебного времени используется на повторение и закрепление наиболее сложных вопросов курса, на разработку межпредметных проектов, подготовку и участие в дистанционных олимпиадах, конкурсах, телекоммуникационных проектах.

Содержание модулей взаимосвязано, но каждый модуль может изучаться и отдельно.

Основная цель курса:

Предпрофильная специализация учащихся в области информационных технологий

Основная задача курса:

• Создать условия для применения освоенных способов Web-строительства в других учебных курсах
• Подготовить к осознанному выбору Интернет-профессий, предусматривающих Web-мастеринг
• Научить продуктивно действовать в информационном Интернет-пространстве
• Построить индивидуальную образовательную траекторию учащегося.

Образовательные результаты курса:

Знать: 

• Основные принципы Web-дизайна
• Особенности, достоинства, недостатки векторной и растровой графики.
• Назначение и функции используемых инструментов.
• Методы описания цветов в компьютерной графике.
• Методы сжатия, сохранения графических данных
• Принципы и структуру устройства Всемирной паутины, формы представления и управления информацией в сети Интернет.
• Этические аспекты использования программных средств

Уметь:

• Работать инструментами изученных программных средств.
• Выработать навык самостоятельного изучения программных средств
• Находить, сохранять, систематизировать необходимую информацию из сети с помощью имеющихся технологий и программного обеспечения.
• Спроектировать, изготовить и разместить в сети Web-сайт объёмом 5-10 страниц на заданную тему.
• Уметь анализировать и формулировать свою позицию в отношении дизайна, структуры, содержания и функциональности Web-сайтов.
• Уметь программировать на языках HTML, CSS на уровне 3-5 элементов сайта.
• Осуществлять рефлексивную деятельность, оценивать свои результаты
• Иметь опыт коллективного сотрудничества

Формы проведения занятий:

Классно-урочная, домашняя работа.

Методы:

Лекция, практикум, исследование, самостоятельная работа, групповая работа.

Курс реализуется  с использованием проектной технологии обучения.

Формы контроля знаний:

Контроль усвоения материала осуществляется по результатам выполнения учащимися практических работ,  учебных мини-проектов, проектов. Усвоение теоретической части курса проверяется с помощью тестов, контрольных вопросов. Кроме того, применяется текущий рефлексивный самоанализ выполняемых заданий, взаимооценка работ.

Итоговый контроль реализуется в форме творческого проекта, который защищается публично.

Профили: предпрофильное обучение

 Класс: 8-9 классы.

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

Модуль «Photoshop для Web-дизайна»

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

Учебный модуль Photoshop для Web-дизайна» входит в образовательную область «информатика». Он включает 18 часов аудиторных занятий и (при возможности) самостоятельную работу учащихся. Курс может быть использован для профильной подготовки учащихся в классах физико-математического, информационно-технологического, социально-гуманитарного и др. профилей.

Предметом изучения являются принципы и методы цифровой обработки изображений с помощью графического редактора Adobe Photoshop CS2, который в данный момент является одним из самых мощных средств компьютерной обработки фотографий.

Целесообразность изучения данного модуля определяется быстрым внедрением цифровой техники в повседневную жизнь и переходом к новым технологиям обработки графической информации. Учащиеся получают начальные навыки цифровой обработки изображений, которые необходимы для их успешной реализации в современном мире.

Цели курса:

• познакомить учащихся с современными принципами и методами цифровой обработки изображений
• развить творческие и дизайнерские способности учащихся

Задачи: 

научить учащихся

• использовать редактор Photoshop для сканирования, кадрирования и масштабирования графического материала
• применять цветовую коррекцию изображения
• ретушировать фотографии
• восстанавливать старые фотографии
• создавать коллажи и иллюстрации

Данный модуль имеет выраженную практическую направленность, которая и определяет логику построения материала учебных занятий. Вместо того, чтобы начинать с подробного изучения каждого инструмента Photoshop, предлагается на первых занятиях изучить самые распространенные способы получения графических изображений: съемку цифровыми фотоаппаратами и сканирование. Следующий этап – кадрирование и обработка изображения в целом с помощью средств коррекции Photoshop. Только потом изучаются инструменты Photoshop в тесной связи с задачами, которые возникают в реальных ситуациях.

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

Знания, полученные при изучении модуля, учащиеся могут применить для подготовки качественных иллюстраций к докладам и мультимедийным разработкам по различным предметам — физике, химии, биологии и др. Изображения, созданные в редакторе Photoshop,  могут быть также использованы при создании Web-страниц. Полученные знания и умения являются основой для последующего изучения трехмерного моделирования, анимации, видеомонтажа, создания систем виртуальной реальности.

Ожидаемые результаты

В рамках данного модкля учащиеся получают следующие знания и умения:

• владеют принципами кодирования графической информации в компьютерной технике;
• знают особенности представления цвета в различных цветовых моделях;
• умеют сканировать и кадрировать рисунки и фотографии;
• умеют выполнять цветовую коррекцию изображений, а также коррекцию яркости и контрастности как всего рисунка, так и отдельных областей;
• умеют ретушировать отсканированные фотографии;
• умеют создавать рисунки с помощью инструментов рисования;
• умеют работать с многослойными изображениями;
• умеют создавать коллажи.

Формы подведения итогов

Текущий контроль уровня усвоения материала осуществляется по результатам выполнения учащимися практических заданий на каждом уроке. В конце курса каждый учащийся выполняет индивидуальный проект в качестве зачетной работы. На последнем занятии проводится конференция, на которой учащиеся представляют свои работы и обсуждают их.

СОДЕРЖАНИЕ

Раздел 1. Кодирование изображений

Тема 1. Растровые и векторные изображения

Изучаются методы кодирования графической информации в растровых и векторных форматах. Вводится понятие разрешения изображений и устройств вывода. Занятие проходит в виде лекции с использованием мультимедийного проектора.

Тема 2. Кодирование цвета

Изучаются цветовые модели, которые используются для кодирования информации о цвете – RBG, CMYK, HSB, Lab. Рассматриваются их области применимости. Занятие проходит в виде лекции с использованием мультимедийного проектора.

Раздел 2. Основные этапы обработки изображений

Тема 1. Знакомство с редактором Adobe Photoshop

Учащиеся знакомятся с редактором Photoshop, изучают работу с файлами (Обозреватель файлов), учатся определять свойства готового изображения (цветовой режим, размеры, разрешение), регулировать масштаб.

Тема 2. Получение цифровых изображений

Изучаются два основных метода получения цифровых изображений – съемка цифровым фотоаппаратом и сканирование. Рассматриваются вопросы, связанные с грамотным выбором режимов съемки (сканирования).

Тема 3. Общая коррекция изображения

Изучаются такие приемы общей коррекции изображения как кадрирование, исправление перспективных искажений, автоматическая коррекция уровней, контраста и цвета. Учащиеся знакомятся с приемами ручной коррекции.

Раздел 3. Обработка областей

Тема 1. Ретушь

Изучаются инструменты для ретуши изображений (фильтр «Пыль и царапины», инструменты «Штамп», «Лечащая кисть», «Эффект красных глаз»). Учащиеся выполняют ретушь отсканированных фотографий или изображений с цифрового фотоаппарата.

Тема 2. Выделение областей

Изучаются инструменты для выделения областей: «Прямоугольник», «Эллипс», различные виды лассо, «Волшебная палочка». Занятие завершается практической работой по созданию рисунка из готовых элементов.

Тема 3. Инструменты рисования

Учащиеся знакомятся с инструментами рисования («Карандаш», «Кисть», «Ластик», «Заливка», «Градиент»). Практическая работа включает создание рисунка с помощью этих инструментов.

Раздел 4. Многослойные документы

Тема 1. Слои

Вводится понятие слоя документа и изучаются основные приемы работы со многослойными документами.

Тема 2. Маски и каналы

Изучаются маски и каналы, в том числе использование режима «Быстрая маска» для выделения и создания комбинированных изображений.

Тема 3. Текст

Изучаются текстовые надписи, которые хранятся в виде векторных слоев,  и эффекты, которые могут к ним применяться.

Тема 4. Фильтры и эффекты

Изучаются эффекты, которые можно применить к слоям сложного документа, и применение фильтров для художественной обработки изображений.

Раздел 5. Выполнение проекта

В течение 3-х занятий учащиеся выполняют проект на выбранную тему. Это может быть, например,

• рекламная афиша
• оформление обложки книги
• оформление обложки CD или DVD

В качестве исходных материалов могут использоваться

• снимки, сделанные цифровым фотоаппаратом
• отсканированные фотографии
• иллюстрации, полученные с помощью сети Интернет

На последнем занятии учащиеся обсуждают все выполненные работы на конференции.

УЧЕБНО-ТЕМАТИЧЕСКИЙ ПЛАН

ИНФОРМАЦИОННОЕ ОБЕСПЕЧЕНИЕ

Интернет-ресурсы

1. http://adobe.com
2. http://photoshop.ru
3. http://psd.ru
4. http://graphics.ru
5. http://pslab.ru
6. http://maste.ru/photoshop/
7. http://www.whatis.ru/psd/
8. http://www.cc-studio.ru/lessons.html
9. http://demiart.ru/tutorials/index.shtml

Основная литература

1. Айсманн К. Ретуширование и обработка изображений в Photoshop (с CD-ROM). – Минск.: Вильямс · 2004
2. Ефремов А. А. Photoshop и не только фотография. – СПб: Питер · 2006
3. Панкратова Т. В. Обработка цифровых фотографий (с CD-ROM). СПб: Питер, 2005.
4. Келби С. Справочник по обработке цифровых фотографий в Photoshop.  – М.: Вильямс, 2003.
5. Буш Д. Цифровая фотография и работа с изображением. – Минск: Кудиц-Образ, 2004.

Дополнительная литература

1. Гринберг А., Гринберг С. Цифровые изображения. — Минск, Попурри, 1997.
2. Левковец Л. Б. Уроки компьютерной графики. Photoshop CS. – СПб: Питер, 2004.        
3. Тайц A.M., Тайц A.А. Adobe PhotoShop CS. — СПб.: БХВ-Петербург, 2004.
4. Пономаренко С.И. Adobe PhotoShop CS. — СПб.: БХВ-Петербург, 2004.
5. Карасева Э. В., Чумаченко И. Н. Photoshop CS. — М.: НТ Пресс, 2004.
6. Стрелкова Л.И. Photoshop. Практикум (с CD-ROM). – М.:  "Интеллект-Центр", 2004.
7. Ефремов А. А. Фотография и Photoshop. Секреты мастерства. – СПб: Питер, 2005.
8. Леонтьев В. П. Adobe Photoshop - ваша цифровая фотостудия. – СПб: ОЛМА-Пресс, 2005.
9. Волкова Е. В. Художественная обработка фотографий в Photoshop. Самоучитель. – СПб: Питер, 2005.
10.  Залогова Л.А. Компьютерная графика. Элективный курс. Учебное пособие. – М.: "Бином", 2005.
11.  Леготина С. Графический редактор Photoshop. Элективный курс по информатике. 9-11 классы. 1 и 2 части. – Корифей, 2005.

Литература для школьников

1. Поляков К.Ю. Уроки по Adobe Photoshop CS2. Электронное учебное пособие, 2005.
2. Луций С.A. Изучаем Photoshop. – СПб: Питер, 2003.
3. Луций С.A. Самоучитель Photoshop CS. – СПб: Питер, 2005.

Учебный модуль «Технологии создания сайтов и основы web-дизайна» Пояснительная записка

Место модуля в образовательном процессе

Умение представлять преобразованную информацию, учитывая особенности восприятия других людей, — важное условие образовательной компетентности учащихся, обучающихся по модулю «Технологии создания сайтов и основы web-дизайна». Веб-сайт является хорошо известным и доступным старшеклассникам средством представления текстовой, графической и иной информации в сети Интернет.

На изучение модуля отводится 17 часов. Очень важно то, что активизация познавательного процесса позволяет учащимся более полно выражать свой творческий потенциал и реализовывать собственные идеи в изучаемой области знаний, создаёт предпосылки по применению освоенных способов сайтостроения в других учебных курсах, а также способствует возникновению дальнейшей мотивации, направленной на освоение интернет-профессий, предусматривающих веб-мастеринг.

Модуль включает в себя практическое освоение техники создания веб-страниц, тематических сайтов, а также информационно-справочных и других сайтов.

Модуль служит средством внутрипрофильной специализации в области новых информационных технологий, что способствует созданию дополнительных условий для проявления индивидуальных образовательных интересов учащихся.

Тесная связь стиля деятельности, сформированного интернет-технологиями, со всеми сферами современного общества (гуманитарной, естественнонаучной, социальной, экономической и др.) позволяет использовать знания, выработанные при освоении курса «Технологии создания сайтов и основы web-дизайна», практически во всех образовательных областях старшей школы.

Концепция модуля

Основа модуля — практическая и продуктивная направленность занятий, способствующая обогащению эмоционального, интеллектуального, смыслотворческого опыта учащихся. Одна из целей обучения информатике заключается в предоставлении учащимся возможности личностного самоопределения и самореализации по отношению к стремительно развивающимся информационным технологиям и ресурсам. Достижение этой цели становится возможным при создании личностно значимой для учащихся образовательной продукции в рамках сайтостроения.

Реализация творческих замыслов учащихся осуществляется поэтапно:

• на первом этапе создаются простейшие веб-страницы;
• на втором этапе уделяется особое внимание разработке отдельных элементов;
• на третьем этапе создается целостный веб-сайт.

Освоение знаний и способов веб-конструирования осуществляется в процессе разработки сайтов на близкие учащимся темы, которые они определяют для себя самостоятельно. Такой подход гарантирует дальнюю мотивацию и высокую результативность обучения.

Общепедагогическая направленность занятий — гармонизация индивидуальных и социальных аспектов обучения по отношению к сетевым информационным технологиям. Знания, умения и способы конструирования веб-сайтов являются элементами информационной компетенции — одной из ключевых компетенций современной школы. Умение находить, структурировать, преобразовывать и сохранять информацию в html-формате и других интернет-совместимых форматах — необходимое условие подготовки современных школьников. Особая роль отводится широко представленной в курсе системе рефлексивных заданий. Освоение рефлексии направлено на осознание учащимися того важного обстоятельства, что наряду с разрабатываемыми ими продуктами в виде html-страниц рождается основополагающий образовательный продукт: освоенный инструментарий. Именно этот образовательный продукт станет базой для творческого самовыражения учащихся в форме сайтов, которые можно размещать в Интернете или в локальной школьной сети.

Цели изучения

Основными целями являются:

• научить учащихся ориентироваться и продуктивно действовать в информационном интернет-пространстве, используя для достижения своих целей создаваемые веб-ресурсы;
• сформировать у школьников целостное представление об информационной картине мира средствами Всемирной паутины, научить их способам представления информации в сети Интернет;
• познакомить учащихся со способами научно-технического мышления и деятельности, направленными на самостоятельное творческое познание и исследование информационной части сетевого пространства;
• реализовать способности учеников в ходе проектирования и конструирования сайтов;
• сформировать элементы информационной и телекоммуникационной компетенций по отношению к знаниям, умениям и опыту конструирования.

Задачи

Основными задачами являются:

• познакомить с видами веб-сайтов, их функциональными, структурными и технологическими особенностями;
• сформировать навыки элементарного проектирования, конструирования, размещения и сопровождения веб-сайта;
• создать представление о языке HTML и научить использовать его для создания веб-страниц;
• сформировать навыки коллективной работы с комплексными веб-проектами;
• создать и разместить в сети Интернет собственный веб-сайт в соответствии с выбранной темой.

Методы обучения

Основная методическая установка — обучение школьников навыкам самостоятельной индивидуальной и групповой работы по практическому конструированию сайтов.

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

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

Отбор методов обучения обусловлен необходимостью формирования информационной и коммуникативной компетентностей учащихся. Решение этой задачи обеспечено наличием в программе следующих элементов указанных компетенций:

• социально-практической значимости компетенции (для чего необходимо уметь создавать, размещать и поддерживать сайты);
• личностной значимости компетенции (зачем ученику необходимо быть компетентным в области сайтостроительства);
• перечня реальных объектов действительности, относящихся к данным компетенциям (веб-страница, сайт, компьютер, компьютерная программа, Интернет и др.);
• знаний, умений и навыков, относящихся к этим объектам;
• способов деятельности по отношению к изучаемым объектам;
• минимально необходимого опыта деятельности ученика в сфере указанных компетенций;
• индикаторов — учебных и контрольно-оценочных заданий по определению компетентности ученика.

Формы организации учебных занятий

Основной тип занятий — практикум. Большинство заданий выполняется с помощью персонального компьютера и необходимых программных средств. Желателен доступ в Интернет. При его отсутствии выполняются те работы, которые можно реализовать без доступа к сети.

Каждая тема начинается с постановки задачи — характеристики образовательного продукта, который предстоит создать учащимся. Алгоритм выполнения задания прописан в упражнениях.

Задания для самостоятельного выполнения направлены на формирование умений, необходимых для выполнения технической задачи на соответствующем минимальном уровне планируемого результата обучения. Тренинг завершается переходом на новый уровень обучения — выполнение учащимися комплексной творческой работы по созданию определённого образовательного продукта, например, веб-сайта.

В ходе обучения школьникам могут периодически предлагаться непродолжительные, рассчитанные на 5—10 минут контрольные работы для проверки уровня освоения изученных способов действий. Кроме того, проводятся тестовые испытания для определения глубины знаний. Контрольные замеры обеспечивают эффективную обратную связь, позволяющую обучающим и обучающимся корректировать собственную деятельность.

Систематическое повторение способствует более целостному осмыслению изученного материала, поскольку целенаправленное обращение к изученным ранее темам позволяет учащимся встраивать новые понятия в систему уже освоенных знаний.

Индивидуальная учебная деятельность сочетается с проектными формами работы по созданию сайтов. Защита проектов создаёт благоприятные предпосылки для самостоятельной оценки проделанной работы.

Планируемые результаты

В рамках модуля «Технологии создания сайтов и основы web-дизайна» учащиеся овладевают следующими знаниями, умениями и способами деятельности:

• знают принципы и структуру устройства Всемирной паутины, формы представления и управления информацией в сети Интернет;
• умеют найти, сохранить и систематизировать необходимую информацию из Сети с помощью имеющихся технологий и программного обеспечения;
• умеют спроектировать, изготовить и разместить в сети веб-сайт объёмом 5—10 страниц на заданную тему;
• владеют способами работы с изученными программами;
• знают и умеют применять при создании веб-страницы основные принципы веб-дизайна;
• владеют необходимыми способами проектирования, создания, размещения и обновления веб-сайта;
• знают виды веб-сайтов, способны произвести анализ и сформулировать собственную позицию по отношению к их структуре, содержанию, дизайну и функциональности;
• владеют приёмами организации и самоорганизации работы по изготовлению сайта;
• имеют положительный опыт коллективного сотрудничества при конструировании сложных веб-сайтов;
• имеют опыт коллективной разработки и публичной защиты созданного сайта;
• овладевают процедурой самооценки знаний и деятельности и корректируют дальнейшую деятельность по сайтостроительству.

Способы оценивания уровня достижений учащихся

Предметом диагностики и контроля в модуле «Технологии создания сайтов и основы web-дизайна» являются внешние образовательные продукты учащихся (созданные веб-сайты), а также их внутренние личностные качества (освоенные способы деятельности, знания, умения), которые относятся к целям и задачам курса.

Одним из показателей действенности и результативности диагностики и контроля является их своевременность. Разрыв во времени между выполнением задания и диагностикой образовательного продукта снижает эффективность процесса обучения.

Контроль и диагностика должны быть действенными. Даже когда учитель отмечает факт решения практической задачи (созданную веб-страницу), он должен стремиться к мысленному представлению использования учеником принципов веб-дизайна, т. е. использовать практический результат в качестве показателя сформированности определённого способа деятельности (выполнение учебной задачи) и на этой основе оценивать полученный продукт.

Поскольку в условиях гуманизации образования ученик является полноправным субъектом оценивания, то учитель должен обучать школьников навыкам самооценки. С этой целью педагог выделяет и поясняет критерии оценки, учит школьников формулировать эти критерии в зависимости от поставленных целей и особенностей образовательного продукта. Качество внешней образовательной продукции желательно оценивать по следующим параметрам:

• по количеству творческих элементов в сайте;
• по степени его оригинальности;
• по относительной новизне сайта для ученика или его одноклассников;
• по ёмкости и лаконичности созданного сайта, его интерактивности;
• по практической пользе сайта и удобству его использования.

Созданными внешними образовательными продуктами учащиеся могут пополнять собственные портфолио.

Оценка внутреннего образовательного продукта связана с направленностью сознания школьника на собственную деятельность, на абстракцию и обобщение осуществляемых действий, иными словами: здесь должна иметь место рефлексивная саморегуляция.

Проверка достигаемых школьниками результатов производится в следующих формах:

• текущий рефлексивный самоанализ, контроль и самооценка учащимися выполняемых заданий;
• текущая диагностика и оценка учителем деятельности школьников в виде двух контрольных работ по следующим темам: «Язык гипертекстовой разметки HTML. Каскадные таблицы стилей CSS»; «Язык сценариев JavaScript».

Итоговый контроль проводится в конце курса. Он организуется в форме дифференцированного зачёта — защита итогового проекта.

Состав учебно-методического комплекта

Программа модуля обеспечивается учебным пособием для учащихся «Технологии создания сайтов и основы web-дизайна», контрольно-измерительными материалами для проведения текущего и итогового контроля.

В качестве дополнительных источников информации для освоения материала курса рекомендуется использовать справочники, дополнительную литературу с описанием новых программных средств, а также раздел «Справка» в изучаемых компьютерных программах.

Аппаратное обеспечение:

1. Процессор не ниже Pentium II или выше.
2. Оперативная память не меньше 128 Мб (рекомендуется 256 Мб или больше).
3. Подключение к сети Интернет (желательно).

Программное обеспечение:

1. Операционная система: Windows 2000 (или выше).

4. Любой текстовый редактор.
5. Браузер Internet Explorer версии 5 или выше.

Тематический план

Содержание

Введение

Структура модуля. Основы веб-дизайна, технологии создания привлекательных и удобных сайтов. Язык HTML — основной инструмент создания веб-страниц.

Раздел 1. Язык гипертекстовой разметки HTML

Тема 1.1. Структура html-документа

Учащиеся должны знать / понимать:

• принципы работы с html-тегами;
• принципы работы браузера при отображении страницы;
• структуру кода веб-страницы;
• теги заголовков, с помощью которых формируется страница;
• теги форматирования текста.

Учащиеся должны уметь:

• создать веб-страницу с помощью html-кода;
• придать веб-странице требуемое форматирование.

Браузер. Структура html-документа. Тег. Форматирование html-документа.

Практическая работа: упражнение Структура html-документа.

Тема 1.2. Теги и атрибуты

Учащиеся должны знать / понимать:

• назначение основных параметров для тегов форматирования.

Учащиеся должны уметь:

• управлять параметрами текста с помощью тега ;
• управлять параметром выравнивания для тега

  ;

• задавать заголовок документа.

Атрибуты тегов. Базовый шрифт. Заголовок html-документа.

Практическая работа: упражнение Теги и атрибуты».

Тема 1.3. Вставка изображения на страницу

Учащиеся должны знать / понимать:

• как вставить изображение на веб-страницу;
• как отключать отображение изображений на веб-странице.

Учащиеся должны уметь:

• вставлять необходимое изображение в нужное место веб-страницы;
• задавать альтернативный текст для вставляемого изображения.

Вставка изображения на веб-страницу. Альтернативный текст.

Практическая работа: упражнение Вставка изображения на страницу».

Тема 1.4. Управление рисунком

Учащиеся должны знать / понимать:

• как узнать значения высоты и ширины графического файла.

Учащиеся должны уметь:

• задавать произвольный размер вставляемому изображению;
• выравнивать и центрировать рисунок на веб-странице.

Выравнивание рисунка. Свойства графического изображения.

Практическая работа: упражнение интерактивного электронного учебника «Чертёж второй. Управление рисунком».

Тема 1.5. Простые таблицы

Учащиеся должны знать / понимать:

• основы работы с таблицами и применение их для разметки структуры веб-документа;
• назначение основных атрибутов таблицы.

Учащиеся должны уметь:

• формировать таблицу;
• настраивать ширину и высоту ячеек таблицы;
• осуществлять разметку страницы с помощью таблиц;
• создавать сложную структуру с помощью вложенных таблиц.

Создание и разметка таблицы. Вложенные таблицы.

Практическая работа: упражнение Простые таблицы».

Тема 1.6. Формирование сложных таблиц

Учащиеся должны знать / понимать:

• способы модификации таблицы путём объединения ячеек и применение границ и заливок.

Учащиеся должны уметь:

• объединять ячейки таблицы;
• оформлять таблицу с помощью границ и заливки ячеек.

Объединение ячеек таблиц. Границы и заливка таблицы.

Практическая работа: упражнение Формирование сложных таблиц».

Тема 1.7. Гиперссылки

Учащиеся должны знать / понимать:

• назначение гиперссылок и принцип их создания.

Учащиеся должны уметь:

• осуществлять связь страничек с помощью гиперссылок.

Гиперссылки.

Практическая работа: упражнение Гиперссылки».

Тема 1.8. Оформление гиперссылок

Учащиеся должны знать / понимать:

• как оптимальным образом и в каком виде поместить гиперссылку на веб-страницу.

Учащиеся должны уметь:

• изменять стандартные цвета гиперссылок;
• создавать картинки-гиперссылки;
• ссылаться на внешние ресурсы Интернета.

Картинка-гиперссылка. Цвета гиперссылки. Внешний ресурс.

Практическая работа: упражнение Оформление гиперссылок».

Контрольная работа № 1

Раздел 2. Теоретические основы дизайна

Тема 2.1. Основы визуального дизайна

Учащиеся должны знать / понимать:

• инструменты веб-дизайна;
• принципы дизайна;
• характерные свойства абстрактных материалов, с которыми работает дизайнер, — размер, форма, цвет и шрифт как визуальные аспекты любого объекта;
• фундаментальные принципы дизайна.

Учащиеся должны уметь:

• подобрать гармоничные цвета композиции;
• выбрать удачное шрифтовое решение композиции.

Пространственные отношения. Форма и размер. Цвет и размер. Пропорции. Размещение элементов в композиции веб-страницы. Плотность размещения материала. Форма. Цвет. Текст и фон. Шрифт и текст. Подбор шрифтов. Принципы дизайна.

Тема 2.2. Web-графика

Учащиеся должны знать / понимать:

• особенности подготовки веб-графики (диффузия, антиалиасинг);
• «безопасную» палитру цветов;
• об оптимизации графики для Интернета;
• функции веб-графики;
• форматы файлов для хранения компьютерной графики;
• основные принципы формирования и обработки компьютерной графики.

Учащиеся должны уметь:

• оптимизировать графику;
• убирать эффект ореола.

Виды компьютерной графики. Графические форматы. Особенности подготовки графики для веб-страниц. Функции веб-графики.

Практическая работа: создать логотип фирмы, используя собственные инициалы.

Дополнительно: как создать и разместить на веб-странице ролик, созданный в программе Macromedia Flash.

Тема 2.3. Дизайн web-сайтов

Учащиеся должны знать / понимать:

• ограничения, налагаемые на дизайн веб-сайтов;
• типы сайтов;
• зависимость дизайна от тематики сайта;
• элементы, из которых состоит веб-страница;
• классификацию сайтов;
• устройство сайтов.

Учащиеся должны уметь:

• различать типы сайтов и их назначение;
• комбинировать на веб-странице графическую и текстовую информации.

Типы сайтов. Устройство сайтов. Топологическая структура сайта. Размерные отношения и ограничения формата веб-страницы. Текстовые блоки и графические вставки.

Контрольная работа № 2 

Работа над индивидуальным проектом. Дифференцированный зачёт

Учебно-методические материалы

1. Ситникова О. В., Татарникова Л. А., Вьюгов Д. С. Технологии создания сайтов и основы web-дизайна: Учебное пособие.
2. Уроки сайтостроения: Интерактивный электронный учебник.
3. Технологии создания сайтов и основы web-дизайна: Учебная программа.
4. Татарникова Л. А. Технологии создания сайтов и основы web-дизайна: Методические рекомендации.
5. Кузнецов В. В. Технологии создания сайтов и основы web-дизайна: Задания для проведения контрольной работы № 1 «Язык гипертекстовой разметки HTML. Каскадные таблицы стилей CSS».
6. Кузнецов В. В. Технологии создания сайтов и основы web-дизайна: Задания для проведения контрольной работы № 2 «Язык сценариев JavaScript».
7. Кузнецов В. В. Технологии создания сайтов и основы web-дизайна: Задание к итоговому проекту.