Курс

WEB-дизайн

(HTML, CSS) Основы вёрстки/создание сайтов Полнофункциональный сайт для начинающих

Практический курс – 3500 грн

в Киеве

Анонс

Название курса: WEB дизайн (HTML, CSS), Веб-дизайнер, Верстка сайтов Киев

Направление: Создание сайтов

Учебная нагрузка:

• Обучение в группе – 40 часов (1 час=60 мин)
• Обучение в минигруппе (2-3 слушателя) – 30 часов
• Обучение индивидуальное –20 часов 

Время занятий:

утро – 9:30 до 12:30

день – 12:30- до 15:30

вечер – 18:30-21:30

группы выходного дня: суббота и/или воскресенье — c 9:00 до 12:00, с 15:00 до 18:00.

*В отдельных случаях время занятий может быть изменено

Продолжительность обучения:

• в группе –1,5 2,0 месяца
• индивидуально – по договоренности

Ближайшие даты начала занятий: 

см. раздел «Расписание» и/или уточните у администратора Образовательного  центра

Документ об окончании: Сертификат и свидетельство

Базовая цена: 3500 грн

Общая информация

Веб-дизайнер – специалист, от которого зависит «лицо» сайта и восприятие его пользователями. Ведь встречают, как известно, «по одёжке».

Поэтому на веб-дизайнере лежит большая ответственность как перед заказчиком, так и перед будущими пользователями веб-сайта. Он должен уметь абсолютно точно ответить на вопрос – как должен выглядеть сайт? Поэтому на курсе мы разбираем различные варианты оформления сайтов, ищем достоинства и недостатки, смотрим пути улучшения.

Курс «Web-дизайн»  – обучение созданию сайтов предназначен для базовой подготовки специалистов в области дизайна web-сайтов, владеющего навыками работы на персональном компьютере.

В программе курса обучения HTML, CSS – все, что необходимо знать и уметь начинающему разработчику Интернет-проектов, эксперту по разработке и поддержке web-сайтов, web-дизайнеру.

На курсе «WEB дизайн» Вы подробно изучите создание структуры сайта на основе языка верстки HTM и CSS, этапы разработки, создание основной конструкции сайта, стили дизайна сайта, распределение информации по разделам сайта с учетом информационной, логической и визуальной связи между разделами, подготовку графики для web, тестирование сайта и размещение на хостинге.

Главная задача курсов HTML и CSS — научиться основам верстки сайтов и создания веб-страниц. Для тех, кто начинает карьеру в интернет-технологиях, навыки верстки являются базой для дальнейшего развития.

Вы изучите:

• основы языка разметки HTML
• способы применения CSS и основы построения сайтов
• Вы сможете сами создавать страницы
• проектировать навигационное меню и другие элементы сайта
• научитесь грамотно размещать изображения и текстовые блоки на странице
• сможете самостоятельно работать со стилями в CSS, использовать фреймы и мета-информацию
• получите практические советы, как выбрать хостинг и техподдержку сайта.

Основное в процессе обучения веб-дизайну – это практика. В течение курса Вы будете создавать РЕАЛЬНЫЙ САЙТ на выбранную тему. Этот сайт послужит началом Вашего портфолио или визитной карточкой Вашего бизнеса или проекта.

Обучение начнется с самых азов, т.е. с небольшой теоретической части, где вы узнаете как работает интернет, познакомитесь с устройством сайта и процессом разработки, установите необходимые программы для того, чтобы можно было начать процесс разработки сайта. Затем вы под четким руководством преподавателя шаг за шагом будете разрабатывать свой собственный сайт, который получится хоть и простым, но зато вы преодолеете первую ступень в столь нелегком деле, как разработка сайта.
Индивидуальное обучение WEB-дизайн проходит в учебном классе м. Лыбедская. Слушатель и преподаватель изучают курс на образце личного сайта слушателя. Все советы и рекомендации личные и касаются только изучаемого сайта. Усвоенные новые знания и навыки применяются сразу же на сайте и выдаются на дом, в качестве домашнего задания. Понимание новой информации контролируется на следующем занятии. Необходимое оборудование: не требуется, поскольку обучение проходит на учебном ПК с выходом в интернет. По желанию обучение может происходить на персональном ноутбуке слушателя (в классе есть wi-fi).

Обучение в группе	Офис/Онлайн
Количество часов	40
Продолжительность	1-2 месяца
Количество человек в группе	4-6 чел
Бесплатное пробное занятие	Есть
Документ об окончании	Сертификат
Стоимость обучения	3500 грн/курс
Стоимость обучения для юр. лиц (без нал)	3700 грн/курс

