+38(044) 277-40-42
+38(063) 233-01-83
+38(044) 277-42-05
+38(063) 233-01-83

19 октября в 19:00 БЕСПЛАТНЫЙ CONTACT MEETUP с успешным практикующим системный администратором Артёмом Терновым - встреча, на которой Вы узнаете больше о такой важной и востребованной специализации как Системное Администрирование! Регистрация в Facebook на страничке itacademycontact

Длительность:
2 месяца 48 а.ч. (16 занятий по 3 а.ч.)
Стоимость:

3000 грн. в месяц - нал.

3300 грн. в месяц - безнал

Дата начала:
21-10-2016, Пн,ПТ, 18:30-21:00
Хочу обучаться

Курсы HTML/CSS

Оставить заявку

        Твое будущее в твоих руках!

         Курсы HTML/CSS – это отличный способ реализовать себя в сфере IT и веб-технологий. На курсе вы получите полный объем знаний, необходимый каждому начинающему веб-разработчику. Мы познакомим Вас с языком гипертекстовой разметки HTML5 и каскадной таблицей стилей CSS3. HTML – это достаточно простой язык для создания разметки документа и четкой структуры сайта. СSS – это каскадные таблицы стилей. Вы научитесь создавать красивые веб-страницы, из которых потом будут строиться сайты.

         Обычно веб-разработчик получает макет, который дизайнер создает в графическом редакторе. Поэтому начинающему верстальщику необходимо знать как минимум базовые функции Adobe Photoshop для работы с макетами.  С помощью различных тегов верстальщик «верстает» макет. В результате вместо PSD-файла мы имеем готовую разметку, где у каждого элемента свое назначение. Затем необходимо проверить насколько качественно страница соответствует макету и насколько правильно она отображается во всех используемых браузерах. Одна из главных задач веб-разработчика – это сделать работу с веб-страницей удобной и простой для обычного пользователя. Мы научим Вас верстать веб-страницы так, что сайт будет отображаться одинаково с любого устройства с разным разрешением или браузера с разными версиями. Один и тот же сайт будет выглядеть одинаково хорошо, на каком бы устройстве или браузере его ни открыли.

 

        Наши преймущества:

 

  •          Уже через 2 месяца Вы сможете претендовать на позицию Junior Engineer!
  •         Зарплаты Junior верстальщиков от $400,  поэтому  Вы сможете достаточно быстро вернуть затраты на курсы.
  •         У нас работают тренера ведущих IT компаний с педагогическим опытом.
  •         Львиная доля курса верстки занимает практика.
  •         Во время обучения наши слушатели имеют право на бесплатное посещение IT-English Speaking Club.
  •         On line консультации наших тренеров во внеучебное время, даже после окончания занятий.
  •         Обучение на реальных проектах.
  •         Практика и бесплатная стажировка в нашей IT компании.
  •         ПОМОЩЬ В ТРУДОУСТРОЙСТВЕ ЛУЧШИМ СТУДЕНТАМ!

   .

      

       Средняя заработная плата за 2015-2016 г.

 

 

     

Программа курса
Введение в HTML
  • Строение web-системы
  • Понятие сайта
  • Виды сайтов
  • Технические навыки для создания сайтов
  • Начало изучение HTML
  • - html - head
  • - body
  • - title - meta
  • - doctype
  • - h1 - h6
  • - p
  • - span - div
  • - blockquote
  • - adress
  • - pre
Строчные теги i, em, b, strong

Атрибуты тегов
Списки: маркированные, нумерованные, списки определений
Вложенные списки

Изображения

Форматы изображений
Добавление на страницу изображений
(абсолютный путь, относительный путь)

Ссылки (абсолютные ссылки, относительные ссылки, якорные ссылки)

Ссылки на веб-страницы других сайтов
Ссылки на страницы собственного сайта
Открытие ссылки в новой вкладке или окне браузера
Ссылки на адрес электронной почты

Таблицы

Структура таблицы
Заголовки таблицы
Объединение ячеек

Формы

Элемент form
Обзор элементов формы
Макет и дизайн формы

Каскадные таблицы стилей (CSS)

