Элективный курс «Технология создания сайтов»




Скачать 293.56 Kb.
НазваниеЭлективный курс «Технология создания сайтов»
страница2/3
Дата конвертации19.01.2013
Размер293.56 Kb.
ТипЭлективный курс
1   2   3
Глава I. Моя веб-страничка (6 ч)

В этой главе вы узнаете, что такое гипертекст, как создаются веб­страницы, что делают браузеры. Познакомитесь с некоторыми тегами — командами языка HTML. Научитесь менять цвет шрифта и фона. Созда­дите свою «визитку» в виде простейшей веб-страницы.

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

Техническая часть Теги HTML

Структура веб-страницы Заголовок документа Тело документа Атрибуты тегов Цвет фона

Изображение как фон Цвет текста Цвета

Размер и форма шрифта Теги форматирования текста Взаимодействие тегов Текстовые блоки Заголовки Абзацы

Перевод строки Разделительная линия

57

Заключительный эксперимент

Дополнительная информация

Обобщение

Творческая работа. Тема «Самопрезентация» Самооценка Рефлексия

Глава II. Графика (4 ч)

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

Основные понятия: растровый формат, векторный формат, метафай­лы, рамка изображения, выравнивание, обтекание. Содержание главы:

Рисунки и фотографии в сети Интернета Параметры графического файла Форматы графических файлов Растровые форматы JPEG GIF PNG

Достоинства растрового формата Недостатки Векторные форматы Достоинства Недостатки Метафайлы

Дополнительная информация Графические редакторы Как создать графический файл для веб-страницы

Прозрачная графика

Связывание графического файла с HTML-документом Изображения в HTML-документе Дополнительная информация

В помощь читателям веб-страниц В помощь дизайнерам Обобщение

Творческая работа. Тема «Сделай красиво!» Самооценка Рефлексия

Глава III. Гипертекстовый документ (6 ч)

В этой главе вы познакомитесь со способами организации информа­ции на сайте, узнаете об установлении гипертекстовых связей между

58

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

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

Содержание главы:

Способы организации гипертекстовых документов

Разработка сценария гипертекстового документа, состоящего из не­скольких файлов

Гипертекстовые ссылки

За пределами документа Текстовые ссылки Изображения-ссылки

А — первая буква алфавита. Главный тег Интернета. Абсолютные адреса Относительные адреса

Хотите жить отдельно? Войдите в новое окно Внутренние ссылки. Не говори бабушке, что очки дома, ска­жи, где они лежат Как в гостях сразу пройти к столу?

Чтобы найти иголку в сене, она должна быть заметной. Задание цвета ссылок на веб-странице Не как все. Задание цвета отдельных ссылок Цвет и наличие рамок у изображений ссылок Ждите ответа. Ссылка на адрес электронной почты

Обобщение

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

Самооценка

Рефлексия

Глава IV. Виды сайтов (4 ч)

В этой главе вы познакомитесь с различными видами сайтов, рас­смотрите случаи, когда выбирается тот или иной вид сайта. Узнаете, как привлечь внимание посетителей, оптимально организовать информацию, обеспечить интерактивное взаимодействие с посетителями. Познакоми­тесь с некоторыми критериями оценки сайтов.

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

Содержание главы:

Виды сайтов, их назначение

Способы управления вниманием посетителей

Способы организации информации

59

Полнота информации и ее обновление

Графический и технический дизайн

Навигация

Скорость загрузки страниц и определяющие факторы

Интерактивность сайта

Интернет-технологии

Исследование действующих сайтов

Критерии оценки сайтов

Обобщение

Творческая работа

Самооценка

Рефлексия

Глава V. Основы HTML (8 ч)

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

Основные понятия: списки, таблицы, фреймы, формы, метатеги, интерактивность.

Содержание главы:

Таблицы «Старые песни о главном»

Лишние ячейки. Пустые ячейки Объединение ячеек. Согласуй с соседями Разделение ячейки. Опять согласовывать А стоит ли делить? Вложенные таблицы Цвета фона. Таблица может быть радугой Для радуги — цветную клетку! Поля. В тесноте, да не в обиде Жизнь с таблицами Фреймы Формы Метатеги Обобщение

Творческая работа. Тема «Выполнение и защита небольшого проекта» Самооценка Рефлексия

Глава VI. Редакторы сайтов (8 ч)

Изучив эту главу, вы узнаете, зачем необходимо приложение Dreamweaver и другие редакторы сайтов; каковы возможности

60

Dreamweaver при создании и редактировании сайтов в отличие от редак­торов HTML-кодов; как настроить параметры Dreamweaver; как созда­вать с его помощью различные информационные ресурсы и связывать их друг с другом и с внешними ресурсами.

Основные понятия: редактор веб-страниц, активные элементы, дина­мический язык, сценарий, баннер, сервер, администрирование.