Обучение индивидуально	В офисе
Количество часов	20-30
Продолжительность	2-3 недели
Количество человек	1-2 чел
Бесплатное пробное занятие	Нет
Документ об окончании	Сертификат
Стоимость обучения - 1 человек	300 грн/час
Стоимость обучения – 2 человека	200 грн/час

Обучение индивидуально	Онлайн
Количество часов	20-30
Продолжительность	2-3 недели
Количество человек	1-2 чел
Бесплатное пробное занятие	Нет
Документ об окончании	Сертификат
Стоимость обучения - 1 человек	250 грн/час
Стоимость обучения – 2 человека	150 грн/час

Расписание

Программа курса

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

• Понятие WWW (World Wide Web).
• Понятие гипертекстовых документов и web-сайтов. Классификации web-сайтов. Различные типы web-сайтов, их назначение и использование. Типы гипертекстовых документов (web-страниц), их различия и сходства.
• Размещение и хранение web-страницы и сайты. Понятие web-сервера и принципы его работы с пользователем.
• Обзор программ (браузеров) для просмотра веб-сайтов.
• Подбор программного обеспечения для работы над веб-сайтом. Необходимый минимум для начала работы.
• Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный.
• Разработка структуры и этапы построения web-сайта. Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта.
• ПРАКТИКУМ.

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

• Язык HTML. Основы, версии и стандарты языка HTML. Структура HTML документа. Основные разделы кода веб-страницы. Понятие тэгов HTML, их типы и оформление.
• Объявление типа документа. Варианты и стандарты
  Открытие блока HTML и начало блока заголовков
  Обзор заголовков гипертекстовых документов, их синтаксис и назначение.
• Обзор других тэгов, входящих в блок заголовков
  Закрытие блока заголовков и открытие основного блока (тэг BODY). Обзор основных параметров тэга BODY и их использование (установка фонового цвета и изображения веб-страницы, задание цветов текста и ссылок и т.д.).
• Закрывающие тэги блоков HTML. Создание шаблонного кода веб-страницы в простом текстовом редакторе и проверка его работы в браузере. Способы редактирования кода веб-страниц.
• ПРАКТИКУМ.

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

• Создание текстовых заголовков различных уровней и их позиционирование на веб-странице
  Обзор тэгов оформления и выделения текста, а также изменения его размеров и цвета
  Обзор тэгов разрыва строк и выделения блоков, их области применения.
• Обзор тэгов создания списков различных типов
  Принципы вставки спецсимволов и тэги псевдографики. Понятие Unicode, его создание и применение.
• Тэги вставки изображений на web-страницы и их параметры. Обзор поддерживаемых графических форматов, их различия, ограничения и использование.
• Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры.
• Понятие гиперссылки. Типы и области применения гиперссылок. Тэги создания гиперссылок и их параметры.
• Создание кода и разработка шаблона новостной ленты сайта.
• ПРАКТИКУМ.

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

• Обзор тэгов создания карты сайта и их параметров. Пример создания карты сайта.
• Понятие, типы и использование фреймов. Тэги создания фреймов и их параметры. Пример создания фреймовой структуры сайта. Установка плавающих фреймов на веб-страницу и их использование.
• Использование мультимедия на веб-сайте. Обзор тэгов для размещения аудио- и видеофайлов, а также Flash-анимации на веб-страницах и их параметры. Ограничения использования мультимедия.
• Понятие и применение комментариев HTML. Обзор тэгов для вставки комментариев и ограничения их использования.
• ПРАКТИКУМ.

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

• Понятие, типы и назначение скриптов. Понятие и использование форм на веб-страницах. Принципы взаимодействия формы со скриптами. Обзор тэгов для создания элементов формы (текстовых полей, выпадающих списков и т.д.).
• Введение в JavaScript, его назначение и области применения. Объектная модель веб-страницы и браузера. Примеры объектов.
• Понятие, типы и использование событий на веб-страницах. Примеры использования некоторых событий. Создание интерактивных объектов на веб-странице.
• Создание всплывающих окон и их использование.
• ПРАКТИКУМ.

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

• Требования и условия размещения графических объектов на веб-страницах. Обзор поддерживаемых форматов, их различия и использование
• Принципы адаптации графики. Адаптация графических изображений для размещения на веб-страницах. Обзор программного обеспечения для адаптации графики, его различия и возможности.
• ПРАКТИКУМ.

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

• Понятие, область применения и принципы построения каскадных таблиц стилей (CSS)
  Использование CSS на веб-страницах, способы задания стилей и оформления отдельных элементов
  Обзор инструкций CSS для оформления, изменения размеров и цвета текста. Обзор инструкций CSS для установки фоновых изображений и их параметры
  Понятие и использование обрамления. Обзор инструкций CSS для создания обрамлений и их параметры (установка формы, цвета, ширины и позиционирования бордюров, а также отступов от них и т.д.).
