Программа факультатива «Начала Web-дизайна»

 просмотров

Программа факультатива «Начала Web-дизайна»

Автор програми: вчитель методист, вища категорія, колегіум "Елінт" Ленінського району

Данная программа ориентирована на изучение основ Web-дизайна и приобретение навыков работы в таких редакторах, как Adobe Photoshop /10 часов/, Macromedia Flash/11 часов/, Macromedia Dewamweaver/16 часов/, а также овладение языком разметки гипертекста (HTML)/12 часов/, приобретение навыков работы в создании Web-сайта выгрузки его на сервер, умения проверить в режиме on-line и зарегистрировать в поисковых системах и службах баннерообмена/10 часов/. Программа представлена каждой темой поурочно, рассчитана на 68 часов /2 часа в неделю/, рекомендована для детей, которые видят себя в будущем профессиональными Web-дизайнерами или хотят расширить круг друзей с помощью странички в Интернете.

№ п/п

Темы

Количество часов

1.

Элементы теории компьютерной графики

9

1.1

Почему мы видим цвет? Цветовая модель.

1.2

Практическая работа: «Работа с цветовой моделью RGB»

1.3

Цвет в WEB- дизайне. Характеристики цвета. Цветовой круг. Цветовые схемы. Восприятие цвета.

1.4.

Практическая работа: «Составление цветовой схемы»

1.5.

Сочетание цветов на WEB- странице. Цветовой спектр WEB - страницы. Текст и фон. Практическая работа: «Анализ цветового дизайна WEB - страниц»

1.6.

Растровая и векторная графика.

1.7.

Форматы графических файлов для Интернета. Формат GIF. Формат JPEG.

1.8.

Практическая работа: «Сохранение файла для WEB»

1.9.

Оптимизация графики для WEB.

2.

Графический редактор Adobe Photoshop.

10

2.1.

Назначение и основные возможности.

2.2.

Знакомство с интерфейсом. Строка меню. Панели и палитры. Создание нового документа. Сохранение документа.

2.3.

Практическая работа: «Открытие и сохранение документа»

2.4.

Практическая работа: «Изучение панели инструментов». Инструменты выделения. Перемещение или движение объекта или изображения. Выбор цвета. Инструменты заливки. Инструменты для рисования.

2.5.

Работаем со слоями. Палитра слоев. Практическая работа: «Палитра слоев».

2.6.

Эффекты слоя. Практическая работа: «Применение Эффектов слоя»

2.7.

Работа с текстом. Создание текстового слоя. Редактирование текста. Практическая работа: «Ввод и редактирование текста»

2.8.

Фильтры. Художественные фильтры. Деформирующие фильтры. Фильтры освещения. Фильтры эскизов. Фильтры стилизации. Фильтры текстуры. Фильтры размытия. Рекомендации по работе с фильтрами.

2.9.

Практическая работа: «Использование фильтров».

Контрольная работа «Создание коллажа в Adobe Photoshop на заданную тему».

3.

Анимация.

11

3.1.

GIF-анимация. Принцип создания GIF-анимации. Создание GIF-анимации в Adobe ImageReady. Оптимизация изображения..

3.2.

Практическая работа: «Создание простейших анимированных изображений».

3.3.

Flash-анимация. Назначение. Принцип Flash-анимации. Интерфейс редактора Macromedia Flash. Инструменты рисования.

3.4.

Практическая работа: «Изучение инструментов рисования».

3.5.

Символы. Практическая работа: «Создание и редактирование символов».

3.6.

Слои. Практическая работа: «Работа со многослойным изображением»

3.7.

Работа с текстом. Практическая работа: «Работа с текстом».

3.8.

Создание анимации. Кадрирование движения. Кадрирование изменения формы. Создание пошаговой анимации.

3.9.

Практическая работа: «Создание анимации».

Создание рекламных баннеров. О баннерах. Эффективность баннера.

Практическая работа: «Создание рекламных баннеров».

4.

Язык разметки гипертекста HTML.

12

4.1.

Назначение HTML. Основные понятия.

4.2.

Структура HTML-документа.

4.3.

Практическая работа: «Создание простейшей WEB-страницы».

4.4.

Форматирование текста. Форматирование шрифта. Форматирование абзаца.

