Как освоить базовые навыки Front end разработки и научится верстать собственные Веб страницы. Попробуйте себя в качестве девелоперов пройдя простой курс с практикующими преподавателями.
Ярослав
Автор методики и программы курса

Курсы Веб дизайна: HTML + CSS

Как освоить базовые навыки Front end разработки и научится верстать собственные Веб страницы. Попробуйте себя в качестве девелоперов пройдя простой курс с практикующими преподавателями.

Технологии:

HTML   CSS   SUBLIME

Язык преподавания:

УКРАИНСКИЙ   РУССКИЙ

Язык интерфейса программ:

РУССКИЙ   АНГЛИЙСКИЙ

Всего 8 занятий в нашем учебном центре и Вы сможете:

  • Использовать самый современный редактор для верстальщиков Adobe Dreamweaver, а также использовать Adobe Photoshop при верстке макетов, нарисованных в этой программе и сохраненных в формате PSD
  • Верстать сверхсложные проекты сайтов, даже для таких движков как Joomla! и прочие, используя современную блочную верстку на тегах
  • Использовать такие технологии как язык разметки HTML и каскадные таблицы стилей CSS

Преподаватели курса Web-дизайн

Кузняк Ярослав

Веб-дизайн, Тестування ПЗ, Создание сайта на CMS Wordpress, Интернет-магазин на Wordpress


Более 7 лет разрабатываю сайты. Из них как минимум 5 на ВордПресс. Очень детально разобрался с этой CMS и с радостью поделюсь своими знаниями.

Уверен что если правильно подойти к вопросу, то абсолютно любой человек сможет разработать сайт на этой системе. Главное настойчивость и умение.

«Признак хорошего образования - говорить о самых высоких предметах самыми простыми словами.»

Какой вариант обучения подходит Вам?

Групповое обучение

  • не более 4х человек в группе
  • выбираете время и дни занятий
  • группы стартуют в течении 3х недель

8 занятий

16 учебных часов

3 400 грн

Заполните форму и узнайте как сэкономить

-10% на обучении


Индивидуальное обучение

  • график занятий подстраивается под Вас
  • возможность переносить и отменять занятия
  • практика на Ваших проектах
  • старт курса в течении недели
  • возможно пройти курс за несколько дней

8 занятий

16 учебных часов

4 800 грн

Заполните форму и узнайте как сэкономить

-20% на обучении


Дистанционное (on line) обучение

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

8 занятий

16 учебных часов

4 200 грн

Заполните форму и узнайте как сэкономить

-20% на обучении


Специальные задачи клиентов

Есть вопросы, ответы на которые не предусмотрены в стандартной программе? Наши тренеры разрабатывают эксклюзивный курс под Ваши задачи.

  • адаптированная под Вас программа курса
  • практика на Ваших примерах
  • минимальный заказ - одно занятие

1 занятие

2 учебных часа

1 000 грн

При заказе пяти занятий и более:

-20% от стоимости каждого занятия


Cкидки и акции

Сэкономь 50% от стоимости
Занимаясь индивидуально Вы можете пригласить еще одного человека и разделить стоимость обучения с ним пополам. При этом каждый из Вас заплатить гораздо меньше чем при занятии в группе, а все преимущества индивидуального обучения сохранятся.
СКИДКА ПО ЭТОЙ АКЦИИ ПЛЮСУЕТСЯ С ЛЮБОЙ ДРУГОЙ СКИДКОЙ!

Программа курса Web-дизайн

1

Основы терминологии и общая информация о создании сайтов:

  • Знакомство с HTML. Что такое тег
  • Рассмотрение основных тегов для работы с текстом, приведенных в панели Вставка/Текст (теги strong, em, p, h1, h2, h3 и прочие)
  • Тег переноса строки br. Разница между блочными и линейными тегами
  • Тег для вставки цитаты blockquote
  • Тег для вставки форматированного текста pre
  • Упорядоченный и неупорядоченный списки ol и ul, и элементы списка li
  • Атрибуты тегов (align, title и прочие)
  • Вставка спец. символов, которых нет на клавиатуре
2

Работа со ссылками и мультимедиа:

  • Рассмотрение тегов для вставки основных элементов html, приведенных в панели Вставка/Общий
  • Вставка комментария
  • Вставка ссылок тегом a
  • Вставка ссылки на электронную почту
  • Вставка якоря (именованной привязки)
  • Разделитель hr
  • Вставка картинок тегом img
  • Вставка таблиц
  • Вставка описания и ключевых слов страницы
  • Блочный тег div и линейный тег span
3

Работа с формами и их элементами:

  • Рассмотрение тегов для вставки основных элементов форм, приведенных в панели Вставка/Формы
  • Тег form для добавления формы на сайт
  • Создание формы авторизации или формы обратной связи с использованием таких элементов формы как текстовое поле, поле для ввода пароля, область текста, флажок, переключатель, кнопка отправить и сбросить форму
  • Создание подписей к полям с помощью тега label
  • Объединение нескольких полей с помощью тега набора полей fieldset
4

Работа с каскадными таблицами стилей CSS:

  • Знакомство с каскадной таблицей стилей CSS
  • Подключение внешней таблицы стилей к html странице с помощью тега link
  • Обращение к тегу, идентификатору и классу
  • Существенная разница между идентификатором и классом
  • Обращение к элементу по родительскому тегу, идентификатору или классу
  • Свойства color и background-color
  • Свойство для выравнивания текста по горизонтали text-align
  • Свойство line-height для изменения междустрочного интервала (высоты строки)
  • Свойство text-indent для смещения текста (Отступ для красной строки)
5

Работа с основными свойствами CSS:

  • Создание красивого кнопочного меню на неупорядоченном списке ul
  • Скрытие маркеров свойством list-style-type:none
  • Свойство background-image
  • Указание размеров с помощью свойств width и height
  • Отображение линейного элемента блочным с помощью свойства display:block
  • Псевдокласс :hover, отвечающий за наведение на элемент
  • Псевдокласс :active, отвечающий за нажатие на элемент
  • Внутренний отступ элементов padding
  • Внешний отступ элементов margin
  • Граница элементов border
6

Основы блочной верстки сайта с макета:

  • Основы верстки сайта
  • Табличная и блочная (div-ная) верстка
  • Основы работы с макетом сайта, нарисованным в программе photoshop в psd-формате
  • Основные подходы для заливки блока градиентом (используется изображение в 1px)
7

Создание колонок и основной разметки сайта:

  • Разметка html-страницы на колонки с помощью свойства float:left
  • Использование внешнего отступа колонок слева и справа чтобы последняя колонка не съезжала в Internet Explorer
  • Использование свойства очистки clear:both после последней колонки чтобы растянуть родительский блок
8

Оформление внешнего вида сайта по макету:

  • Оформление красивого меню на неупорядоченном списке ul
  • Создание определенного вида для выбранного пункта меню, на котором находится пользователь
  • Преобразование вертикального меню в горизонтальное
  • Доработка остальных блоков на сайте
  • Вывод контента сайта с помощью таблиц и его форматирование

Заявка на бесплатную консультацию

Наш менеджер свяжется с Вами в ближайшее время. Предоставит детальную информацию о курсе. И ответит на все возникшие вопросы.