Программа курса: «Курсы web-дизайна»

1. Вводная часть и главные понятия web-дизайна.
1.1. Определение сайта и их виды (креативный и простой, промо-сайт, сайт-портфолио, интернет-магазин).
1.2. Создание концепции сайта, учитывая поставленное задание, целевую аудиторию, а также фирменный стиль организации.
1.3. Варианты набора страниц, а также навигации между ними.
1.4. Информационная архитектура сайта. Сортировка информации, по разным разделам сайта, учитывая визуальные, информационные и логические связи между этими разделами.

2. Основные принципы web-дизайна. Макет сайта. Юзабилити.
2.1. Web-дизайн и цвет. Применение разных цветовых схем, при разном позиционировании сайта.
2.2. Стили в дизайне сайта.
2.3. Главные составляющие веб-страницы, их визуальное представление разными способами.
2.4. Определение юзабилити. Факторы, которые затрудняют правильное восприятие информации с сайта и помогают ему.
2.5. Макет сайта. Ритм. Правила размещения на странице и форма главных блоков (графических, информационных и навигационных).

3. Разметка HTML. Применение NotePad++.
3.1. HTML-документ и его структура.
3.2. Понятие и типы тегов, их атрибуты. Правила оформления HTML-документов.
3.3. Разметка текста, теги: < i >, < b >, < p >, < ol >, < ul >. Их атрибуты.
3.4. Тег создания гиперссылок < a >, определения тега.
3.5. Тег < img > размещение на странице изображений (формата PNG, GIF, JPG и JPEG). Атрибуты данного тега.
3.6. Работа с таблицами. Образование. Установление строк и ячеек таблицы, а также их размеров. Таблицы вложенные.
3.7. Составление макета страницы с применением таблиц. Правила табличной верстки, характерные ошибки и советы по их предотвращению.
3.8. Создание на сайте форм. Главные составляющие веб-форм.
3.9. Отправление данных из формы.
3.10. Практическое задание: Основание неподвижной формы, с применением табличной верстки.
3.11. Размещение аудио- и видео-файлов на сайте.

4. Применение каскадных таблиц стилей (CSS).
4.1. Определение CSS. Способы подключения стилей (подсоединение внешних файлов каскадных таблиц стилей к странице)
4.2. Базовые понятия и синтаксис CSS.
4.3. Формирование стилей для отдельных элементов страницы. Отличия идентификаторов и классов.
4.4. Оформление страницы и ее декорирование с использованием CSS.
4.5. Позиционирование с помощью CSS элементов страницы.

5. Использование готовых библиотек JavaScript, jQuery.
5.1. Определение jQuery.
5.2. Подсоединение к сайту внешних библиотек.
5.3. Галерея фото (изображений).
5.4. Применение jQuery UI: Tabs, DatePicker, Accordion.

6. Графические программы, создание графики для сайтов.
6.1. Основы работы в Adobe Photoshop, создание документа, трансформация изображений (изменение размеров, поворот), сохранение файлов для web.
6.2. Основные принципы применения программы Dreamweawer для создания web-страниц.

7. Размещение сайта на хостинге. Тестирование.
7.1. Представление о домене и хостинге. Их виды и регистрация.
7.2. Размещение сайта на хостинге (бесплатном).
7.3. Протокол пересылки файлов (FTP).
7.4. Заключительное тестирование готового Web-сайта.

Итоговое занятие, зачет.

  Все расписание