CONTACT news

Внимание! Открыт набор на курс "Основы программирования". Спешите записаться!

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

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

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

Дата начала:
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 компании.
  •         ПОМОЩЬ В ТРУДОУСТРОЙСТВЕ ЛУЧШИМ СТУДЕНТАМ!

 

Программа курса
Введение в 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 системами.

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

Перезвоните мне пожалуйста 8 (499) 322-46-85 Михаил, не обращайте внимания на заставку, дождитесь ответа оператора.
Всем доброго времени суток! Очень хотелось бы поделится своими ощущениями от пройденного курса по web дизайну... на момент прохождения процесса в IT академии я поступал в 11 класс и даже не предполагал как мне поможет данный курс не только в следующем учебном году, но и с выбором направления факультета будущего института, в качестве абитуриента 2016! На мой взгляд Алеся Викторовна невероятно одаренный преподаватель, как в плане владения материалом так и в плане индивидуального подхода к каждому из учеников! и это не просто пустые слова ведь об этом свидетельствуют результаты которых я достиг в новом учебном году! мало сказать что я не заморачиваясь стал лучшим в классе по предмету программирования (что дало дополнительное время на подготовку к поступления) но занял призовое место на олимпиаде Днепровского района г. Киева за что я всецело благодарю ее! и как было упомянуто выше это дало мне возможности раскрыть свой потенциал и решительно выбрать направление в котором я хотел бы работать на протяжении своей жизни что до этого было проблематично! советую всем попробовать данную программу, особенно с этим молодым, амбициозным и очень приятным в общении и восприятии материала преподавателем который станет вашим наставником и просто другом!

Страницы

Преподаватели
Возможно вам будут интересны курсы:
icon
Тестирование и сертификация
icon
Стажировка и трудоустройство
icon
Проверенные преподаватели и учебные программы
HTML верстка сайта
Длительность:
2 месяца 48 а.ч. (16 занятий по 3 а.ч.)
Стоимость:

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

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

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