Курсы Web дизайна (обучение созданию веб-сайтов)

УЧЕБНАЯ ПРОГРАММА КУРСА

«WEB – ДИЗАЙН (курсы создания сайтов)»

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

Программа обучения на курсе веб-дизайн содержит следующие основные разделы: создание сайта с помощью языка гипертекстовой разметки - HTML, теги, верстка веб-страницы, структура сайта, основы дизайна веб-сайтов, редактирования сайтов в программах Homesite и DreamWeaver, стили дизайнов web-сайтов, подготовка графики для сайта в PhotoShop и ImageReady, веб-анимация в Adobe Flash, тестирование и оценка сделанного сайта, размещение его на хостинге в Интернете, протоколы обмена информацией в Интернете.

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

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

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

1. Создание структуры сайта на основе языка верстки HTML, этапы разработки. Основные понятия и терминология.

1.1. Понятие «сайт», его структура.
1.2. Разработка концепции сайта, исходя из поставленных задач, целевой аудитории, фирменного стиля организации.
1.3. Способы определения набора страниц и навигации между ними.
1.4. Виды сайтов: простые, корпоративные и креативные сайты, internet-магазины и тестовые программы.

2. Создание основного конструктива сайта посредством языка верстки HTML.
2.1. «Тег» как ключевое понятие HTML, его атрибуты, виды, синтаксис теговой структуры. Формирование основных принципов работы с кодом страниц. Открывающие и закрывающие теги.
2.2. Распознавание HTML-страниц различными браузерами (Internet Explorer, Opera, Netscape Navigator, Mozilla). Оформление кода –
2.3. Создание основной страницы с текстом. Редактирование текста. Способы форматирования. Маркировка текста.
2.4.Правила размещения и настройка размера графических изображений (jpg, gif, png), звука, бегущей строки и видео на странице. Правила тегов img , object.
2.5. Таблица . Регламентирование размещения таблиц и информации в них (текст, картинки, видео). Объединение ячеек, создание «резиновых» и фиксированных таблиц.
2.6. Фрейм. Фреймовая структура как альтернативное конструирование интернет-страниц.
2.7. Формы. Варианты создания форм. Формы для регистрационных анкет, поисковых систем, тестовых заданий. Интеграция с базой данных сервера хостинга.

2.8. CSS. Возможности использования каскадных таблиц стилей. Варианты встраивания CSS в код HTML.

3. Дизайн в среде Internet: постановка задачи, поиск пути решения.
3.1. Обзор современных программ и их возможностей, используемых для создания интерактивой статичной и динамичной графики: пакет Adobe (Dreamweaver, Flash).
3.2. Разработка информационной архитектуры сайта. Распределение информации по разделам сайта с учетом информационной, логической и визуальной связи между разделами.
3.3. Основные компоненты web-страницы и способы их визуального представления.
3.4. Психология цвета в web-дизайне. Использование различных цветовых схем, исходя из позиционирования сайта.
3.5. Стили дизайна сайта.
3.6. Эргономика сайта (web-usability). Факторы, затрудняющие и факторы помогающие правильному восприятию информации на сайте.
3.7. Макетирование в web. Ритм. Правила расположения, форма основных навигационных и графических компонентов на странице (таких как выпадающие одноуровневые и многоуровневые меню, логотипы, информационные блоки).

4. Подготовка графики для web.
4.1. Обзор графических статических и динамических форматов, условия их использования в среде internet: GIF, PNG, JPG, BMP, SWF, AVI, MOV.
4.2. Программа Adobe Photoshop – правила создания растровых изображений, оптимизация для web-страниц, изменение размера изображения, создание бесшовного фонового рисунка. Прорисовка (заготовка) кнопок для «ролловеров».
4.3. Программа ImageReady. Создание баннера (анимационной картинки) на сайт или в среду поисковых систем. Разработка сюжета баннера. Воздействие баннерной рекламы на пользователя.
4.4. Adobe Flash. Виды анимации в программе, правила создания и применения Flash-заставок.
4.5. Dreamweaver. Основные возможности программы. Использование, создание, модификация шаблонов в программе. Использование основных режимов DreamWeaver. Разработка, настройка собственной структуры сайта. Правила работы с основным меню. Меню Properties. Создание навигационного меню на сайте, посредством палитры Behaviors. Правила создания эффекта Rollover.

5. Оценка сайта. Тестирование сайта.
5.1. Критерии оценок созданного сайта.
5.2. Этапы стандартного тестирования сайта. Выработка предложений по редизайну и обоснование необходимости редизайна сайта.
5.3. обзор ресурсов, связанных с вопросами web-дизайна и web-usability.

6. Размещение на хостинге:
6.1. Правила размещения на бесплатных хостингах: narod.ru.
6.2. Правила размещения на платных хостингах.
6.3. Использование FTP протокола.
7. Зачет - создание собственного web-сайта.