Возможности CSS
Как работают таблицы стилей
Цвет и фон
Определение значений цвета
Основной цвет
Фоновый цвет
Фоновые изображения
Селекторы:
универсальный селектор, селектор тега, дочерние селекторы, соседние
селекторы, группировка селекторов

Форматирование текста

Свойства шрифта
Изменение цвета текста
Выравнивание строк текста
Подчеркивания и другие декоративные эффекты
Изменение регистра
Селекторы класса
Селекторы псевдокласса
Идентификаторы

Блочная модель css (отступы, границы и поля )

 Блок элемента
Задавание размеров блока
Отступы
Границы
Поля
Свойство box-sizing
Выравниваем блок по центру

Свойство list-style для оформления списков

Изменение маркеров и нумерации списков
Горизонтальное меню
Селекторы псевдоэлементов
Селекторы атрибутов

Фотошоп для вёрстки

Работа со слоями.
Как узнать свойства текста.
Как измерять блоки, отступы.
Информация о цвете.
Сохраняем изображения для веб-страницы

Поток документа

Свойства: float, clear.
Нормальный поток
Обтекание
Горизонтальные меню на float.
Многоколоночные макеты при помощи плавающих элементов

Свойство position

Основы позиционирования
Относительное позиционирование
Абсолютное позиционирование
Фиксированное позиционирование

Новые семантические HTML5-элементы.

Элементы <section>, <nav>, <article>, <aside>, <hgroup>, <header>, <footer>, <address>.
Верстка страницы c использованием структурных элементов HTML5.
Гибкая блочная модель
Flex-box
Верстка страницы применяя гибкую блочную модель

Адаптивная вёрстка

Применяем медиазапросы: поддержка разных областей просмотра
Масштабируем изображения относительно области просмотра
Используем единицы em вместо пикселов

Свойства CSS3

Пользовательская веб-типографика
Скругляем углы блоков
Тень текста
Добавление теней к блокам
Градиенты
CSS3-переходы, трансформации и анимации

CMS wordpress
  • Установка, создание базы данных, работа php my admin
  • Админ панель
  • Смена темы
CMS wordpress
  • Создание меню
  • Добавлению страниц
  • Добавление виджетов
  • Создание интернет-магазина
Использование bootstrap.
Знакомство с Wordpress

Краткий обзор системы Wordpress, ее преимущества и недостатки
Установка локального сервера Denwer.
Установка дистрибутива Wordpress
Небольшой экскурс в phpMyAdmin и работу с базами данных MySql.
Знакомство с административной частью Wordpress и структурой дистрибутива

Создание оболочки Wordpress

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

Комплексная работа с плагинами для Wordpress

Установка и подключение нужного плагина
Установка плагина для ЧПУ (человеко-понятный URL)
Установка плагина для обратной связи
Установка плагина «Часто задаваемые вопросы» на сайте (FAQ).
Установка карты проезда на сайт
Работа с комментариями
Создание резервных копий сайта (backup)
Знакомство с необходимыми SEO плагинами
Работа с поиском – как подключить и настроить поиск на сайте.
Настройка рассылки
Установка кнопок социальных сетей
 

Создание простого интернет магазина на Wordpress

Добавление товаров и категорий товаров
Основные настройки магазина
Вывод корзины и витрины
Основные азы темизации (на примере витрины)

Подготовка сайта на Wordpress (аналогично и для Joomla ) к полноценной работе

Принцип выбора хостинга и покупки домена
Принцип осуществления переноса сайта с локального хостинга на реальный хостинг
Принцип “Быстрый старт” CMS Joomla и Wordpress на реальном хостинге
Работа с FTP клиентами Filezilla и Total Commander.
Размещения счетчика для прослеживания статистики
Установка статистики Google Analytics и принципы работы с ней.
Генерация карты сайта

Введение в Joomla

Краткий обзор системы, ее преимущества и недостатки
Тонкости и правильность установки Joomla
Локализация системы (настройка языковых пакетов)
Знакомство с административной панелью и настройками системы
Знакомство с встроенными модулями Joomla

Создание оболочки для Joomla

Выбор темы, настройка тем, краткое руководство по созданию собственных шаблонов
 Знакомство и нюансы работы с премиум-шаблонами
 Установка выбранного шаблона
Создание контента, настройка отображения категорий материалов, блоков, настройка главного меню.
 Установка плагинов, модулей Joomla
