WEB-DESIGN

Хотите работать в любое удобное время?
Получать достаточно, чтобы ужинать в хороших ресторанах и покупать вещи в фирменных бутиках?

Станьте веб дизайнером!

У нас на курсах мы расскажем о всех тонкостях и секретах мира веб-дизайна. Научим использовать все преимущества этой профессии. Объясним каким образом получать заказы, не выходя из дома.

Окунитесь с головой в этот волшебный мир. Станьте обладателем одной из самых запрашиваемых профессий мира. Научитесь создавать рекламу будущего.

Аннотация курса

Всемирная сеть Internet соткана из Web-страниц, которые создаются с помощью так называемого языка разметки гипертекста HTML. Знание данного языка необходимо для создания и редактирования Web-страниц. Его изучению посвящена первая часть данного курса.

Во второй части изучается технология CSS (Каскадные Таблицы Стилей), которая предназначена для более гибкого изменения внешнего вида Web-страниц.

Третья часть посвящена изучению Web-редактора Macromedia Dreamweaver. Этот программный продукт, как и сама фирма Macromedia, занимает лидирующее место в мире в области программного обеспечения предназначенного для Web дизайна. С помощью Dreamweaver-а Вы сможете легко и быстро создавать Web-сайты любой сложности.

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

На протяжении курса студенты подробно изучают язык HTML и CSS. Выполняют множество практических заданий по темам. Студенты получают знания необходимые для публикации и обслуживания сайта в Internet.
По окончании курса предусмотрена курсовая работа "Создание сайта".

Программа курса по веб-дизайну:
HTML и CSS. DreamWeaver. Создание сайтов по стандартам W3C.

Модуль 1. Введение и основные понятия
• Основные сведения о языках разметки: HTML, XML, XHTML. Эволюция языков разметки. Цели и задачи языка HTML.
• Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются
• Структура HTML-документа. Понятие элементов и атрибутов
• Зачем нужна инструкция Что такое тег? Типы тегов. Правила оформления HTML-документа
• Основные элементы форматирования текста. Элементы блочной (block) и текстовой (inline) разметки
• Использование комментариев.
• Практическая работа:
• Создание HTML-документов в программе «Notepad»

Модуль 2. Ссылки и иллюстрации
• Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML
• Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок
• Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты
• Распределение иллюстраций по страницам сайта: приемы и советы
• Практическая работа:
• Создание простых web-страниц, связанных с помощью ссылок.

Модуль 3. Таблицы и списки
Структурирование информации на WEB-странице при помощи списков. Типы списков
• Особенности табличной модели в HTML 4.
• Отличия от модели в других версиях языка.
• Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами
• Использование таблиц. Макетирование web-страницы с помощью таблиц. Табличная верстка
• Использование вложенных таблиц
• Приемы использования таблиц на web-странице
• Практическая работа:

Модуль 4. Фреймы и формы
• Зачем нужны формы. Элементы формы
• Методы отправки информации из полей формы
• Использование табличных функций при создании формы на примере анкеты
• Разбиение окна браузера на фреймы. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов
• Типичные проблемы сайта с фреймами
• Практическая работа:
• Создание web-страниц с применением фреймов

Модуль 5. Каскадные таблицы стилей (CSS)
• Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу. Спецификации CSS Level 2 и Level 2.1: особенности, поддержка браузерами
• CSS: основные понятия и определения. Грамматика языка стилей
• Создание стилей и классов. Принципы каскадирования и принципы группировки
• Применение стилей и классов к элементам документа HTM
• Использование программы TopStyle для редактирования стилей
• Декоративные возможности CSS: формирование рамок и отступов
• Использование псевдоклассов и псевдоэлементов
• Позиционирование элементов на странице при помощи CSS
• Управление моделью элемента (свойство display)

Модуль 6. Использование стилей при создании сайта
• Создание и использование внешнего стилевого файла. Подключение к страницам сайта путем связывания и импорта
• Разработка стилевого дизайна с учетом модели представления информации (media type)
• Современная верстка сайта при помощи CSS. Обзор подходов на примере сайтов с максимальным использованием возможностей CSS
• Приемы макетирования web-страницы с использованием стилей

Модуль 7. Что нужно знать веб-дизайнеру
• Обзор программ, используемых при создании веб-сайта. Обзор ресурсов, полезных для веб-дизайнера.
• Этапы разработки веб-сайта.
• Написание технического задания на разработку сайта.
• Создание прототипов сайта.
• Принципы построения системы навигации на сайте.
• Знакомство с DreamWeaver. Настройка программы, общие принципы работы. Работа с текстовым наполнением.
• Практическая работа:
• Перенос текста в программу DreamWeaver и его логическое форматирование

Модуль 10. Макетирование веб-страниц с помощью таблиц
• Нарезка и сохранение типового макета в программе Adobe PhotoShop.
• Сборка макета в программе DreamWeaver
• "Резиновый" и фиксированный дизайн: анализ и критерии выбора
• Практические советы и рекомендации
• Практическая работа:
• Разметка области для нарезки макета.
• Создание таблицы и сборка макета.
• Способы создания резиновой «шапки» страницы
• Способы оформления меню, левой и правой колонок

Модуль 11. Макетирование веб-страниц с помощью блоков
• Нарезка и сохранение типового макета в программе Adobe PhotoShop.
• Способы сборки макета с использованием свойств CSS float и свободного позиционирования.
• Приёмы блочной вёрстки web-страницы
• Практическая работа:
• Разметка области для нарезки макета.
• Сборка макета с использованием float.
• Применение свободного позиционирования на странице.
• Способы создания резиновой «шапки» страницы
• Способы оформления меню, левой и правой колонок.

количество часов 45

Длительность : 15 занятий
Количество занятий в неделю : 5 дней в неделю по 3 академических часа в день.
Предварительные требования : Операционная система Windows Word Internet, графика