Программа кружка технического творчества "ВЭБ ДИЗАЙН"
Создайте Ваш сайт учителя Видеоуроки Олимпиады Вебинары для учителей
Программа кружка технического творчества "ВЭБ ДИЗАЙН"
Вы уже знаете о суперспособностях современного учителя?
Как тратить минимум сил на подготовку и
проведение уроков?
Как быстро и объективно проверять
знания учащихся?
Как сделать изучение нового материала
максимально понятным?
Как избавить себя от подбора заданий и
их проверки после уроков?
Как наладить дисциплину на своих
уроках?
Как получить возможность работать
творчески?
Просмотр содержимого документа
«Программа кружка технического творчества "ВЭБ ДИЗАЙН"»
ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ
ПРОФЕССИОНАЛЬНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ
САРАТОВСКОЙ ОБЛАСТИ
«ВОЛЬСКИЙ СТРОИТЕЛЬНЫЙ ЛИЦЕЙ»
«Рассмотрено» «Утверждаю»
На заседании МО Зам.директора по воспитательно-
«___»_________________ 20___ социальным вопросам
Протокол № ______ ___________ Константинов О.А.
Председатель МО № приказа_____________
_________ /__________/ от «____»_____________20___г.
План работы секции
клуба технического творчества
Руководитель:
КЛИМОВА ОЛЕСЯ СЕРГЕЕВНА
Вольск - 2014
Пояснительная записка
к секции клуба технического творчества “Web-дизайн”
Развитие компьютерных технологий предъявляет современному специалисту новые функциональные требования. От него требуются как хорошо развитые специализированные функции, так и умения проектировать, принимать самостоятельные решения и выполнять творческую работу. Эти умения должны формироваться с самого начала профессиональной подготовки.
Создание компьютерных сетей предоставило человечеству абсолютно новый способ общения. Новейшие достижения в технологии передачи информации открывают неограниченные возможности по обработке и передаче массива данных практически в любую точку земного шара.
Технологии Всемирной паутины открывают широкие возможности для использования их в Интернете. Однако, воплощение возможностей в действительность невозможно, как и любая другая работа, без удобных инструментов. Данный курс позволит учащимся изучить основные инструментальные средства для создания и разработки Web-страниц.
Процесс создания Web-сайта творческий и увлекательный, поэтому данный курс будет интересен учащимся не только в получении новых знаний и умений, но и в выборе их будущей профессиональной деятельности. Представляемый курс на формирование компьютерной грамотности создания Web-страниц, что соответствует образовательным целям самих учащихся и в целом общества.
Целью курса является научить учащихся применять основные инструментальные средства для создания Web-сайта с использованием языка гипертекста, а также показать возможности применения Web-страниц в различных областях профессиональной деятельности.
Задачами курса являются:
дать общие представления и понятия среды Интернет и Web-страниц;
обучить основным приемам работы с основными инструментальными программами для создания Web-страниц;
научить создавать простые Web-сайты с помощью языка гипертекстовой разметки документов (HTML);
дать основные понятия построения компьютерных изображений;
научить изменять дизайн сайта с помощью инструментальных средств;
научить пополнять гимназический сайт
Курс ориентирован на предпрофильную подготовку учащихся и строится на основе информатики и технологии, с использованием методов исследовательской, проектной деятельности. Курс построен по модульному принципу и предполагает практическое выполнение индивидуальных и групповых заданий, а так же выполнение и защиту проектной работы в области Интернет-технологий.
Знания и навыки, полученные учащимися, окажутся полезными при дальнейшем изучении предметов не только информационно-технологического профиля, но всех других и будут способствовать осознанному выбору профиля для дальнейшего обучения. По окончании курса ученики должны уметь эффективно использовать инструментальные программные средства (Microsoft Word, FrontPage) с использованием языка HTML для создания Web-страниц и Web-сайтов.
Данный курс предполагает 40 часов. В конце изучения курса учащиеся выполняют проектную работу – создание сайта на предложенные темы.
Образовательный курс включает тематический учебный план, перечень знаний и умений, формируемых у учащихся, наименование и содержание всех тем, включая практикумы и другие формы работы с учащимися, список литературы, использованной при составлении курса.
Курс “Web-дизайн” предусматривает самостоятельную работу учащихся по изучению дополнительной литературы в области Интернет-технологий, а также изучение дополнительных программ работы с графическими изображениями.
Перечень знаний и умений, формируемых у учащихся
Учащиеся должны:
Овладеть основными знаниями компьютерных Интернет-технологий.
Владеть основами работы с прикладными программными средствами и применять их на практике для создания Web-сайта.
Знать основные тэги и их характеристики.
Уметь применять различные цвета для оформления Web-странички.
Научиться использовать таблицы, определять структуру Web-документа, используя при этом различные анимационные графические элементы, фотографии, рисунки и т.д.
Уметь создавать гиперссылки, дополнительных Web-страниц.
Определять дизайн Web-сайта и его структурных компонентов.
Уметь использовать дополнительные источники информации (литература, программы) для создания Web-страниц.
Содержание учебно-образовательной информации по курсу “Web-дизайн”
1. Введение в курс
Знакомство с понятием Web-сайт и Web-страница, сеть Интернет, Web-технологии, программы браузеры, интерактивное средство представления информации.
2. Знакомство с программой Microsoft FrontPage
Работа с мультимедийным практикумом “Практический курс Microsoft FrontPage”.
3. Основные понятия HTML. Структура HTML-документа
Язык гипертекстовой разметки документов, теги, HTML-код. Рекомендации по разработке проекта сайта.
Практикум: “Проектирование сайта”.
4. Создание и фоновое оформление главной Web-страницы
Панель инструментов. Текстура, фон, добавление текстуры, баннер. HTML страница, редактирование HTML страницы, ввод текста и графики в HTML страницу, просмотр Web-страницы.
Практикум: “Создание главной Web-страницы”.
5. Использование таблиц
Построение таблиц в HTML документе, оформление таблиц, объединение ячеек, изменение ширины ячеек, использование таблицы без рамки.
Практикум: “Создание таблиц в HTML документе”.
6. Анимация. Бегущая строка
Анимированные файлы, бегущая строка, диалоговое окно бегущей строки.
Практикум: “Добавление на Web-страницу анимированных рисунков и бегущей строки”.
7. Форматирование текста и размещение графики
Абзац, заголовки текста, управление шрифтом, списки, разделительные полосы, вставка графических изображений, фоновая графика.
Практикум: “Создание титульной страницы сайта. Поиск в сети Интернет рисунков для сайта. Создание логотипа сайта и размещение на титульной странице”.
8. Работа с гиперссылками. Создание страниц сайта
Гиперссылка, добавление гиперссылки, изменение гиперссылки, удаление гиперссылки.
Практикум: “Добавление гиперссылок на главную Web-страницу”.
9. Оформление гиперссылок
Текстовые ссылки, графические ссылки, навигация.
Практикум: “Размещение панели навигации на титульной странице сайта”.
10. Фреймы
Фрейм, установочный HTML-файл, левый фрейм, центральный фрейм, верхний фрейм.
Практическая работа “Заполнение и оформление фреймов”.
11. Создание сайта с помощью программы FrontPage
Практикум: “Проект сайта. Оформление главной страницы. Добавление гиперссылок”.
Практикум: “Дизайн сайта”.
Практикум: “Оформление и заполнение страниц сайта”
Учебно-тематический плансекции клуба технического творчества “Web дизайн”
| № п/п | Тема занятия | Количество часов |
| 1. | Знакомство. | 1 |
| 2. | Знакомство с программой Microsoft FrontPage | 1 |
| 3. . | Основные понятия HTML. | 1 |
| 4. | Структура HTML-документа | 1 |
| 5. | Язык гипертекстовой разметки документов, теги, HTML- код. | 1 |
| 6. | Проектирование сайта | 1 |
| 7. | Текстура, фон, добавление текстуры, баннер. | 1 |
| 8. | HTML страница, редактирование HTML страницы, ввод текста и графики в HTML страницу, просмотр Web- страницы. | 1 |
| 9. | Создание главной Web-страницы | 1 |
| 10. | Построение таблиц в HTML документе, оформление таблиц, объединение ячеек, изменение ширины ячеек, использование таблицы без рамки. | 1 |
| 11. | Создание таблиц в HTML документе | 1 |
| 12. | Анимированные файлы, бегущая строка, диалоговое окно бегущей строки. | 1 |
| 13. | Добавление на Web-страницу анимированных рисунков и бегущей строки | 1 |
| 14. | Абзац, заголовки текста, управление шрифтом, списки, разделительные полосы, вставка графических изображений, фоновая графика. | 1 |
| 15. | Поиск в сети Интернет рисунков для сайта | 1 |
| 16. | Создание титульной страницы сайта | 1 |
| 17. | Создание логотипа сайта и размещение на титульной странице | 1 |
| 18. | Гиперссылка, добавление гиперссылки, изменение гиперссылки, удаление гиперссылки. | 1 |
| 19. | Добавление гиперссылок на главную Web-страницу | 1 |
| 20. | Текстовые ссылки, графические ссылки, навигация | 1 |
| 21. | Размещение панели навигации на титульной странице сайта | 1 |
| 22. | Фрейм, установочный HTML-файл, левый фрейм, центральный фрейм, верхний фрейм. | 1 |
| 23. | Заполнение и оформление фреймов | 1 |
| 24. | Изучение пакета Adobe Photoshop по обработке графики и ее подготовке для WEB. | 1 |
| 25. | Работа с выделенными областями | 1 |
| 26. | Основы работы со слоями | 1 |
| 27. | Создание коллажа | 1 |
| 28. | Ретуширование фотографий | 1 |
| 29. | Рисование и раскрашивание | 1 |
| 30. | Работа с текстом | 1 |
| 31. | Создание художественной абстракции | 1 |
| 32. | Изучение пакета CorelDRAW | 1 |
| 33. | Создание рисунков из кривых | 1 |
| 34. | Методы упорядочения и объединения объектов | 1 |
| 35. | Эффект объема. | 1 |
| 36. | Эффект перетекания | 1 |
| 37. | Работа с текстом | 1 |
| 38. | Проект сайта. Оформление главной страницы. Добавление гиперссылок с помощью программы FrontPage | 1 |
| 39. | Дизайн сайта с помощью программы FrontPage | 1 |
| 40. | Оформление и заполнение страниц сайта с помощью программы FrontPage | 1 |
Паспорт
секции клуба технического творчества “Web дизайн”
Технические средства
| № п/п | Наименование | Количество |
| 1. | компьютеры | 10 |
| 2. | принтер | 2 |
| 3. | сканер | 1 |
| 4. | модем | 1 |
| 5. | проектор | 1 |
| 6. | мультимедийная доска | 1 |
| 2. Пособия к техническим средствам | ||
| № п/п | Наименование | Количество |
| 1. | Видеоурок по программе PowerPoint | 1 |
| 2. | Презентация по созданию Web сайтов | 1 |
| 3. Учебно - наглядные пособия | ||
| № п/п | Наименование | Количество |
| 1. | Наглядные пособия по программе PowerPoint | 30 |
| 2. | Наглядные пособия по программе HTML (WEB-сайт) | 30 |
| 4. Методическая литература | ||
| № п/п | Наименование | Количество |
|
| Ларсон М. Создание Web-страниц с помощью Microsoft Office. – М.: БИНОМ, 1998. | 1 |
|
| Дунаев В.В. Сам себе Web-мастер. – СПб.: БХВ-Петербург, Арлит, 2000. | 1 |
|
| Симонович С.В. и др. Общая информатика. Учебное пособие для средней школы. – М.: АСТ-ПРЕСС, 1998. | 1 |
|
| Сагман С. Microsoft Office 2000. – М.: ДМК Пресс, 2002. | 1 |
|
| Леонтьев В.П. Новейшая энциклопедия персонального компьютера 2002. – М.: ОЛМА-ПРЕСС, 2002. | 1 |
|
| Курова И.А. Руководство по HTML. – М.: БИНОМ, 2001. | 1 |
|
| Угринович Н.Д. Информатика и информационные технологии. – М.: Лаборатория Базовых Знаний, 2002. | 1 |
|
| Леонтьев В.П. Новейшая энциклопедия персонального компьютера. – М.: ОЛМА-ПРЕСС, 2004. | 1 |
| № | ФИО | Группа |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Тематика примерных тем проектных работ для создания Web-сайта
членов секции клуба технического творчества “Web дизайн”
| № п/п | Наименование работ | Исполнитель | Примечание |
|
| Мир, в котором я живу. | Члены кружка |
|
|
| Я выбираю здоровый образ жизни. | Члены кружка |
|
|
| Архитектура и художники 19 века. | Члены кружка |
|
|
| Мои спортивные интересы. | Члены кружка |
|
|
| Моё училище. | Члены кружка |
|
|
| Моя электронная газета (Мой электронный журнал). | Члены кружка |
|
|
| Завтра будет лучше. | Члены кружка |
|
|
| Информатика вокруг нас. | Члены кружка |
|
|
| Все науки хороши, выбирай на вкус. | Члены кружка |
|
|
| Мой любимый город. | Члены кружка |
|
Полезное для учителя
Распродажа видеоуроков!
2010 руб.
2870 руб.
1860 руб.
2660 руб.
2050 руб.
2930 руб.
1860 руб.
2660 руб.
ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО
* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт
Удобный поиск материалов для учителей
Проверка свидетельства