Установка модулей в нужные регионы

Практика с важнейшими модулями Joomla

Установка и подключение нужного плагина
Установка галереи на сайте
 Установка плагина для обратной связи
 Установка плагина «Часто задаваемые вопросы» на сайте (FAQ).
 Установка карты проезда на сайт
 Работа с комментариями
 Создание резервных копий сайта (backup)
 Знакомство с необходимыми SEO плагинами
Работа с поиском – как подключить и настроить поиск на сайте.
Настройка меню авторизации ( установка капчи от Google)
Установка кнопок социальных сетей
Блок «новости друзей»

Подготовка сайта на Joomla к полноценной работе.

Делаем ЧПУ для сайта
Двухфакторная авторизация – защита сайта
Просмотр количества посещений на сайте
Подключение курсов валют на сайте
Подгонка оформления сайта
Создание карты сайта
Принципы работы с почтой на сайте ( установка почтового клиента)
Размещение рекламных блоков, модулей, участие в партнерских программах

Создание простого интернет магазина на Wordpress

Добавление товаров и категорий товаров
Основные настройки магазина
Вывод корзины и витрины
Импорт товаров в формате CSV

Практика-стажировка-трудоустройство.

        При поступлении в нашу школу Вы проходите вводное тестирование, по результатам которого для Вас разрабатывается индивидуальный план обучения. Для получения высокооплачиваемой работы по стпециальности "HTML верстка" необходимы следующие компетенции:

  1. Базовый разговорный английский язык (для работы в иностранной компании).
  2. Базовый IT английский язык (для работы в иностранной компании).
  3. Основы компьютерной графики (умение работать с программой Photoshop).
  4. Основы компьютерной верстки (знание HTML, CSS и адаптивной верстки).
  5. Умение работать с CMS системами.

        После выполнения программы обучения мы выдаем Вам диплом и предлагаем Вам пройти практику, а затем стажировку в нашей студии веб дизайна. Уже на этапе стажировки Вы сможете зарабатывать деньги и набрать себе необходимое портфолио для дальнейшего трудоустройства.
        Мы гарантируем Вам работу по специальности, если Вы выполните сой индивидуальный план обучения!

Всем доброго времени суток! Очень хотелось бы поделится своими ощущениями от пройденного курса по web дизайну... на момент прохождения процесса в IT академии я поступал в 11 класс и даже не предполагал как мне поможет данный курс не только в следующем учебном году, но и с выбором направления факультета будущего института, в качестве абитуриента 2016! На мой взгляд Алеся Викторовна невероятно одаренный преподаватель, как в плане владения материалом так и в плане индивидуального подхода к каждому из учеников! и это не просто пустые слова ведь об этом свидетельствуют результаты которых я достиг в новом учебном году! мало сказать что я не заморачиваясь стал лучшим в классе по предмету программирования (что дало дополнительное время на подготовку к поступления) но занял призовое место на олимпиаде Днепровского района г. Киева за что я всецело благодарю ее! и как было упомянуто выше это дало мне возможности раскрыть свой потенциал и решительно выбрать направление в котором я хотел бы работать на протяжении своей жизни что до этого было проблематично! советую всем попробовать данную программу, особенно с этим молодым, амбициозным и очень приятным в общении и восприятии материала преподавателем который станет вашим наставником и просто другом!
Хочу поблагодарить Олесю Викторовну, за хорошую проведенную работу над моим обучением в сфере html и css. После ее курса Я начал верстать сайты и получил первую работу в этой сфере. Все доходчиво объясняется, а если что и было не понятно, то всегда можно было подойти и попросить объяснить дополнительно. Окончил курсы Web дизайн, теперь иду учиться дальше на web программиста. Спасибо большое за хорошее обучение!!!
Возможно вам будут интересны курсы:
icon
Тестирование и сертификация
icon
Стажировка и трудоустройство
icon
Проверенные преподаватели и учебные программы
HTML верстка сайта
Длительность:
2 месяца 48 а.ч. (16 занятий по 3 а.ч.)
Стоимость:

3000 грн. в месяц - нал.

3300 грн. в месяц - безнал

Дата начала:
21-10-2016, Пн,ПТ, 18:30-21:00