Курс web дизайна «Учебный центр»

compare_arrows

1.Основные понятия

1.1Понятие WWW (World Wide Web)

1.2Понятие гипертекстовых документов и web-сайтов. Классификации web-сайтов. Различные типы web-сайтов, их назначение и использование. Типы гипертекстовых документов (web-страниц), их различия и сходства

1.3Размещение и хранение web-страницы и сайты. Понятие web-сервера и принципы его работы с пользователем

1.4Обзор программ (браузеров) для просмотра веб-сайтов

1.5Подбор программного обеспечения для работы над веб-сайтом. Необходимый минимум для начала работы

1.6Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный

1.7Разработка структуры и этапы построения web-сайта. Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта

2.Введение в HTML (язык гипертекстовой разметки). Основы создания сайта

2.1Язык HTML. Основы, версии и стандарты языка HTML. Структура HTML документа. Основные разделы кода веб-страницы. Понятие тэгов HTML, их типы и оформление

2.2Объявление типа документа. Варианты и стандарты

2.3Открытие блока HTML и начало блока заголовков

2.4Обзор заголовков гипертекстовых документов, их синтаксис и назначение

2.5Обзор других тэгов, входящих в блок заголовков

2.6Закрытие блока заголовков и открытие основного блока (тэг BODY). Обзор основных параметров тэга BODY и их использование (установка фонового цвета и изображения веб-страницы, задание цветов текста и ссылок и т.д.)

2.7Закрывающие тэги блоков HTML

2.8Создание шаблонного кода веб-страницы в простом текстовом редакторе и проверка его работы в браузере. Способы редактирования кода веб-страниц

3.Обзор тэгов HTML для работы с текстом

3.1Создание текстовых заголовков различных уровней и их позиционирование на веб-странице

3.2Обзор тэгов оформления и выделения текста, а также изменения его размеров и цвета

3.3Обзор тэгов разрыва строк и выделения блоков, их области применения

3.4Обзор тэгов создания списков различных типов

3.5Принципы вставки спецсимволов и тэги псевдографики. Понятие Unicode, его создание и применение

3.6Тэги вставки изображений на web-страницы и их параметры. Обзор поддерживаемых графических форматов, их различия, ограничения и использование

3.7Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры

3.8Понятие гиперссылки. Типы и области применения гиперссылок. Тэги создания гиперссылок и их параметры

3.9Создание кода и разработка шаблона новостной ленты сайта

4.Понятие карты сайта, её назначение и использование

4.1Обзор тэгов создания карты сайта и их параметров. Пример создания карты сайта

4.2Понятие, типы и использование фреймов. Тэги создания фреймов и их параметры. Пример создания фреймовой структуры сайта. Установка плавающих фреймов на веб-страницу и их использование

4.3Использование мультимедия на веб-сайте. Обзор тэгов для размещения аудио- и видеофайлов, а также Flash-анимации на веб-страницах и их параметры. Ограничения использования мультимедия

4.4Понятие и применение комментариев HTML. Обзор тэгов для вставки комментариев и ограничения их использования

5.Создание интерактивных элементов

5.1Понятие, типы и назначение скриптов. Понятие и использование форм на веб-страницах. Принципы взаимодействия формы со скриптами. Обзор тэгов для создания элементов формы (текстовых полей, выпадающих списков и т.д.)

5.2Введение в JavaScript, его назначение и области применения. Объектная модель веб-страницы и браузера. Примеры объектов

5.3Понятие, типы и использование событий на веб-страницах. Примеры использования некоторых событий. Создание интерактивных объектов на веб-странице

5.4Создание всплывающих окон и их использование

6.Работа с графическими объектами и их размещение на вебсайтах

6.1Требования и условия размещения графических объектов на веб-страницах. Обзор поддерживаемых форматов, их различия и использование

