Курсы по программированию html и css

Курсы по программированию html и css

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

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

52
академических часа
13
занятий
25 000 ₽
обычная цена
18 500 ₽

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

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

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

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

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

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

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

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

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

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

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

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

10. Конструкторы сайтов. Скрипты
  • Принцип работы конструкторов сайтов
  • Плюсы и минусы конструкторов
  • Создание сайта с помощью бесплатного конструктора
  • Скрипты: javascript, JQuery
  • Установка и использование популярных скриптов (галереи, фоны, эффекты, меню, кнопки...)

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

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

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

14. Продвижение сайта
  • Определение целевой аудитории
  • Составление семантического ядра: способы, инструменты
  • Проведение seo-аудита уже существующего сайта
  • Общие принципы текущего продвижения сайтов
  • SEO и контекстная реклама
  • Проверка ошибок на сайте

15. Устранение проблем. Администрирование сайта. Секреты
  • Тестирование сайта в разных браузерах
  • Бэкап сайта, как наиболее эффективный способ быстрого восстановления при сбоях
  • Проблемы индексации сайта поисковыми роботами (Яндекс вебмастер)
  • HTML 5.0, CSS 3.0 (новые технологии)
  • Принцип администрирования сайтов. Добавление и обновление контента
  • Секреты эффективного продающего сайта. Повышение трафика и конверсии

Показать подробную программу

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

Руслан курсы по WEB технологиям, SEM, javascript и jQuery.
Руслан
Преподаватель курсов: всей линейки курсов по WEB технологиям, SEM, javascript и jQuery.
Высшее техническое образование (Университет аэрокосмического приборостроения).

Профессионально занимается разработкой сайтов c 2012 года.
Работает преподавателем по направлению WEB-технологии более 5 лет.

Организатор русскоязычного сегмента сообщества Wordpress (самая популярна в мире CMS система по построению сайтов). 
Организатор коференций по Wordpress в Санкт-Петербурге и постоянный спикер.
Владеет английским языком на уровне прохождения интервью.

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

Запись на обучение

Ваши навыки

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

Отзывы слушателей

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

Эти курсы будут вам интересны

Интернет-маркетолог

Освойте перспективную digital‑профессию, которая входит в десятку самых востребованных! (по результатам исследования hh.ru)

Изучим основные инструменты, которые позволяют привлекать клиентов: контекстную рекламу (Директ и Adwords), SEO, SMM, таргетированную рекламу, рассылки (e-mail и sms), маркетплейсы и WEB аналитику.

44
академических часа
24 000 ₽
обычная цена
18 500 ₽
Подробнее о курсе

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

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

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

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