Курс HTML и CSS. Уровень 2. Кроссбраузерная верстка и основы юзабилити

  • Стоимость курса: 1630 леев
  • Скидка: 5%
  • Цена со скидкой: 1520 леев
  • Начало курса: Уточните у менеджера 022 844-644
  • Продолжительность курса: - 42 ак.ч.

Остались в прошлом времена, когда макет страницы достигается за счёт нарезки изображения с последующим размещением в ячейки таблицы HTML. Современная вёрстка предполагает гораздо больше: работа с текстом и шрифтами, знание цветовой гаммы, применение специальных эффектов CSS, добавление анимации и др.

Современная вёрстка также предполагает и кроссбраузерность — свойство сайта отображаться и работать во всех популярных браузерах идентично. Под идентичностью понимается отсутствие развалов верстки и способность отображать материал с одинаковой степенью читабельности (адаптивность).

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

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

Курс предназначен для веб-мастеров, начинающих верстальщиков, редакторов кода, веб-дизайнеров, веб-программистов, оптимизаторов.

Успешно окончив курсы "HTML и CSS. Уровень 2" вы будете уметь:

  • Cамостоятельно выбирать программные средства разработки в соответствии со своими задачами
  • Грамотно проектировать веб-страницы и эффективно организовывать разработку кода
  • Разрабатывать код HTML и CSS в соответствии со стандартами Консорциума W3C
  • Создавать макеты, для мобильных устройств
  • Внедрять шрифты
  • Применять современные технологии, которые ускоряют процесс загрузки
  • Работать основываясь по крайней мере на один framework CSS
  • Тестировать веб-страницы, выполнять контроль качества

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

Все преподаватели →

Предварительная подготовка

Требуемая подготовка (Обязательная): Успешное окончание курса HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3 или эквивалентная подготовка.

Рекомендуемая подготовка (необязательная): Успешное окончание курса Английский язык для IT специалистов (elementary) или эквивалентная подготовка

Получить консультацию о необходимой предварительной подготовке по курсу Вы можете по тел. (373) 22 844-644.

Требуемая подготовка послужит основой дальнейшего успешного прохождения курсов. Обычно она указана под названием одного из курсов нашего учебного центра (обязательная предварительная подготовка). Рекомендуется ознакомиться с программой указанного курса и оценить свои знания в рамках данной программы. Если Вы не обладаете достаточным уровнем знаний (90%) в указанном курсе, то Вам необходимо будет пройти предварительную подготовку. Это станет залогом Вашего успешного прохождения курса.

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

Модуль 1. Метрики в CSS

  • Единицы измерения
  • Относительное измерение
  • Абсолютное измерение
  • Совместимость с различными браузерами
  • Практическая работа
  • Единицы в современных браузерах

Модуль 2. Схемы позиционирования CSS

  • Четыре схемы позиционирования CSS
  • Статическое позиционирование
  • Относительное позиционирование
  • Абсолютное позиционирование
  • Фиксированное позиционирование
  • Преимущества и недостатки каждой схемы
  • Практическаяработа

Модуль 3. Переключение стилей

  • Запросы CSS
  • Синтаксис условных запросов
  • Параметры, используемые в условиях
  • Операторыиз условий
  • Принцип достижения отзывчивости
  • Практическая работа
  • Примеры отзывчивых макетов
  • Точки переключения

Модуль 4. Специальные эффекты в CSS

  • Переход
  • Анимация
  • Фильтры
  • Преобразования
  • Практическая работа
  • Генераторы эффектов
  • Резервные опции (переход в аварийный режим)

Модуль 5. Совместимость, полифилы

  • Прогрессивное развитие и изящная деградация
  • Префиксы совместимости
  • Полифилы
  • Современные библиотеки полимеризации
  • Практическая работа
  • Утилиты тестирования кроссбраузера

Модуль 6. CSS, обогащённый синтаксически (SASS, SCSS)

  • Недостатки стандартного CSS
  • Технологии динамического CSS
  • Семантические вариации CSS
  • Практическаяработа
  • Пример применения CSS, обогащённого синтаксически

Модуль 7. Типография

  • Стандартные шрифты
  • Внедрение пользовательских шрифтов
  • Специализированные шрифты, пиктограммы
  • Что представляет собой глиф
  • Генераторы веб-шрифтов
  • Совместимость

Модуль 8. Цветовые схемы и графические элементы

  • Как составляются цвета на экране
  • Общие цветовые схемы
  • Веб-совместимость
  • Веб-графические форматы
  • Оптимизация графических элементов
  • Изображение или CSS

Модуль 9. Создание современного макета

  • HTML, структура и значение
  • CSS, от глобального до деталей
  • Адаптация для устройств
  • Боксинг и широкий экран
  • Ориентация по экрану
  • Резиновыйи фиксированный вид
  • Этапы переключения
  • Регионы, секции и блоки
  • Типичные дефекты и приспособления
  • Практическая работа
  • Создание современного макета
  • Адаптация макета для мобильного, планшета и экрана

Модуль 10. Быстрая вёрстка

  • Существующие на рынке решения
  • Библиотеки и инфраструктуры
  • Практическая работа
  • Создание макета на выбранной инфраструктуре

Модуль 11. Полезные советы

  • Оптимизация и минимизация
  • Проверка совместимости
  • Тонкости (полезные советы) вёрстки

Рекомендуемые курсы по специальности 

Чтобы стать профессионалом, мы рекомендуем Вам вместе с этим курсом изучить:

Отзывы  

#2 HTMLIon 30.11.2016 19:40
Tocmai am finisat nivelul 2. Pot să zic că Dorin este un profesor excelent, cu un bagaj vast de cunoștințe în domeniu și nu în ultimul rând știe cum să ducă o lecție înteresantă și la un nivel înalt.
Цитировать
#1 УавВаня 15.07.2016 14:44
:lol:
Цитировать

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

Защитный код
Обновить