Курсы по разработке html и css

Курсы по разработке html и css

Предлагаем пройти курсы вёрстки HTML и CSS с нуля, изучив не только базовые основы, а весь потенциал возможностей с использованием данных технологий. Мы научим пользоваться справочной информацией для самостоятельного совершенствования в будущем. Это не просто курсы по созданию сайта на HTML и CSS , так как во время занятий разбираются темы кроссбраузерной вёрстки, адаптации под мобильные устройства, юзабилити и дизайна, а также управления готовым сайтом и работы с хостингами.

Курс основы HTML/CSS в первую очередь подойдут для:

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

52
академических часа
13
занятий
20 000 Р

Учебные группы

Группы формируются
Аудитория. Группы: Вт, Чт или Пн, Ср, Пт
19.00 — 22.00
Пн Вт Ср Чт Пт Сб Вс
Записаться
20 000 Р
Оплатить
Не нашли подходящую группу - они здесь не все!
Оставьте заявку и мы свяжемся с вами для подбора дат и времени

Программа курса нашего учебного центра по HTML

1. Что такое web-сайт. Первые шаги
  • Как устроен сайт: структура, внешняя и внутренняя часть
  • Терминология. Понятие web-сайта, web-сервера
  • Типы сайтов, классификация
  • Обмен данными с пользователем интернета (клиент-серверная модель)
  • Интернет браузеры: принцип работы, отличия разных браузеров
  • Используемые технологии верстки: html, css
  • Более сложные технологии: javascript, jquery
  • Этапы создания сайта: структура, прототип, дизайн, верстка, наполнение, редактирование, размещение

2. Этапы создания сайта. Инструменты работы
  • Обзор ПО редакторов кода (программного обеспечения)
  • Грамотная организация рабочего процесса
  • Выбор темы сайта
  • Разработка концепции
  • Функциональность сайта
  • Разработка базовой структуры сайта

3. Технология HTML
  • Цели и задачи, выполняемые при помощи HTML
  • Браузеры. Устройство работы и отображения
  • Визуальные и невизуальные редакторы кода
  • Выбор редактора кода. Интерфейс
  • Базовый синтаксис HTML. Понятие HTML-тега
  • Стартовый шаблон HTML-страницы
  • Основы правильной вложенности элементов
  • Основные тэги для форматирования
  • Тэги заголовков
  • Атрибуты тэгов
  • Информационные мета-тэги

4. HTML (изображения и ссылки)
  • Структура каталогов и файлов проекта
  • Абсолютные и относительные ссылки
  • Работа с изображениями (HTML тэги, форматы и параметры графических файлов)
  • Взаимодействие текста с картинками (отступы, обтекание)

5. HTML (табличная разметка страницы, списки)
  • Добавление таблиц (тэги и атрибуты)
  • Взаимодействие таблиц с текстом и графикой
  • Сложные таблицы
  • Списки: маркированные и нумерованные

6. CSS – каскадные таблицы стилей
  • Что такое CSS
  • Синтаксис CSS
  • Метод применения CSS
  • Метод наложения CSS
  • Взаимодействие стилей и тэгов

7. CSS – форматирование и позиционирование
  • Форматирование текста: font, text-align, text-decoration и пр.
  • Форматирование списков и объектов: background, border, padding и пр.
  • Позиционирование и проблемы позиционирования
  • Типы отображения элементов: блочный, строчный

8. Вёрстка макета (блочная верстка сайтов, слои)
  • Создание слоя на странице
  • Блок и его свойства
  • Взаимодействие блоков на странице
  • Блоки, как альтернатива табличной верстке
  • CSS для блоков (форматирование, позиционирование, внешний вид, свойства)
  • Создание полноценного сайта на основе блочной верстки

9. WEB-Дизайн
  • Юзабилити сайта (дружественный к пользователю интерфейс)
  • Главные принципы правильного дизайна сайта
  • Грамотные цветовые решения
  • Позиционирование элементов на странице
  • Подбор шрифтов для текстового контента
  • Этапы создания дизайна сайта (идея, набросок, макет, дизайн в PSD)

10. Скрипты
  • Скрипты: JavaScript, JQuery
  • Установка и использование популярных скриптов (галереи, фоны, эффекты, меню, кнопки...)