Содержание главы:

Создание нового сайта

Создание новых файлов и папок

Настройка характеристик веб-страницы Фон Текст

Изображения Гиперссылки

Настройка предпочтений для редактирования сайта

Использование таблиц

Использование слоев

Использование фреймов

Использование функции Rollover

Панель навигации

Доступ к HTML-коду веб-страницы

Обобщение

Творческая работа. Тема «Выполнение и защита проекта»

Самооценка

Рефлексия

Глава VII. Дополнительные возможности создания веб-страниц (6 ч)

В этой главе вы узнаете, как быстро и эффективно изменять вид сразу всех веб-страниц сайта, оформлять их в одном стиле. Познакоми­тесь с основами создания каскадных таблиц стилей — CSS. Сделаете простую Flash-анимацию. Научитесь создавать динамические и интерак­тивные веб-страницы.

Основные понятия: каскадные таблицы стилей, CSS, селектор, Flash, символ, клип, кнопка, анимация движения, анимация формы, Dynamic HTML, интерактивность, сценарии, статические и динамические страни­цы, активные элементы. Содержание главы: Назначение CSS Каскадные таблицы стилей Основы CSS

Цвет в CSS Размер в CSS Комментарии Создание таблицы стилей Синтаксис

61

Наследование Контекстные селекторы Шрифт и текст — близнецы братья Фон. Помоги Тому Сойеру покрасить забор Применение таблиц стилей к части страницы Классы — это классно! Подклассы. Может быть, кому-то это нужно

Свой личный тег? Веб-мастер не волшебник, но кое-что может Строковый элемент Блочный элемент
Свойства блоков Граница (border) Обтекание блока текста

Позиционирование. Как попасть туда, не знаю куда Избранные страницы. Стиль персональный

Применение стиля для тега. Штучная работа Взаимодействие стилей. Кто на новенького?

Каскадность стилей и приоритеты. Чем больше влия­ние, тем меньше значимость — все не как в жизни Это интересно!

Ссылки могут быть украшением ID-классы Обобщение

Три способа задания стиля Приоритеты Flash

Основные понятия Типы символов Анимация движения Анимация формы Кнопки Динамический HTML

Работа со слоями Примеры использования DHTML Творческая работа. Тема «Технический проект» Самооценка Рефлексия

Глава VIII. Основы веб-дизайна (8 ч)

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

62

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

Основные понятия: дизайн, векторная и растровая графика, графи­ческий редактор, инструменты, фильтры, графические примитивы, па­литра цветов, формат графического файла, заголовки, текст, разделы, ссылки, термины, эффективность рекламы. Содержание главы: Логотип

Фирменный стиль Цветовая гамма Макет дизайна

Верстка и оптимизация веб-страниц Информационное наполнение сайта (контент)

Заголовки

Текст

Привлечение внимания

Соответствие содержанию

Термины

Конкретность

Простота

Краткость

Логичность изложения

Орфография Расположение элементов на сайте

Графические элементы

Анимация

Баннеры

Навигация Обобщение Творческая работа

Выполнение и защита творческих работ на выбранные темы

(логотип, баннер, фирменный стиль, макет дизайна и др.) Самооценка Рефлексия

Глава IX. Размещение, «раскрутка» и поддержка сайта в сети (4 ч)

В этой главе вы научитесь размещать подготовленные вами сайты в сети Интернета. Оценивать предлагаемые провайдерами условия разме­щения и выбирать оптимальные. Загружать на сервер свои файлы разны­ми способами и тестировать веб-страницы. Научитесь делать свой сайт заметным среди многих.

Основные понятия: Интернет, IP-адрес, домен, провайдер, хостинг, трафик, доступ по коммутируемым каналам, выделенная линия, модем, скорость передачи информации, администрирование сайта, протоколы FTP, TCP/IP, HTTP, релевантность запросов, скорость загрузки, критич-

63

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

Размещение сайта у провайдера FTP — передача файлов Тестирование сайта

Удобство навигации

Целостность данных

Корректность ссылок

Орфография

Графика

Скорость загрузки

Другие возможности Регистрация сайта в поисковых системах Обмен ссылками Баннерная реклама

Принципы и технологии обновления сайта Автоматические системы обновления сайта Обобщение Творческая работа Самооценка Рефлексия

Глава X. Проектирование сайта (4 ч)

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

Основные понятия: концепция сайта, цели сайта, структура сайта, пользователи, навигация. Содержание главы: Концептуальное проектирование

Основные и второстепенные цели

Действия, которые необходимо предпринять для достиже­ния поставленных целей Состав пользователей Интересы групп пользователей Разделы сайта Критерии достижения цели

64

Логическое проектирование

Тип структуры сайта (линейная, иерархическая, контекст­ная, другая) Названия разделов

Что будет содержать в себе каждый раздел Организация и связь разделов между собой Какая информация будет размещена на определенных стра­ницах сайта