6.2Принципы адаптации графики. Адаптация графических изображений для размещения на веб-страницах. Обзор программного обеспечения для адаптации графики, его различия и возможности. Примеры адаптации изображений в различных форматах с помощью программы Adobe Photoshop и подобных графических редакторов

6.3Понятие и использование нарезки изображений. Примеры нарезки изображений в программе Adobe Photoshop или подобных графических редакторах. Сборка нарезанных изображений в браузере с помощью таблиц

6.4Понятие, области применения и принципы создания анимации. Обзор программного обеспечения для создания анимации. Пример создания и редактирования анимированных изображений в программе Adobe ImageReady или подобных редакторах

6.5Понятие, типы, назначение и использование баннеров. Требования к параметрам баннеров и условия их размещения на сайте. Примеры создания баннеров. Установка баннеров и анимированных изображений на веб-страницы

7.Технология CSS, её версии и поддержка браузерами

7.1Понятие, область применения и принципы построения каскадных таблиц стилей (CSS)

7.2Использование CSS на веб-страницах, способы задания стилей и оформления отдельных элементов

7.3Обзор инструкций CSS для оформления, изменения размеров и цвета текста. Обзор инструкций CSS для установки фоновых изображений и их параметры

7.4Понятие и использование обрамления. Обзор инструкций CSS для создания обрамлений и их параметры (установка формы, цвета, ширины и позиционирования бордюров, а также отступов от них и т.д.)

7.5Понятие, инструкции и использование трёхмерного позиционирования объектов веб-страницы с помощью CSS. Примеры позиционирования отдельных элементов веб-страницы

7.6Управление отображением элементов страницы с помощью CSS. Обзор инструкций управления отображением и их взаимодействие со скриптами. Примеры управления отображение объектов (создание исчезающих и меняющихся объектов)

7.7Понятие и использование фильтров CSS. Инструкции и примеры создания фильтров

8.Создание web-сайта по шаблону

8.1Типы шаблонов и способы работы с ними. Разработка и изготовление собственных шаблонов веб-страниц и целых сайтов

8.2Автоматизация создания и редактирования веб-сайтов. Работа с визуальными редакторами типа WYSIWYG. Обзор популярных визуальных веб-редакторов: Microsoft FrontPage, Macromedia Dreamweaver и Macromedia HomeSite, их преимущества и недостатки

8.3Создание веб-страницы с помощью шаблонов в визуальных редакторах. Редактирование выбранного шаблона веб-страницы и его адаптация под свои нужды в среде визуальных редакторов. Создание или изменение текстового наполнения шаблона, дополнения и уточнения. Инструменты для оформления текста. Изменение гарнитуры, размера и цвета текста. Выравнивание текста внутри блока

8.4Создание и редактирование гиперссылок в среде визуального редактора. Создание и редактирование гипертекстовых меню в шаблоне веб-страницы

8.5Позиционирование и удаление отдельных элементов шаблона веб-страницы в среде визуального редактора. Создание собственных элементов и вставка их в шаблон. Разработка остальных страниц веб-сайта на базе данного шаблона

8.6Создание сложных эффектов (меняющихся изображений и выпадающих меню) в среде визуального редактора

8.7Унификация общего визуального оформления сайта. Проверка работы гиперссылок и логических связей между страницами сайта

9.Размещение web-сайта на сервере

9.1Способы доступа к сайту (по имени или IP-адресу)

9.2Понятие, принципы построения и работа DNS (BIND). Организация InterNIC и её представительства. Выбор и регистрация доменного имени сайта. Понятие и типы хостинга. Выбор хостинга для размещения своего сайта. Требования и ограничения серверов для размещения веб-ресурсов. Способы закачки сайта на сервер по протоколам HTTP и FTP. Обзор программного обеспечения для закачки файлов сайта на сервер и работа с ним. Размещение сайта на сервере

9.3Понятие, назначение и использование систем управления контентом (CMS). Тестирование работы вебсайта на сервере. Возможные ошибки и недочёты

10.Зачет: Создание web-сайта