Сегодня Интернет посещают миллионы людей. И только единицы создают web-сайты. На наших курсах вы научитесь создавать макеты сайтов, разрабатывать для них удобную навигацию, создавать и оптимизировать все графические элементы сайта, изучите возможности программ для создания веб-страниц, сможете грамотно размещать информацию на сайте.
В программе курса обучения Web-дизайну – все, что необходимо знать и уметь начинающему разработчику Интернет- проектов, эксперту по разработке и поддержке web-сайтов, web-дизайнеру.
Выпускники курса Web-дизайн получают свидетельство установленного образца – пропуск в мир информационных технологий. И могут работать в различных компаниях, хол-дингах, дизайн – студиях по специальностям web-дизайнер, верстальщик – web-сайтов, специалист по созданию web-сайтов.
Наименование курса:
Основы Web-дизайна. HTML и CSS.Продолжительность курса:
Общий объем курса:| Групповые занятия: | 32 ак. ч. |
| Индивидуальные занятия: | 20 ак. ч. |
Время занятий групп на курсах:
- утренние — с 9-00 до 12-00, с 10-00 до 13-00
- дневные — с 12-00 до 15-00, с 13-00 до 16-00, с 15-00 до 18-00
- вечерние — с 18-00 до 21-00, 19-00 до 22-00
- группы выходного дня: суббота и/или воскресенье — c 10-00 до 13-00, с 13-00 до 15-00, с 15-00 до 18-00.
Стоимость курса:
- цена скидка 30%: 5970 руб.
- базовая цена: 8850 руб.
- индивид. обучение: 18940 руб.
Учебная программа курса:
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-сайта
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-сайта
Как записаться на обучение на курсы:
Для того, чтобы стать нашим слушателем, Вам необходимо подойти в учебный отдел нашего Центра, заключить договор на обучение и оплатить стоимость курса с учетом скидки, которая предоставляется всем посетителям, получившим информацию на этом сайте. По условию договора абитуриент может внести предоплату (50% от стоимости обучения). Вторая часть оплаты вносится до второго занятия обучения.