4.5.

Практическая работа: «Форматирование текста на WEB-странице».

4.6.

Управление цветом. Рисунки на WEB-странице.

4.7.

Практическая работа: «Размещение графики на WEB-странице».

4.8.

Гиперссылки. Практическая работа: «Создание гиперссылок».

4.9.

Таблицы. Создание и форматирование таблиц.

Практическая работа: «Создание и форматирование таблиц».

Разметка WEB-страницы при помощи таблицы.

Контрольная работа «Создание WEB-сайта на заданную тему в текстовом редакторе Блокнот».

5.

Macromedia Dreamweaver.

16

5.1.

Знакомство с интерфейсом программы.

5.2.

Создание WEB-узлов. Планирование WEB-узла. Создание локального WEB-узла. Окно просмотра WEB-узла.

5.3.

Практическая работа: «Проектирование и создание локального WEB - узла».

5.4.

Создание и редактирование HTML-документов. Создание нового HTML-документа. Определение параметров страницы. Ввод и форматирование текста.

5.5

Практическая работа «Создание и редактирование HTML-документов».

5.6.

Гиперссылки. Гиперссылка на документ. Гиперссылка на почтовый адрес. Гиперссылка на метку. Создание меню переходов.

5.7

Практическая работа: «Создание гиперссылок».

5.8

Использование графики. Вставка изображения. Создание интерактивного рисунка. Создание карты изображения.

5.9

Практическая работа: «Использование графики».

5.10

Таблицы. Создание таблицы. Форматирование таблицы.

5.11

Практическая работа: «Создание и форматирование таблиц».

5.12

Вставка объектов мультимедиа. Вставка объектов. Фильмы FLASH. Сценарии.

5.13

Практическая работа: «Вставка объектов мультимедиа».

5.14

Использование шаблонов. Назначение шаблона. Создание шаблона. Создание документа на основе шаблона. Редактирование шаблона и обновление проекта. Практическая работа: «Использование шаблона».

5.15

Загрузка файлов на сервер. Установка связи между проектами. Отправка и получение документов.

5.16

Практическая работа: «Выгрузка файлов на сервер».

6.

Создание WEB-проекта.

10

6.1.

Кто делает WEB-сайты?

6.2.

Современные интернет-технологии. Современные тенденции в развитии интернет-технологий. Экономика сайтостроительства. Разработка контента и структуры проекта. Информационное наполнение. Интерактивность.

6.3.

Практическая работа: «Подготовка информационнно-содержательного наполнения сайта, и определение основных форм представления информации».

6.4.

Создание макета дизайна проекта.

6.5.

Практическая работа: «Создание WEB-страницы в редакторе Adobe ImageReady».

6.6.

Хостинг и тестирование работоспособности WEB-сайта. Тестирование проекта. Выбор хостинга. Размещение интерактивных форм.

6.7.

Практическая работа: «Размещение интерактивных форм на сайте».

6.8.

Регистрация WEB-сайта на поисковых серверах.

6.9.

Баннерный обмен. Обмен посетителями. Службы баннерообмена.

Практическая работа: «Регистрация сайта на поисковых серверах, в рейтинговых каталогах и системах баннерообмена».

Весь теоретический материал с необходимыми иллюстрациями для даной программы можно получить по адресу http://infoschool. *****



Подпишитесь на рассылку:

Проекты по теме:

Основные порталы, построенные редакторами

Домашний очаг

ДомДачаСадоводствоДетиАктивность ребенкаИгрыКрасотаЖенщины(Беременность)СемьяХобби
Здоровье: • АнатомияБолезниВредные привычкиДиагностикаНародная медицинаПервая помощьПитаниеФармацевтика
История: СССРИстория РоссииРоссийская Империя
Окружающий мир: Животный мирДомашние животныеНасекомыеРастенияПриродаКатаклизмыКосмосКлиматСтихийные бедствия

Справочная информация