Физическое проектирование

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

Обобщение

Творческая работа

Самооценка

Рефлексия

Глава XI. Зачетная работа (10 ч)

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

Основные понятия: тема и структура веб-сайта, проектирование, изготовление, размещение, тестирование сайта, экспертная оценка.

Содержание главы:

Выбор темы творческого проекта — сайта

Техническое задание

Распределение работы между разными специалистами (заказчик, арт-

директор, веб-мастер, кодер, программист, верстальщик, менеджер),

их функции в общем проекте

Особенности коллективной (групповой) деятельности разработчиков

сайта

Проектирование, создание и размещение сайта в сети

Акт сдачи-приемки работы

Защита выполненных проектов

Самооценка и оценка. Рефлексия

Глава XII. Олимпиада по веб-дизайну (2 ч)

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

65

сти. Данная олимпиада — межпредметная и может проводиться в рамках нескольких учебных предметов: изо, живопись, художественное творче­ство, декоративно-прикладное искусство, МХК, дизайн, информатика.

Основные понятия: логотип, фирменный стиль, баннер, макет, гра­фика, дизайн.

Содержание главы:

Олимпиадные задания:

  1. Разработайте макет своей «веб-визитки». Найдите необходимые
    слоганы и их графическое сопровождение.

  2. Разработайте макет логотипа своей школы (класса) в формате jpg
    или gif. и представьте его в цветном и черно-белом вариантах.

  3. Изготовьте два баннера размером 120x60 — анимированный и
    статичный. Цель баннеров — воздействовать на эмоциональную
    сферу потенциального зрителя.

  4. Придумайте графическую иллюстрацию для раздела юмористи­
    ческого сайта. Иллюстрация необходима смешная, заниматель­
    ная, оригинальная. Размер иллюстрации 130x190 пикселей. Фор­
    мат файла jpg или gif.

  5. Разработайте титульную веб-страницу на одну из тем: «Наш класс»,
    «Наша школа», «Мы — фанаты!», «Интернет-газета», «Веб-клуб»,
    «Пункт продажи мобильных телефонов», «Магазин цветов»,
    «Служба знакомств».

1   2   3

Похожие:

Элективный курс «Технология создания сайтов» iconЭлективный курс «Теория решения изобретательских задач» Предмет: физика Курс предназначен для учащихся 9 класса Автор элективного курса
Возникла идея научить девятиклассников решать задачи, в том числе и физические, но используя другой подход. Эта научная технология...

Элективный курс «Технология создания сайтов» iconРабочая программа Элективный курс «Практическая стилистика русского языка» Предмет: русский язык
Элективный курс предназначен для учащихся 10-11 классов и рассчитан на 34 часа

Элективный курс «Технология создания сайтов» iconЭлективный курс «Подготовка к егэ по биологии»
Элективный курс предназначен для учащихся 10 и 11 классов общеобразовательного профиля и реализуется за счет времени, отводимого...

Элективный курс «Технология создания сайтов» iconЭлективный курс по биологии «Наше здоровье в наших руках или как воспитать в себе здоровьесберегающую компетенцию…» ( 34 часа)
Данный элективный курс ставит реализацию целей и задач

Элективный курс «Технология создания сайтов» iconЭлективный курс «Уравнения и неравенства» 9 класс Автор курса учитель математики высшей категории
Элективный курс по математике «Уравнения и неравенства», рассчитан на 17 часов. Курс построен в соответствии со схемой «от простого...

Элективный курс «Технология создания сайтов» iconЭлективный курс по биологии Загадки и тайны генов
Элективный курс предназначен для учащихся 9 классов и имеет целью вызвать интерес к биологии, желание изучать данный предмет в средней...

Элективный курс «Технология создания сайтов» iconЭлективный курс по химии: «Творим и изучаем вместе на занятиях по химии» для учащихся 9 класса
Элективный курс призван развивать интерес к химии, развивать аналитические способности учащихся, расширять их кругозор, формировать...

Элективный курс «Технология создания сайтов» iconЭлективный курс Основы педиатрии (9 класс)
Данный элективный курс раскрывает закономерности развития детей, причины и механизмы заболеваний, способы их диагностики, лечения...

Элективный курс «Технология создания сайтов» iconПояснительная записка Элективный курс «Решение геометрических задач»
Элективный курс «Решение геометрических задач» как компонент образования направлен на удовлетворение познавательных потребностей...

Элективный курс «Технология создания сайтов» iconЭлективный курс по химии Решение расчётных задач по химии
Предлагаемый элективный курс направлен на углубление и расширение химических знаний учащихся через решение расчётных задач, а также...

Разместите кнопку на своём сайте:
Библиотека


База данных защищена авторским правом ©lib2.znate.ru 2012
обратиться к администрации
Библиотека
Главная страница