Открыто

[Специалист] HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3

Тема в разделе "Курсы по программированию", создана пользователем razzib, 10 янв 2015.

Цена: 14350р.
Взнос: 14350р.

Основной список: 1 участников

Резервный список: 9 участников

  1. 10 янв 2015
    #1
    razzib
    razzib СкладчикСкладчик

    Складчина: [Специалист] HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3

    По окончании курса Вы будете уметь:
    • Cамостоятельно выбирать программные средства разработки в соответствии со своими задачами
    • Грамотно проектировать веб-страницы и эффективно организовывать разработку кода
    • Разрабатывать код HTML и CSS в соответствии со стандартами Консорциума W3C
    • Создавать веб-страницы в соответствии с основными принципами практичности (usability) и доступности (accessibility) для пользователей
    • Разрабатывать веб-страницы, совместимые с распространёнными браузерами: Internet Explorer 6 и выше, Firefox, Opera 7 и выше
    • Верстать веб-страницы с применением современных технологий HTML и CSS: бестабличная и комбинированная вёрстка, абсолютное и относительное позиционирование, переполнение и обрезка блоков, внедрение внешних объектов, изображения в CSS
    • Оптимизировать веб-страницы для печати и для просмотра на наладонных устройствах
    • Тестировать веб-страницы, выполнять контроль качества
    Продолжительность курса - 32 ак. ч.

    Модуль 1. Веб-стандарты и их поддержка
    • Стандарты W3C. Документация.
    • DOCTYPE.
    • Стандарт Unicode. Кодировки Unicode. Поддержка Unicode в различных браузерах.
    • Протокол HTTP.
    Модуль 2. Элементы и атрибуты HTML5 и структура страницы
    • Секции, выноски, статьи, навигационные, «шапка», «подвал».
    • Элементы форм и их атрибуты.
    Модуль 3. Эффективное использование инструментов разработки веб-страниц
    • Инструментарий разработчика:, FTP-клиенты, текстовые редакторы, графические редакторы, вспомогательные программы. Web Developer, Mozilla Firebug, Zen Coding/Emmet, IE WebDeveloper.
    • Составление и анализ требований к вёрстке веб-страниц . Проектирование макетов. Тестирование веб-страниц: просмотр в различных браузерах, проверка валидатором, просмотр при различной ширине окна браузера и различных размерах шрифта. Контроль качества веб страниц.
    Практическая работа: построение структуры страницы с использованием вспомогательных программ.

    Модуль 4. Селекторы в HTML5

    • Селекторы перешедшие из HTML4/xHTML.
    • Псевдоклассы/псевдоэлементы. Контекстные селекторы. Новые селекторы в HTML.
    • Ролловеры, спрайты.
    Практическая работа: использование специфических селекторов при верстке страницы.

    Модуль 5. Введение в построение удобных для использования сайтов (usability) и доступность (accessibility) сайтов
    • Практичность (usability) сайтов. Цели и задачи пользователей. Общие принципы разработки интерфейсов в применении к сайтам. Психологические аспекты взаимодействия пользователя с сайтом. Тестирование практичности.
    • Доступность (accessibility) сайтов. Обзор различных технических устройств для просмотра сайтов. Технические аспекты взаимодействия пользователя с сайтом. Ограниченные возможности пользователей
    Семинар: Учет удобства использования сайтов

    Модуль 6. Продвинутые технологии HTML и CSS
    • Относительное и абсолютное позиционирование. Поведение дочерних элементов при позиционировании. Порядок наложения: свойство z-index. Примеры позиционирования: наложение блоков, закрепление "подвала" внизу страницы. Обрезка блока: свойство clip. Фиксированное позиционирование. Свойство display.
    • Переполнение блока: свойство overflow. Особенности поддержки overflow в разных браузерах. Создание "фреймообразной" вёрстки с использованием overflow. Расширения IE: свойства overflow-x и overflow-y.
    • Внедрение внешних ресурсов: элемент object. Внедрение файлов HTML, создание "фреймообразной" вёрстки с использованием object. Внедрение роликов Flash в соответствии со стандартами Консорциума W3C. Внедрение векторной графики (SVG); предоставление альтернативного растрового изображения браузерам, которые не поддерживают этот формат.
    • Пиктограмма сайта (favicon). Формат ICO. Особенности поддержки пиктограммы в различных браузерах.
    Практическая работа: использование на практике CSS-свойств позиционирования, отображения и др.

    Модуль 7. Совместимость веб-страниц с различными браузерами
    • Условные комментарии.
    • Скрипты для поддержки селекторов и изменения поведения старых браузеров.
    • Программы эмуляторы старых версий IE.
    • Фильтры.
    Практическая работа: использование кроссбраузерной верстки

    Модуль 8. Использование свойств CSS2 и CSS3
    • Градиенты, анимация, трансформация (2D и 3D), переходы
    • Медиа-запросы (построение мобильных версий сайтов, адаптивная верстка)
    • @font-face (веб-шрифты), текстовые эффекты,
    • Многоколоночная верстка,
    • Работа с фоном (+градиенты)
    • Закругление углов, модель Flex-блоков.
    • Определение технологий, поддерживаемых браузером.
    Практическая работа: построение выпадающего меню средствами HTML5 и CSS3

    Модуль 9. Верстка макета
    • Принципы нарезки макета из psd-файла.
    • Выбор размеров и вариантов верстки.
    • Верстка.
    Практическая работа: нарезка макета страницы
    Практическая работа: верстка страницы по заданному макету.

    Модуль 10. Типовые решения
    • CSS-фреймворки.
    • Динамический CSS (на примере LESS).
    • Шаблоны CMS
    • Решения на JavaScript.

     
    Последнее редактирование модератором: 10 янв 2015
  2. Последние события

    1. shovakmisha
      shovakmisha не участвует.
      10 ноя 2023
    2. shovakmisha
      shovakmisha участвует.
      10 ноя 2023
    3. shovakmisha
      shovakmisha не участвует.
      10 ноя 2023
    4. shovakmisha
      shovakmisha участвует.
      10 ноя 2023

    Последние важные события

    1. skladchik.com
      Нужен организатор складчины.
      24 ноя 2016
    2. skladchik.com
      Сбор взносов начинается 23.11.2016.
      21 ноя 2016
    3. skladchik.com
      NikolaRus организатор.
      21 ноя 2016
    4. skladchik.com
      Цена составляет 14350р.
      11 янв 2015
  3. Обсуждение
  4. 30 янв 2015
    #2
    Evgenij321
    Evgenij321 ДолжникДолжник
    Ребят, активнее записываемся! Курс обещает быть просто суперским!!!
     
    1 человеку нравится это.
  5. 11 фев 2015
    #3
    evg58ru
    evg58ru ЧКЧлен клуба
    А кто вообще такой этот Алмазов? Есть какие-нибудь отзывы, кроме как на сайте спеца?
     
  6. 29 апр 2015
    #4
    Ifaliuk
    Ifaliuk СкладчикСкладчик
    Когда ориентировочная дата начала сборов?
     
  7. 27 фев 2016
    #5
    Irbi-s-in
    Irbi-s-in ДолжникДолжник
    Коль скоро Борисова тут точно не будет (не ведёт он 2 и 3 уровни HTML & CSS, к сожалению), предлагаю брать ТОЛЬКО Алмазова - он лучше остальных.
     
  8. 1 мар 2016
    #6
    Irbi-s-in
    Irbi-s-in ДолжникДолжник
    Если тут есть ЧК, добавьте в подпись эту складчину, пожалуйста! А то та, что есть (1 и 2 курс) - если 1 курс Алмазов ведёт, то о Тарасове уж больно много нехорошего пишут!

    Лучше собрать на хорошего препода ещё раз.
     
  9. 17 апр 2018
    #7
    Tristam
    Tristam ЧКЧлен клуба
    Добрый вечер, подскажите стоящий ли курс?