ДокументыЗаконыИзвещенияУтверждения документовДоговораЗапросы предложенийТехнические заданияПланы развитияДокументоведениеАналитикаМероприятияКонкурсыИтогиАдминистрации городовПриказыКонтрактыВыполнение работПротоколы рассмотрения заявокАукционыПроектыПротоколыБюджетные организации
МуниципалитетыРайоныОбразованияПрограммы
Отчеты: • по упоминаниямДокументная базаЦенные бумаги
Положения: • Финансовые документы
Постановления: • Рубрикатор по темамФинансыгорода Российской Федерациирегионыпо точным датам
Регламенты
Термины: • Научная терминологияФинансоваяЭкономическая
Время: • Даты2015 год2016 год
Документы в финансовой сферев инвестиционнойФинансовые документы - программы

Техника

АвиацияАвтоВычислительная техникаОборудование(Электрооборудование)РадиоТехнологии(Аудио-видео)(Компьютеры)

Общество

БезопасностьГражданские права и свободыИскусство(Музыка)Культура(Этика)Мировые именаПолитика(Геополитика)(Идеологические конфликты)ВластьЗаговоры и переворотыГражданская позицияМиграцияРелигии и верования(Конфессии)ХристианствоМифологияРазвлеченияМасс МедиаСпорт (Боевые искусства)ТранспортТуризм
Войны и конфликты: АрмияВоенная техникаЗвания и награды

Образование и наука

Наука: Контрольные работыНаучно-технический прогрессПедагогикаРабочие программыФакультетыМетодические рекомендацииШколаПрофессиональное образованиеМотивация учащихся
Предметы: БиологияГеографияГеологияИсторияЛитератураЛитературные жанрыЛитературные героиМатематикаМедицинаМузыкаПравоЖилищное правоЗемельное правоУголовное правоКодексыПсихология (Логика) • Русский языкСоциологияФизикаФилологияФилософияХимияЮриспруденция

Мир

Регионы: АзияАмерикаАфрикаЕвропаПрибалтикаЕвропейская политикаОкеанияГорода мира
Россия: • МоскваКавказ
Регионы РоссииПрограммы регионовЭкономика

Бизнес и финансы

Бизнес: • БанкиБогатство и благосостояниеКоррупция(Преступность)МаркетингМенеджментИнвестицииЦенные бумаги: • УправлениеОткрытые акционерные обществаПроектыДокументыЦенные бумаги - контрольЦенные бумаги - оценкиОблигацииДолгиВалютаНедвижимость(Аренда)ПрофессииРаботаТорговляУслугиФинансыСтрахованиеБюджетФинансовые услугиКредитыКомпанииГосударственные предприятияЭкономикаМакроэкономикаМикроэкономикаНалогиАудит
Промышленность: • МеталлургияНефтьСельское хозяйствоЭнергетика
СтроительствоАрхитектураИнтерьерПолы и перекрытияПроцесс строительстваСтроительные материалыТеплоизоляцияЭкстерьерОрганизация и управление производством

Каталог авторов (частные аккаунты)

Авто

АвтосервисАвтозапчастиТовары для автоАвтотехцентрыАвтоаксессуарыавтозапчасти для иномарокКузовной ремонтАвторемонт и техобслуживаниеРемонт ходовой части автомобиляАвтохимиямаслатехцентрыРемонт бензиновых двигателейремонт автоэлектрикиремонт АКППШиномонтаж

Бизнес

Автоматизация бизнес-процессовИнтернет-магазиныСтроительствоТелефонная связьОптовые компании

Досуг

ДосугРазвлеченияТворчествоОбщественное питаниеРестораныБарыКафеКофейниНочные клубыЛитература

Технологии

Автоматизация производственных процессовИнтернетИнтернет-провайдерыСвязьИнформационные технологииIT-компанииWEB-студииПродвижение web-сайтовПродажа программного обеспеченияКоммутационное оборудованиеIP-телефония

Инфраструктура

ГородВластьАдминистрации районовСудыКоммунальные услугиПодростковые клубыОбщественные организацииГородские информационные сайты

Наука

ПедагогикаОбразованиеШколыОбучениеУчителя

Товары

Торговые компанииТоргово-сервисные компанииМобильные телефоныАксессуары к мобильным телефонамНавигационное оборудование

Услуги

Бытовые услугиТелекоммуникационные компанииДоставка готовых блюдОрганизация и проведение праздниковРемонт мобильных устройствАтелье швейныеХимчистки одеждыСервисные центрыФотоуслугиПраздничные агентства