11. CMS — система управления контентом
  • Принцип работы CMS
  • Типы CMS (платные и бесплатные)
  • Выбор CMS под разные задачи
  • Установка CMS на сервер
  • Готовые шаблоны для CMS (поиск, установка, настройка)
  • Модули расширений

12. CMS - начало работы
  • Установка и настройка CMS Wordpress/OpenCart
  • Выбор и установка шаблона
  • Создание разделов и страниц сайта
  • Создание меню
  • Управление изображениями

13. Домен и хостинг
  • Протоколы, стандарты, обозначения (URL, IP-адрес, HTTP, DNS, FTP)
  • Выбор, регистрация и обслуживание домена
  • Выбор, регистрация и обслуживание хостинга
  • Маршрутизация (как пользователь попадает на наш сайт)
  • NS серверы (делегирование домена на хостинг)
  • FTP-клиент: инструмент для обновления контента на сайте
  • Публикация сайта в интернете

14. Устранение проблем. Администрирование сайта. Секреты
  • Тестирование сайта в разных браузерах
  • Бэкап сайта, как наиболее эффективный способ быстрого восстановления при сбоях

Преподаватели курса

Руслан курсы по WEB технологиям, SEM, javascript и jQuery.
Руслан
Преподаватель курсов: всей линейки курсов по WEB технологиям, SEM, javascript и jQuery.
Высшее техническое образование (Университет аэрокосмического приборостроения).
Профессионально занимается разработкой сайтов c 2012 года.
Работает преподавателем по направлению WEB-технологии более 5 лет.
Основатель веб-студии, разработчик клиентских сервисов в финансовой группе «ДОХОДЪ», организатор сообщества WordPress в Санкт-Петербурге.

Ключевые навыки:
HTML5, CSS3, javascript, jQuery, CMS Wordpress, Joomla, MODx, Bootstrap, Веб-программирование, Адаптивная и кроссбраузерная верстка, Less, Git, Flask, Linux, simplacms

Запись на индивидуальные занятия или корпоративные очные курсы HTML и CSS в Санкт-Петербурге

Ваши навыки

Курс обучения для начинающих HTML и CSS – это реальная отработка практических навыков.

В ходе занятий
  • Разберем все этапы создания сайта
  • Поэтапно разработаем сайт на CMS системе
  • Добавим сайт в поиск Яндекс и Google
  • Добавим фотогалерею и динамический слайдер
  • Разберемся с хостингом
  • Добавим на сайт формы: заявка, запрос, обратная связь
  • Изучим основы HTML, CSS и Javascript
  • Научимся SEO-продвижению
После курса вы
  • Научитесь самостоятельно создавать сайты с грамотной структурой
  • Сможете использовать весь потенциал возможностей HTML/HMTL5, CSS/CSS3, конструкторов сайтов, JS-скриптов
  • Научитесь оптимизировать работу сайта в соответствии с современными стандартами адаптации, кроссбраузерности и т.д.
  • Разберетесь в секретах продающего сайта, а также вопросах поискового продвижения
На курсе "Создание и продвижение сайтов с нуля" вы создадите сайт - от идеи до продвижения в Яндексе и Google.

Наши слушатели

Я честно не верил, что у меня получиться научиться делать сайты, но благодаря вашей настойчивости, я все-таки прошел курс и создал сайт, и очень этому рад. спасибо вам!
Артем Королев
Мне очень понравилось, в какой форме проходили занятия. Преподаватель оказался очень внимательным и терпеливым человеком, он очень подробно все показывал и в случае вопросов очень подробно все объяснял. Сайты это просто! Теперь я могу так сказать и все благодаря вам!
Юлия Сергеева
Спасибо огромное преподавателю, который действительно наглядно объяснил и научил, что самое главное, как создаются сайты с чистого листа. Понравилось так же что мы делали каждый совою работу, что мне, например, было очень важно.
Дмитрий Яковлев
Огромное спасибо преподавателю курса. Индивидуальный подход, всегда готовность помочь, отличное изложение информации, приятное общение и огромное количество положительных эмоций!
Валерий Кольцов

Ответы на важные вопросы

Остались вопросы?

Оставьте заявку, мы перезвоним и ответим на все Ваши вопросы.

+7 812 407-33-48
+7 995 597-59-69
г. Санкт-Петербург, Лиговский пр. 81 (вход под арку)
(Метро: Пл.Восстания, Лиговский пр., Владимирская) 
загрузка карты...