Учебный курс "Основы сайтостроения"

Состав УМК Сертификация Аппаратное обеспечение Программное обеспечение Обучение педагога
Количество часов: 35 Целевая аудитория: учащиеся 7 - 8 классов

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

В начале курса учащиеся попробуют создать сайт при помощи онлайн-конструктора, а затем научатся создавать сайты вручную с помощью HTML и CSS. Свои первые эксперименты в сайтостроении они будут выполнять в обычном текстовом редакторе, а для реализации более серьёзных проектов будут использовать веб-редактор Amaya.

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

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

Основные знания, которые останутся после прохождения курса, — это основы базовых веб-технологий (HTML, CSS, JavaScript). Основные навыки — это умение работать с различными онлайн-сервисами, веб-редактором и графическим редактором.
Обучение завершится групповым итоговым проектом, который будет проводиться в виде деловой игры. Сначала каждый из ребят разработает и представит на всеобщее обсуждение свою идею сайта, а затем лучшие идеи будут реализовываться командой «разработчиков», роли в которой будут распределены как в жизни: кто-то будет разрабатывать дизайн, кто-то верстать, а кто-то наполнять сайт содержимым!

Посмотреть демо-версию двух первых уроков интерактивного электронного учебника
Скачать обеспечение (0) двух первых уроков интерактивного электронного учебника

Содержание курса:

Раздел 1. Знакомство с Интернетом

  • Что такое Интернет 
  • Как работает сеть
  • Коммуникационная и информационная функции Интернета
  • Что такое браузер
  • Что такое сайт и для чего он нужен

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

  • Язык гипертекстовой разметки - суть, принцип работы
  • Структура веб-страниц
  • Теги и атрибуты
  • Шрифты и цвета
  • Рисунки на странице
  • Спец. символы
  • Гиперссылки
  • Табличная верстка

Раздел 3. Веб-редактор

  • Обзор существующих веб-редакторов
  • Сравнительная характеристика
  • Инструментарий

Раздел 4. Каскадные таблицы стилей (CSS)

  • Что это такое, как используется
  • Наиболее яркие и полезные примеры применения
  • Позиционирование
  • Блочная верстка

Раздел 5. JAVASCRIPT

  • Что такое javascript
  • События, функции
  • Взаимодействие с пользователем
  • Динамический HTML

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

  • Что такое веб-дизайн
  • Основные принципы веб-дизайна
  • Элементы дизайна
  • Принципы дизайна (баланс, единство, контраст, динамика)
  • Стили веб-дизайна
  • Дизайн сайта

Раздел 7. Разработка реального сайта

  • Выбор тематики сайта
  • Логика распределения материала по разделам сайта
  • Хостинг (размещение сайта в сети)
  • Раскрутка и оптимизация

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

Наименование Комплект ученика Комплект учителя
УМК под СПО
Учебное пособие (0) (фрагмент, pdf) + +
Интерактивный электронный учебник «Я строю сайты» ( уроки демо-версии посмотреть скачать (0), обеспечение (0)) + +
Учебная программа по курсу   +
Тематический план (таблица, pdf)   +
Методические рекомендации по учебному курсу   +
Дидактические материалы для организации проектной и исследовательской деятельности учащихся   +
Дидактические материалы для проведения промежуточной и итоговой аттестации   +

Сертификация

Учебный курс «"Основы сайтостроения» входит в состав образовательных программ на получение сертификатов "Пользователь ПК", "Оператор ПК", "Программист". Подробнее о требованиях к получению сертификатов:

ОС Windows (0)   ОС Linux (0)


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

1. IBM PC-совместимый компьютер.
2. Процессор не ниже Pentium-100 (рекомендуется Pentium II 300 или выше).
3. Оперативная память не меньше 64 Мб (рекомендуется 256 Мб или больше).


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

Операционная система: Windows XP (или выше) или Альт Линукс 5.0 Школьный, или Ubuntu 9.04 и выше, или Kubuntu 9.04 и выше.
Любой текстовый редактор.
Браузер Mozilla Firefox.
Веб-редактор Amaya версии 11.4.4 или выше.
Графический редактор GIMP версии 2.6 или выше.

Обучение педагога:

Учебный центр ОМУ приглашает  >>

Полезные ссылки:

  1. Материалы по теме курса в Фонде "Интерники" >>