• Понятие, инструкции и использование трёхмерного позиционирования объектов веб-страницы с помощью CSS. Примеры позиционирования отдельных элементов веб-страницы
  Управление отображением элементов страницы с помощью CSS. Обзор инструкций управления отображением и их взаимодействие со скриптами. Примеры управления отображение объектов (создание исчезающих и меняющихся объектов).
• Понятие и использование фильтров CSS. Инструкции и примеры создания фильтров.
• ПРАКТИКУМ.

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

• Типы шаблонов и способы работы с ними. Разработка и изготовление собственных шаблонов веб-страниц и целых сайтов
• Автоматизация создания и редактирования веб-сайтов. Работа с визуальными редакторами типа WYSIWYG. Обзор популярных визуальных веб-редакторов: Microsoft FrontPage, Macromedia Dreamweaver и Macromedia HomeSite, их преимущества и недостатки
• Создание веб-страницы с помощью шаблонов в визуальных редакторах. Редактирование выбранного шаблона веб-страницы и его адаптация под свои нужды в среде визуальных редакторов. Создание или изменение текстового наполнения шаблона, дополнения и уточнения. Инструменты для оформления текста. Изменение гарнитуры, размера и цвета текста. Выравнивание текста внутри блока
• Создание и редактирование гиперссылок в среде визуального редактора. Создание и редактирование гипертекстовых меню в шаблоне веб-страницы
• Позиционирование и удаление отдельных элементов шаблона веб-страницы в среде визуального редактора. Создание собственных элементов и вставка их в шаблон. Разработка остальных страниц веб-сайта на базе данного шаблона
• Создание сложных эффектов (меняющихся изображений и выпадающих меню) в среде визуального редактора
• Унификация общего визуального оформления сайта. Проверка работы гиперссылок и логических связей между страницами сайта.
• ПРАКТИКУМ.

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

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

** Последовательность тем может изменяться.

Программа обучения может меняться по требованию ученика. При индивидуальном обучении программа разрабатывается индивидуально по требованию ученика.

Учебный материал

Учебный материал на курсах построен четко и доступен для понимания каждому слушателю, решившему освоить эту интересную профессию. Обучение предельно наглядно и построено по принципу объединения лекций с практическими занятиями, которые проходят в оборудованных учебных классах Образовательного центра в удобное для слушателей время (утро, день, вечер). Занятия длятся 3 астрономических часа и проходят 2-3 раза в неделю по рабочим и/или выходным.

Все участники получают БЕСПЛАТНО:

• методический материал
• сертификат и свидетельство установленного образца

Аудитория

Курсы по созданию сайта в Киеве предназначены для:

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

Также будет полезен этот курс HTML для тестировщиков, которые хотят лучше разбираться в тестировании веб-приложений.

В результате обучения

Занятия проводятся опытными преподавателями-практиками, которые обучат Вас необходимым знаниям и навыкам.

По окончания обучения Вы научитесь:

• создавать web-страницы, содержащие все необходимые компоненты: текст, изображения и гиперссылки;
• определять правильную иерархию страниц для создания сайта;
• использовать интерактивные элементы для улучшения его юзабилити;
• применять возможности CSS для эффективного оформления сайта и совершенствования его функциональности;
• работать с фреймами;
• применять новый функционал HTML 5 и CSS 3.
• создать свой собственный сайт и разместить его в интернете;
• редактировать и улучшать свой сайт, дополнять его эффектами;
• разобраться во всех этапах создания сайта;
• найти работу в области веб дизайна.
• Вы легко сможете добавить в Ваши сайты иллюстрации, анимационные элементы и баннеры;
• Вы сможете разрабатывать удобную навигацию и грамотно акцентировать внимание на нужной информации.

По окончании курса Вы будете уметь:

• самостоятельно создавать веб-страницы, используя различные программы;
• грамотно размещать информацию на сайте;
• разрабатывать навигацию, использовать шаблоны;
• подбирать изображения нужного формата и размера;
• использовать gif-анимацию;
• работать с баннерами;
• оценивать и тестировать сайт.

По окончании курса Вы получите:

• только самые актуальные, востребованные и практические навыки;
• возможность трудоустройства в айти-компании города или работы на дому;
• реальный опыт разработки на проектах, создадите свое портфолио, что позволит без труда устроиться во многие фирмы;
• создавать web-страницы, содержащие все необходимые компоненты: текст, изображения и гиперссылки;
• определять правильную иерархию страниц для создания сайта;
• использовать интерактивные элементы для улучшения его юзабилити;
• применять возможности CSS для эффективного оформления сайта и совершенствования его функциональности;
• работать с фреймами;
• применять новый функционал HTML 5 и CSS 3.

Отзывы