• от 20 учебных часов
• Дистанционное обучение (Skype, Viber, Zoom)
• Индивидуальное обучение
• Обучение из любой точки мира

Стоимость: 160 грн за час (6 уе)

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

Описанные процессы обязательно проводятся для того, чтобы создать видимую часть страниц. Предлагаем курсы HTML и CSS в Киеве, благодаря которым вы познакомитесь с языками программирования. Информация подается легко и ненавязчиво. Все будет интересно и доступно к пониманию даже для тех, кто не имеет опыта программирования и не обладает особыми навыками.

После полного прохождения учебной программы вы сможете верстать простые одностраничные сайты. Этот курс станет хорошим стартом для тех, кто хочет овладеть профессией frontend-разработчика.

Знания, которые вы получите при прохождении курса HTML и CSS

Пройдя обучение HTML5, CSS3, вы научитесь:

• верстать веб-страницы согласно макета, разработанного дизайнером;
• создавать, модифицировать и оптимизировать страницы и стили документов;
• определять стандарт HTML, в котором написан определенный документ;
• работать с кодами.

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

В чем преимущества нашего курса?

После завершения обучения вы получите:

1. Востребованные на сегодня навыки, которые позволят получить высокооплачиваемую должность в одной из ведущих IT-компаний. Вы сможете создавать веб-страницы со всем необходимым содержимым: текстом, рисунками, гиперссылками. Также вы научитесь определять правильную иерархию страниц для создания сайта, использовать интерактивные элементы для улучшения юзабилити сайта. Специалисты научат вас применять возможности языков программирования для оформления сайта и улучшения его функциональности.
2. Опыт разработки на проектах.
3. Возможность создать собственное портфолио, которое станет вашим преимуществом при трудоустройстве.

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

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

Тема 1. Введение в веб-технологии.

• Что такое веб-технологии и для чего они нужны.
• Набор инструментов для разработки сайта.
• Взаимодействие по принципу «клиент-сервер».
• Консоль разработчика.
• Текстовый редактор и интегрированная консоль разработки (IDE).
• Языки описания и разметки: HTML&CSS&JS. Связь и взаимодействие между ними.
• Практика.
  
  

Тема 2. Веб-стандарты: особенности и характеристики.

• Знакомство со стандартами W3C.
• Общие данные о документации.
• Элемент DOCTYPE: почему он важен, каковы отличия в разных версиях HTML.
• Стандарт кодирования символов Unicode.
• Кодировка веб-страницы.
• HTTP-протокол: что это такое?
• Проверка документа HTML на соответствие стандартам и выявление ошибок.
• Практика.
  
  

Тема 3. HTML5-элементы. Особенности схематизации страницы.

• Секции и основные теги.
• Знакомство с элементом страницы, расположенным в нижней части («подвал», или «футер»).
• Что такое «шапка» сайта?
• Боковая колонка.
• Практика.
  
  

Тема 4. Знакомство с основными понятиями языка разметки HTML.

• Основные принципы верстки.
• Понятия «тег» и «атрибут».
• Обязательные составляющие любой веб-страницы.
• Строчные и блочные элементы веб-страницы.
• Что такое парные и непарные теги?
• Понятия семантических тегов.
• Спецсимволы.
• Особенности работы с тегами и атрибутами.
• Работа со ссылками и якорями.
• Работа с системами цветов в HTML.
• Работа с изображениями.
• Нумерованные и маркированные списки.
• Блочные элементы div и работа с ними.
• Таблицы.
• Практика.
  
  

Тема 5. Введение в работу с гиперссылками.

• Гиперссылки в WWW.
• Характеристика внешних гиперссылок.
• Характеристика внутренних гиперссылок.
• Виды адресов в глобальном информационном пространстве.
• Дополнительные атрибуты гиперссылок.
• Практика.
  
  

Тема 6. Введение в язык описания внешнего вида документа CSS. Знакомство с каскадными таблицами стилей.

• Общее описание CSS.
• Правила написания стилей.
• Способы добавления CSS на HTML-страницу.
• Внешние таблицы стилей.
• Относительные и статичные единицы измерения.
• Шрифты в CSS и работа с ними: семейства, стили, размеры, насыщенность.
• Границы элементов и работа с ними.
• Работа с отступами и размерами элементов.
• Градиенты.
• Свойства float и clear в CSS.
• Работа с фоном (изображения, цвет, размеры, прозрачность).
• Элементы каскадной таблицы стилей (селекторы).
• Продвинутые селекторы.
• Стили: приоритеты, перезапись.
• Псевдоклассы и псевдоэлементы.
• Работа с анимацией элементов.
• Практика.
  
  

Тема 7. Фреймы как отдельные законченные HTML-документы. Специфика внедрения внешних данных.

• История фреймов.
• Как взаимосвязаны гиперссылки и фреймы.
• Понятие встраиваемых фреймов.
• Практика.
  
  

Тема 8. Формы и передача пользовательской информации.

• Ограниченные области на странице сайте: веб-формы.
• Тег form.
• Элементы форм (input, textarea).
• Специальные атрибуты placeholder, name, value.
• Работа с кнопками и текстовыми полями.
• Знакомство с переключателями checkbox и radio.
• Дополнительные атрибуты.
• Практика.
  
  

Тема 9. CSS и макетирование.

• Рекомендации по оформлению границ компонента.
• Внутренние и наружные отступы.
• Размеры.
• Как осуществляется видимость компонента.
• Особенности и свойства плавающих компонентов.
• Практика.
  
  

Тема 10. Дополнительные возможности языков CSS и HTML.

• Особенности встраивания видеофайлов.
• Особенности встраивания аудиофайлов.
• Практика.
  
  

Тема 11. Введение в метаинформацию.

• Метаинформация как данные о странице сайта.
• Как может использоваться метаинформация.
• Общая информация о компоненте meta.
• Атрибуты компонента meta.
• Знакомство с поясняющей метаинформацией.
• Практика.
  
  

Тема 12. Хостинг и поддержка сайта.

• Определение места хранения информации, содержащейся на сайте. Хостинг как сервис.
• Определение доменов и доменных зон.
• Хостинговые и доменные панели.
• Процесс поиска компании, предоставляющей хостинговые услуги (хостер).
• Возможности хостера.
• FTP-клиент и его применение.
• Первые шаги в системах управления содержимым (CMS): Joomla и WordPress.
• Практика.

Добавить Отзыв