КУРСЫ WEB-ДИЗАЙНА
Курсы web-дизайна ориентированы на пользователей, имеющих опыт работы на персональном компьютере, постоянно использующих для работы Интернет, и по каким-либо причинам пришедших к выводу, что пришло время создать web-сайт и разместить его в мировом информационном пространстве. 
Для слушателей, принявших решение пройти обучение на курсах web-дизайна, необходимо иметь некоторый опыт работы в одной из следующих компьютерных программ: 
    Photoshop, PHOTO-PAINT (или любой другой растровый редактор двумерной графики); 
    CorelDRAW, Illustrator (или любой другой векторный редактор двумерной графики). 
В ходе обучения на курсах web-дизайна слушатели осваивают теоретические основы языка разметки гипертекста HTML, а также практически отрабатывают технику создания web-сайтов, редактирования и публикации в сети Интернет электронных документов различной сложности. На курсах web-дизайна много внимания уделяется собственно визуальному дизайну, а также используемым в ходе создания web-сайтов инструментам. Каждый этап курсов web-дизайна сопровождается выполнением практических заданий. 
Методы обучения на курсах web-дизайна основаны на активном вовлечении слушателей в учебный процесс с использованием качественных методических материалов. Занятия на курсах web-дизайна проводятся в удобное для слушателей время высококвалифицированными преподавателями, имеющими большой опыт практической работы по созданию web-сайтов. 
Полученные в ходе обучения на курсах web-дизайна знания и практические навыки слушатели в дальнейшем смогут самостоятельно применять для создания web-сайтов. 
ПРОГРАММА КУРСА:
1.    Введение 
    С чего начать
    Основные понятия и терминология
    Виды сайтов. Их структура.
    Обзор инструментальных средств, используемых для создания веб-сайта
    Основные сведения о языках разметки
    Веб-специальности
2.    Основы языка разметки HTML 
    Понятие элементов и атрибутов
    Правила применения тегов
    Структура HTML-документа
    Зачем нужна инструкция 
    Типы тегов
    Блочные элементы
    Встроенные элементы
    Практика 
3.    Подготовка к созданию сайта 
    Классификация интернет-ресурсов
    Управление интернет-проектом
    Этапы разработки веб-сайта
    Техническое задание на разработку сайта
    Шаблоны интерфейса страниц (прототипирование)
    Логическая и физическая структуры сайта 
    Безопасность сайта
4.    Начало работы с Adobe Dreamweaver CS5.5 
    Общие сведения о программе Adobe Dreamweaver CS5.5
    Панель <Вставка> 
    Создание, открытие и сохранение документов
    Настройка интерфейса программы
    Особенности текста в HTML
    Размещение иллюстрации на web-странице. Элемент IMG и его атрибуты
    Механизмы адресации на ресурсы в Internet. Типы ссылок
    Полезная информация 
    Практика 
5.    Дизайн и визуальное оформление 
    Правила дизайна
    Модульная сетка в экранном дизайне
    Шрифтовый дизайн
6.    Основы создания дизайна сайтов в Adobe Photoshop 
    Подготовка рабочего пространства в Adobe Photoshop 
    Выбор параметров макета 
    Разработка элементов (модулей) шаблона макета главной и внутренних страниц сайта
    Полезная информация 
7.    Подготовка иллюстраций и графических элементов. Оптимизация изображений. 
    Требования к иллюстрациям в Интернет. Цветовая модель RGB. 
    Виды графики. Основные характеристики изображений. Методы сжатия графической информации
    Форматы графических файлов для размещения в Интернете.
    Особенности обработки растровых изображений.
    Подготовка графики в программе Adobe PhotoShop. 
    Нарезка изображений. Планирование нарезки. Использование инструмента Slice.
    Команда «Save for Web & Devices...». Оптимизация элементов нарезки по качеству и размеру файла. Управление прозрачностью.
    Обзор средств онлайн-оптимизации
    Полезная информация 
    Практика
