Наименование курса: | WEB-дизайн (создание web-сайтов) |
Общая характеристика курса: | Специально для Вас разработана и улучшена нашими специалистами профессиональная программа обучения Web-дизайну, для подготовки квалифицированных специалистов в области рекламы и дизайна, уверенно владеющего навыками работы на компьютере. Данный продвинутый курс, содержит разделы ознакомления с сетью Интернет через протоколы НТТР и FTP с помощью языка описания WEB-страниц (HTML). В результате изучения курса Web-дизайна Вы сможете составить свой собственный, классный WEB-сайт в Интернете, сумеете обмениваются необходимой информацией, и изучить основы рисунка и мультипликации.
|
Получаемые навыки: | Полученные знания после курсов Web-дизайна дают возможность выпускнику самостоятельно осуществлять заниматься созданием отдельных элементов оформления сайта (например, баннеров), так и создавать веб-страницы «под ключ». |
Программа курса: |
Тема №1. Создание структуры сайта на основе языка верстки HTML, этапы разработки. Основные понятия и терминология. Понятие «сайт», его структура. Разработка концепции сайта, исходя из поставленных задач, целевой аудитории, фирменного стиля организации. Способы определения набора страниц и навигации между ними. Виды сайтов: простые, корпоративные и креативные сайты, internet-магазины и тестовые программы. Тема №2. Создание основного конструктива сайта посредством языка верстки HTML. «Тег» как ключевое понятие HTML, его атрибуты, виды, синтаксис теговой структуры. Формирование основных принципов работы с кодом страниц. Открывающие и закрывающие теги. 2.1. Распознавание HTML-страниц различными браузерами (Internet Explorer, Opera, Netscape Navigator, Mozilla). Оформление кода – теги "html", "body", "head". 2.2. Создание основной страницы с текстом. Редактирование текста, правила использования тега "font", "span". Способы форматирования. Маркировка текста. 2.3. Правила размещения и настройка размера графических изображений (jpg, gif, png), звука, бегущей строки и видео на странице. Правила тегов "img", "object". 2.4. Таблица ("table"). Регламентирование размещения таблиц и информации в них (текст, картинки, видео). Объединение ячеек, создание «резиновых» и фиксированных таблиц. 2.5. Фрейм ("frameset"). Фреймовая структура как альтернативное конструирование интернет-страниц. 2.6. Формы ("form"). Варианты создания форм. Формы для регистрационных анкет, поисковых систем, тестовых заданий. Интеграция с базой данных сервера хостинга. 2.7. CSS. Возможности использования каскадных таблиц стилей. Варианты встраивания CSS в код HTML. Тема №3. Дизайн в среде Internet: постановка задачи, поиск пути решения. Обзор современных программ и их возможностей, используемых для создания интерактивой статичной и динамичной графики: пакет Macromedia (Homesite, DreamWeaver, Flash) 3.1. Разработка информационной архитектуры сайта. Распределение информации по разделам сайта с учетом информационной, логической и визуальной связи между разделами. 3.2. Основные компоненты web-страницы и способы их визуального представления. 3.3. Психология цвета в web-дизайне. Использование различных цветовых схем, исходя из позиционирования сайта. 3.4. Стили дизайна сайта. 3.5. Эргономика сайта (web-usability). Факторы, затрудняющие и факторы помогающие правильному восприятию информации на сайте. 3.6. Макетирование в web. Ритм. Правила расположения, форма основных навигационных и графических компонентов на странице (таких как выпадающие одноуровневые и многоуровневые меню, логотипы, информационные блоки). Тема №4. Подготовка графики для web 4.1. Обзор графических статических и динамических форматов, условия их использования в среде internet: GIF, PNG, JPG, BMP, SWF, AVI, MOV. 4.2. Программа Adobe Photoshop – правила создания растровых изображений, оптимизация для web-страниц, изменение размера изображения, создание бесшовного фонового рисунка. Прорисовка (заготовка) кнопок для «ролловеров». 4.3. Программа ImageReady. Создание баннера (анимационной картинки) на сайт или в среду поисковых систем. Разработка сюжета баннера. Воздействие баннерной рекламы на пользователя. 4.4. Macromedia 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 протокола. |
Документ об образовании: |
Сертификат |
Продолжительность обучения: | 1 месяц |
График занятий: | Занятия в группах проводятся 2-3 раза в неделю по 4 академических часа (в утреннее, дневное и вечернее время). Индивидуальные занятия – в любое время. |