Курсы 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 верстка
- Мастер CMS
- Трудоустройство.
- Строение web-системы
- Понятие сайта
- Виды сайтов
- Технические навыки для создания сайтов
- Начало изучение HTML
- - html - head
- - body
- - title - meta
- - doctype
- - h1 - h6
- - p
- - span - div
- - blockquote
- - adress
- - pre
Атрибуты тегов
Списки: маркированные, нумерованные, списки определений
Вложенные списки
Форматы изображений
Добавление на страницу изображений
(абсолютный путь, относительный путь)
Ссылки на веб-страницы других сайтов
Ссылки на страницы собственного сайта
Открытие ссылки в новой вкладке или окне браузера
Ссылки на адрес электронной почты
Структура таблицы
Заголовки таблицы
Объединение ячеек
Элемент form
Обзор элементов формы
Макет и дизайн формы
Возможности CSS
Как работают таблицы стилей
Цвет и фон
Определение значений цвета
Основной цвет
Фоновый цвет
Фоновые изображения
Селекторы:
универсальный селектор, селектор тега, дочерние селекторы, соседние
селекторы, группировка селекторов
Свойства шрифта
Изменение цвета текста
Выравнивание строк текста
Подчеркивания и другие декоративные эффекты
Изменение регистра
Селекторы класса
Селекторы псевдокласса
Идентификаторы
Блок элемента
Задавание размеров блока
Отступы
Границы
Поля
Свойство box-sizing
Выравниваем блок по центру
Изменение маркеров и нумерации списков
Горизонтальное меню
Селекторы псевдоэлементов
Селекторы атрибутов
Работа со слоями.
Как узнать свойства текста.
Как измерять блоки, отступы.
Информация о цвете.
Сохраняем изображения для веб-страницы
Свойства: float, clear.
Нормальный поток
Обтекание
Горизонтальные меню на float.
Многоколоночные макеты при помощи плавающих элементов
Основы позиционирования
Относительное позиционирование
Абсолютное позиционирование
Фиксированное позиционирование
Элементы <section>, <nav>, <article>, <aside>, <hgroup>, <header>, <footer>, <address>.
Верстка страницы c использованием структурных элементов HTML5.
Гибкая блочная модель
Flex-box
Верстка страницы применяя гибкую блочную модель
Применяем медиазапросы: поддержка разных областей просмотра
Масштабируем изображения относительно области просмотра
Используем единицы em вместо пикселов
Пользовательская веб-типографика
Скругляем углы блоков
Тень текста
Добавление теней к блокам
Градиенты
CSS3-переходы, трансформации и анимации
- Установка, создание базы данных, работа php my admin
- Админ панель
- Смена темы
- Создание меню
- Добавлению страниц
- Добавление виджетов
- Создание интернет-магазина
Краткий обзор системы Wordpress, ее преимущества и недостатки
Установка локального сервера Denwer.
Установка дистрибутива Wordpress
Небольшой экскурс в phpMyAdmin и работу с базами данных MySql.
Знакомство с административной частью Wordpress и структурой дистрибутива
Выбор темы оформления, а также руководство по созданию собственного шаблона
Создание рубрик, записей, страниц с контентом
Создание меню и вывод в нужном месте
Создание метатегов, вывод их в виде виджета
Подключение виджетов (блоков) в существующие регионы шаблона, а также создание собственных регионов.
Создание простой галереи
Установка и подключение нужного плагина
Установка плагина для ЧПУ (человеко-понятный URL)
Установка плагина для обратной связи
Установка плагина «Часто задаваемые вопросы» на сайте (FAQ).
Установка карты проезда на сайт
Работа с комментариями
Создание резервных копий сайта (backup)
Знакомство с необходимыми SEO плагинами
Работа с поиском – как подключить и настроить поиск на сайте.
Настройка рассылки
Установка кнопок социальных сетей
Добавление товаров и категорий товаров
Основные настройки магазина
Вывод корзины и витрины
Основные азы темизации (на примере витрины)
Принцип выбора хостинга и покупки домена
Принцип осуществления переноса сайта с локального хостинга на реальный хостинг
Принцип “Быстрый старт” CMS Joomla и Wordpress на реальном хостинге
Работа с FTP клиентами Filezilla и Total Commander.
Размещения счетчика для прослеживания статистики
Установка статистики Google Analytics и принципы работы с ней.
Генерация карты сайта
Краткий обзор системы, ее преимущества и недостатки
Тонкости и правильность установки Joomla
Локализация системы (настройка языковых пакетов)
Знакомство с административной панелью и настройками системы
Знакомство с встроенными модулями Joomla
Выбор темы, настройка тем, краткое руководство по созданию собственных шаблонов
Знакомство и нюансы работы с премиум-шаблонами
Установка выбранного шаблона
Создание контента, настройка отображения категорий материалов, блоков, настройка главного меню.
Установка плагинов, модулей Joomla
Установка модулей в нужные регионы
Установка и подключение нужного плагина
Установка галереи на сайте
Установка плагина для обратной связи
Установка плагина «Часто задаваемые вопросы» на сайте (FAQ).
Установка карты проезда на сайт
Работа с комментариями
Создание резервных копий сайта (backup)
Знакомство с необходимыми SEO плагинами
Работа с поиском – как подключить и настроить поиск на сайте.
Настройка меню авторизации ( установка капчи от Google)
Установка кнопок социальных сетей
Блок «новости друзей»
Делаем ЧПУ для сайта
Двухфакторная авторизация – защита сайта
Просмотр количества посещений на сайте
Подключение курсов валют на сайте
Подгонка оформления сайта
Создание карты сайта
Принципы работы с почтой на сайте ( установка почтового клиента)
Размещение рекламных блоков, модулей, участие в партнерских программах
Добавление товаров и категорий товаров
Основные настройки магазина
Вывод корзины и витрины
Импорт товаров в формате CSV
При поступлении в нашу школу Вы проходите вводное тестирование, по результатам которого для Вас разрабатывается индивидуальный план обучения. Для получения высокооплачиваемой работы по стпециальности "HTML верстка" необходимы следующие компетенции:
- Базовый разговорный английский язык (для работы в иностранной компании).
- Базовый IT английский язык (для работы в иностранной компании).
- Основы компьютерной графики (умение работать с программой Photoshop).
- Основы компьютерной верстки (знание HTML, CSS и адаптивной верстки).
- Умение работать с CMS системами.
После выполнения программы обучения мы выдаем Вам диплом и предлагаем Вам пройти практику, а затем стажировку в нашей студии веб дизайна. Уже на этапе стажировки Вы сможете зарабатывать деньги и набрать себе необходимое портфолио для дальнейшего трудоустройства.
Мы гарантируем Вам работу по специальности, если Вы выполните сой индивидуальный план обучения!