8.    Основные сведения об CSS. Часть 1 
    Преимущества применения стилей
    Подключение CSS
    Типы носителей
    Селекторы
    Структура и каскад, специфичность
    Правила создания файла стиля
    Работа с каскадными таблицами стилей в Adobe Dreamweaver CS5.5 
    Панель <Стили CSS> 
    Создание нового правила CSS 
    Создание таблиц стилей для других типов носителей
    Полезная информация
    Практика 
9.    Основные сведения об CSS. Часть 2 
    Свойства шрифтов, списков
    Понятие слоя (блока). Теги div, span
    Свойства блоков (margin, border, padding), обтекание блоков. Особенность отображения IE
    Видимость слоя
    Позиционирование элементов на странице. Абсолютные и относительные координаты.
    Порядок наложения блоков. Z-индекс 
    Управление моделью элемента (свойство display)
    Спецификации CSS Level 2.1 и Level 3: особенности, поддержка браузерами. Поддержка свойств разными версиями браузеров. Новые возможности CSS level 3 и их поддержка браузерами. Дизайн стилей с учетом возможностей браузеров. Нестандартные возможности CSS (фильтры)
    Кроссбраузерная совместимость. Добавление условных комментариев и альтернативной таблицы стилей для IE. CSS-хаки
    CSS-framework
    Полезная информация 
    Практика
10.    Верстка макетов страниц 
    Типы макетов 
    Приемы макетирования web-страницы с использованием стилей
    Использование линейки и направляющих
    Построение двухколоночного макета с колонками фиксированной ширины 
    Фиксированный дизайн
    Экспортирование стилей CSS
    Обнуление свойств
    Задание свойств header
    Полезная информация
    Практика 
11.    Javascript. Создание динамических элементов в DreamWeaver 
    Что такое события. Действия и события, поддерживаемые Adobe Dreamweaver.
    Управление параметрами элементов в Adobe Dreamweaver. Обработка событий.
    Создание динамических эффектов с помощью палитры Behaviors
    Полезная информация.
    Практика 
12.    AJAX, Web 2.0, DW Spry 
    Знакомство с Ajax
    Библиотеки Ajax : jQuery, Dojo, … 
    Изучение поведений DW
    Визуальное построение страниц Spry в Adobe DW CS 5.5
    Полезная информация 
    Практика 
13.    Увеличение производительности в Adobe Dreamweaver 
14.    Хостинг, домен, размещение сайта на сервере и поддержка. Публикация и сопровождение веб-узла 
    Что такое домен. Критерии выбора.
    Вопросы хостинга (платный, бесплатный, зарубежный). Тарифные планы. На что обращать внимание.
    Публикация web-сайта. FTP-клиенты. Настройка FTP-клиента, синхронизация файлов сайта в Adobe Dreamweaver CS5.5
    Вопросы поддержки сайта
    Полезная информация 
    Практика 
15.    Формы. Сценарии на стороне сервера 
    Предназначение форм. Элементы формы 
    Методы отправки информации с помощью форм
    Использование табличных функций при создании формы на примере анкеты 
    Разработка интерактивных страниц с использованием форм 
    Язык серверных сценариев PHP. Создание сценариев
    Подключение скрипта «Отправка данных, введенных в форму, на e-mail»
    Полезная информация
    Практика 
16.    Добавление мультимедийных материалов 
    Вставка видео-ролика на сайт с помощью сервиса Youtube.com
    Вставка географической информации на примере системы Google
17.    Валидация (тестирование) сайта 
    Что такое валидация
    Проверка данных на валидность
    Советы по написанию корректного кода
18.    Добавление мета-тегов. Установка счётчика 
    META - теги: описание и правила создания
    Счётчики посещений
    Практика 
19.    Основы продвижения сайтов в поисковых системах

© 2008 Учебный центр "Академия Успеха".