WEB-дизайн (объем — 32 академических часа) 1. Введение и основные понятия 1.1. Понятие WWW (World Wide Web) 1.2. Что такое web-сервер, web-сайт, web-страница и чем они отличаются? 1.3. Классификация web-сайтов. 1.4. Основные сведения о языках разметки: HTML, XML, XHTML. Эволюция языков разметки. Цели и задачи языка HTML. 2. Язык гипертекстовой разметки документов HTML (XHTML) 2.1. Структура HTML-документа. 2.2. Понятие Тега. Типы и атрибуты тегов. Порядок оформления HTML-документа (основные теги: <html>, <head>, <body>). 2.3. Создание гиперссылок с помощью тега <A> и его атрибутов. Типы ссылок. 2.4. Обзор тэгов оформления и выделения текста, а также изменения его размеров и цвета. 2.5. Создание текстовых заголовков различных уровней на веб-странице. 2.6. Обзор тэгов разрыва строк и выделения блоков, их области применения 2.7. Обзор тэгов создания списков различных типов. 2.8. Размещение на странице картинок/изображений. (тег <IMG>). Основные атрибуты тега IMG. 2.9. Понятие, использование и принципы построения таблиц. Обзор тэгов для создания таблиц и их атрибуты. 2.10. Понятие, типы и использование фреймов. Тэги создания фреймов и их параметры. Пример создания фреймовой структуры сайта. Установка плавающих фреймов на веб-страницу и их использование 2.11. Создание форм на сайте. Обзор тегов для создания элементов форм (текстовых полей, выпадающих списков, кнопок и т.д.). 2.12. Принципы вставки спецсимволов и тэгов псевдографики. Понятие Unicode, его создание и применение. 2.13. Использование мультимедия на веб-сайте. Обзор тегов для размещения аудио и видео материалов, а также Flash-анимации на веб-страницах и их параметры. Понятие об ограничениях использования мультимедия на сайте. 3. CSS – каскадные таблицы стилей 3.1. Что такое CSS? Основные цели и задачи CSS. Синтаксис CSS. 3.2. Создание стилей для элементов страниц. Классы и идентификаторы (их различия). 3.3. Позиционирование элементов на странице при помощи CSS. 3.4. Создание и подключение внешнего стилевого CSS-файла. 3.5. Верстка сайта при помощи CSS. Основны HTML-верстки (фиксированная и резиновая верстка). Макетирование web-страницы с помощью таблиц. Табличная верстка. 4. Автоматизация создания и редактирования веб-страниц в программах WYSIWYG HTML-редакторах. 4.1. Обзор популярных программ визуальных HTML-редакторов. 4.2. Использование, создание и модификация веб-страниц и шаблонов на примере одного выбранного WYSIWYG HTML-редактора. 5. Разработка информационной архитектуры сайта 5.1. Разработка информационной архитектуры сайта. Распределение информации по разделам сайта с учетом информационной, логической и визуальной связи между разделами. 5.2. Основные компоненты веб-страницы и способы их визуального представления на страницах сайта. 5.3. Система навигации на сайте. Принципы построения системы навигации. 6. Подготовка изображений для публикации на сайте 6.1. Требования и условия размещения графических объектов на веб-страницах. Обзор поддерживаемых форматов, их различия и использование. 6.2. Принципы адаптации графических изображений для размещения на вебстраницах. Особенности подготовки изображений с прозрачным фоном. 6.3. Примеры адаптации изображений в различных форматах с помощью графического редактора. 6.4. Понятие и использование нарезки изображений. Примеры нарезки изображений. Сборка нарезанных изображений с помощью таблиц. 6.5. Создание иконки для сайта (favicon). 7. Основы веб-дизайна сайта. Создание дизайн-макета сайта. 7.1. Современные стили веб-дизайна. 7.2. Значение цвета в web-дизайне. Использование цветовых схем для сайта, в зависимости от его позиционирования. 7.3. Образование макета сайта. Правила расположения, форма основных навигационных, информационных и графических блоков на странице. 7.4. Понятие usability (юзабилити) сайта. Определения. Факторы, влияющие на правильность восприятия информации на сайте. 7.5. Нарезка и сохранение дизайн макета в графическом редакторе. 7.6. HTML-CSS верстка веб-дизайна сайта из полученного макета. 8. Регистрация доменного имени сайта, размещение сайта на хостинге. 8.1. Понятие домена. Виды доменных имен. Выбор и регистрация доменного имени для сайта. 8.2. Понятие и типы хостинга. Выбор хостинга для размещения своего сайта. 8.3. Способы размещения сайта на хостинг-сервере по протоколам FTP и HTTP. Размещение сайта на сервере с использованием протокола FTP. 9. Дополнительные возможности и технологии применяемые при создании сайтов. 9.1. Использование JavaScript для реализации интерактивных элементов на сайте. Подключение библиотеки jQuery. Реализация на сайте выпадающего меню, галереи изображений, слайдера/баннера изображений, а также панели переключаемых вкладок. 9.2. Установка и использование внешних веб-сервисов, виджетов, информеров, счетчиков на сайт. Зачет по практической работе. Собеседование.