Основы WEB-дизайна,HTML и СSS

Учебная программа курса «Основы WEB-дизайна,HTML и СSS»

1. Введение.

1.1. Обзор программ, используемых при создании веб-сайта.

1.2. Этапы разработки веб-сайта.

1.3. Типы сайтов.

1.4. Создание брифа на разработку сайта.

1.5. Макетирование будущего сайта.

1.6. Основные понятия об эргономике веб-сайта.

2. Макетирование и создание дизайна веб-сайта.

2.1. Распределение информации по разделам сайта.

2.2. Требования к иллюстрациям в Internet. Форматы графических файлов, обзор и

рекомендации по использованию.

2.3. Обзор и основные элементы интерфейса программы Adobe Fireworks.

2.4. Работа с популярными элементами интерфейса, способы их создания.

2.5. Практическая работа - создание интерфейса главной страницы сайта.

3. Основные сведения о языках разметки: HTML, XML, XHTML.

3.1. История создания и развития

3.2. Структура HTML-документа.

3.3. Типы верстки веб-страницы (табличная, фреймовая, блочная.)

3.4. Каскадные таблицы стилей CSS.

3.5. Практическая работа: анализ верстка и юзабилити сайта на примерах.

4. Программа Adobe Dreamviewer.

4.1. Основные элементы интерфейса.

4.2. Работа с HTML и CSS в программе Adobe Dreamviewer

4.3. Создание макета страницы на основе табличной верстки.

4.4. Создание макета страницы на основе блочной верстки.

5. Создание веб-страницы с графическими элементами (практическая работа). Нарезка и сохранение макета в программе Adobe Fireworks

5.2. Создание основного каркаса веб-страницы

5.3. Вставка и правильное позиционирование графических элементов.

6. Работа с текстом (практическая работа).

6.1. Правильное оформление текста на веб-сайте.

6.2. Верстка текста в зависимости от задачи блока.

7. Дополнительные сведения.

7.1. Особенности HTML 5 и CSS 3. Поддержка браузеров.

7.2. Интерактивные элементы на сайте, галереи изображений.

7.3. Хостинг и работа с FTP.

8. Зачет.