в формате MS Word ()

advertisement
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. Установка и использование внешних веб-сервисов, виджетов, информеров,
счетчиков на сайт.
Зачет по практической работе. Собеседование.
Download