5/5, Голосов: 2
Закрыто

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

Тема в разделе "Курсы по программированию", создана пользователем murzikozz, 8 окт 2012.

Цена: 13890р.
Взнос: 209р.
100%

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

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

Статус темы:
Закрыта.
    1. murzikozz

      murzikozz murzikozz БанЗабанен

      [​IMG]
      [​IMG][​IMG][​IMG]

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



        • Консорциум W3C и его роль в развитии веб-технологий. Деятельность Консорциума W3C по стандартизации языков HTML (XHTML) и CSS.
        • Как пользоваться документацией Консорциума W3C. Спецификации HTML 4.01, XHTML 1.0, CSS 2.1.
        • Какие источники информации про HTML (XHTML) и CSS заслуживают доверия. Справочная информация о поддержке стандартов на официальных сайтах популярных браузеров.
        • Определение типа документа (DTD). Пролог документа HTML (XHTML) и объявление типа документа (DOCTYPE). Объявление XML (XML declaration).
        • Переключение DOCTYPE в браузере Internet Explorer. Режим стандартов (standards-compliant mode) и режим совместимости (compatibility mode). Примеры полезных эффектов, доступных только в режиме стандартов: оформление элемента html, горизонтальное центрирование таблиц, внутренние отступы (padding) для изображений и др.
        • Переключение DOCTYPE в браузере Firefox и родственных браузерах. Режим полной поддержки стандартов (full standards mode), частичной поддержки стандартов (almost standards mode), режим уловок (quirks mode). Переключение DOCTYPE в браузере Opera.
        • Стандарт Unicode. Кодировки Unicode. Поддержка Unicode в различных браузерах.
      Модуль 2. Эффективное использование инструментов разработки веб-страниц



        • Инструментарий разработчика: настройки операционной системы, файловый менеджер, клиент FTP, текстовый редактор, графический редактор, среды разработки сайтов, вспомогательные программы. Как установить и настроить программные средства, чтобы они эффективно взаимодействовали друг с другом.
        • Эффективная работа с текстовым редактором. Грамотное использование клавиатуры при работе с кодом HTML и CSS. Свойства текстового редактора: нумерация строк, работа с различными кодировками, синтаксическая подсветка, выделение специальных символов, сочетания клавиш, шаблоны, макросы, автоматизация действий и др.
        • Настройка клиента FTP для удобной синхронизации файлов на локальном компьютере и на веб сервере. Технология SSH, синхронизация с помощью rsync.
        • Стиль кодирования. Комментарии. Полезные приёмы разработки и комментирования кода, принципы присвоения имён файлам и компонентам кода. Организация рабочего пространства для продуктивной работы.
        • Панель инструментов IE Developer Toolbar. Использование IE Developer Toolbar для анализа веб страниц и управления некоторыми свойствами браузера. Панель инструментов Web Developer для Firefox и родственных браузеров.
        • Составление и анализ технических требований к вёрстке веб-страниц. Проектирование макетов. Тестирование веб-страниц: просмотр в различных браузерах, проверка валидатором, просмотр при различной ширине окна браузера и различных размерах шрифта. Контроль качества веб страниц, технические критерии качества

      Модуль 3. Эргономика, практичность и удобство использования сайта (usability) и доступность (accessibility) сайтов



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

      Модуль 4. Совместимость веб-страниц с различными браузерами



        • Какие браузеры распространены сейчас и будут распространены в ближайшем будущем. Как загрузить, установить и настроить эти браузеры, чтобы тестировать в них веб-страницы.
        • Основные особенности популярных браузеров. Важные различия между IE 6 и IE 7. Характерные свойства Firefox (и родственных браузеров) и Opera.
        • Неполная поддержка стандартов Консорциума W3C в современных браузерах. Характерные примеры кода, который поддерживается в одних браузерах и не поддерживается в других: фуригана (ruby annotation), значения свойства display в CSS, псевдоклассы :before и :after, автоматическая нумерация и др.
        • Характерные примеры кода, который по-разному обрабатывается в разных браузерах: атрибуты alt и title, оформление перечней, оформление форм, псевдокласс :hover и др.
        • Распространённые ошибки в браузерах. "Классические" ошибки в IE 6: "гильотина", "pekaboo" и др. Ошибки в Firefox и родственных браузерах: неполная поддержка элементов col и colgroup, оформление элемента caption, неправильное подчёркивание ссылок и др. Ошибки в Opera: неполная поддержка Unicode, неправильное подчёркивание ссылок и др.
        • Способы сокрытия кода от отдельных браузеров ("фильтры"). "Трюки" со сложными селекторами для IE (с учётом особенностей IE 7). Условные комментарии (conditional comments). Примеры разработки "кросс-браузерного" кода с использованием неполной поддержки стандартов, ошибок и "фильтров"

      Модуль 5. Продвинутые технологии HTML (XHTML) и CSS



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

      Модуль 6. Специальные эффекты в HTML (XHTML) и CSS



        • Расширенные средства работы с текстом. Использование специальных знаков: ударения, переносы, неразрывные пробелы и дефисы. Свойство white-space.
        • Оформление текста в CSS. Промежуточная насыщенность (значение 600 для свойства font weight). Свойство text-transform. Свойства line-height и vertical-align. Оформление буквиц.
        • Особенности блочной модели в CSS. Использование отрицательных значений margin. Свойства min-width, min-height, max-width, max-height: их практическое применение и поддержка в браузерах.
        • "Фоновые" изображения в CSS. Характерные эффекты изображений в CSS: узоры и орнаменты, "масштабируемые" растровые изображения, красивые рамки, "подсветка" гиперссылок (rollover) и др. Сочетание изображений в CSS с элементом img, рамками и цветом фона CSS.
        • Особенности формата PNG. Эффектные примеры использования полупрозрачности (альфа-канала) в PNG (для IE 7, Firefox, Opera). Как обеспечить альтернативное изображение для IE 6.
        • Перспективы дальнейшего развития HTML (XHTML) и CSS. Стандарт CSS 3, примеры его частичной поддержки в существующих браузерах. Общее представление о XHTML 2.0. Дальнейшее существование HTML (XHTML) и CSS в контексте общего развития Интернета и веб-технологий
      Отзыв от ТС murzikozz
      В паблике сейчас этот курс, но сама подача материала оставляет желать лучшего.
      Сложно материал заходит.
      Такая же ситуация была и с 1-м уровнем 2010-года
      Но когда появился вебинар 2011 года это был просто другой вебинар.
      Подача материала была лучше, видно было что курс причесали.
      Он стал гораздо легче восприниматься.


      На 2-м уровне я так и остановился, пытался раз 5 посмотреть курс, конспектировал материал, но все равно инфа была не очень граммотно структурированной.
      Предлагаю скинутся на 2-й уровень .


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


      1-й вебинар 17-го декабря. - это с Петровым, есть и раньше но мне кажеться надо брать только с ним.
      Человек очень принципиальный и в таком неодназначном направлении как верстка это важно.
      Сам курс

      Преподаватель: Тарасов Алексей Владимирович
      Отзывы о преподавателе:
       
       
      Последнее редактирование модератором: 31 май 2014
    2. Последние события

      1. skladchik.com

        Rinairina не участвует в складчине.

        6 июл 2017
      2. skladchik.com

        max_code не участвует в складчине.

        6 июл 2017
      3. skladchik.com

        Кот Дмитриенко не участвует в складчине.

        6 июл 2017
      4. skladchik.com

        moro3ko не участвует в складчине.

        6 июл 2017

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

      1. skladchik.com

        Складчина закрыта.

        6 май 2017
      2. skladchik.com

        Складчина доступна.

        4 май 2017
    3. Stas111

      Stas111 Stas111 БанЗабанен

      C первого раза да, тяжеловато, но на 3-й укладывается только так, просто надо не пытаться, а смотреть до конца, и желательно набивать код самому с экрана, а потом его анализировать еще раз :)
       
    4. murzikozz

      murzikozz murzikozz БанЗабанен

      Думаю обновленный вебинар будет все таки лучше.
       
    5. Stas111

      Stas111 Stas111 БанЗабанен

      если человек 20 соберется, то запишусь, а так один способ -зубрежка, раз, два, три,... пока в голове не уложится
       
    6. Kaid

      Kaid Kaid ОргОрганизатор

      Stas111 вы запишитесь, выписаться всегда успеете до начало сборов.
      так все сейчас начнут думать и в итоге ни кто не запишиться
       
    7. murzikozz

      murzikozz murzikozz БанЗабанен

      до декабря 2600 не проблема думаю отложить. надеюсь что взнос будет еще меньше.
       
    8. massena

      massena massena ЧКЧлен клуба

      А почему такая уверенность, что в настоящий момент курс лучше?
       
    9. DrozD

      DrozD DrozD ЧКЧлен клуба

      ИМХО Курс будет однозначно лучше того что есть в паблике. Реально читать такой курс основываясь на "старом" ПО никто не будет, уж больно тема зависима от именно текущего уровня развития браузерных технологий...
       
    10. vilden

      vilden vilden ШтрафникШтрафник

      я посмотрел этот курс раза 2 и свободно верстаю простые макеты, это заблуждение, что новый курс лучше. Данный курс хорошее закрепление материала к книги Мейера. Нет смысла скидываться на новый курс, да и к тому же верстка под IE6-7 это реально ад!
      2Drozd вот поэтому и лучше записаться на html5 от мелкософта!
       
    11. byxar

      byxar byxar ШтрафникШтрафник

      Записывайтесь лучше на мелкософт, чтобы народу побольше было.
       
    12. Kelpy

      Kelpy Kelpy РезервистРезервист

      17 декабря - это Тыщенко препод, а с Петровым ближайший на 25.04.2013. Так тут про какой речь идет?
       
    13. murzikozz

      murzikozz murzikozz БанЗабанен

      Петров вообще из расписания на следующий год даже исчез. Давайте метить на 17-е декабря тогда на Тыщенко.
       
    14. murzikozz

      murzikozz murzikozz БанЗабанен

      Сейчас в паблике наткнулся на интересную инфу "Создаем свой CSS-фреймворк от Яндекса". Мне кажеться эти уроки можно отнести к 3-й стадии обучения верстке.
      Как раз пройти 2 уровня, и на 3-м сделать свой велосипед, который под любые нужды подойдет.
       
      1 человеку нравится это.
    15. dimitrij

      dimitrij dimitrij БанЗабанен

      что-то тема умерла. сам бы хотел глянуть новое занятие. Судя по описанию они переработали изрядно курс
       
    16. Лютер

      Лютер Лютер БанЗабанен

      Курс нехило изменился за последние 2 года. Подписываюсь. Искренне надеюсь, что цена упадет раза в 3.
       
    17. Коровьев

      Коровьев Коровьев БанЗабанен

      Модуль 1. Веб-стандарты и их поддержка в программных продуктах
      • Консорциум W3C и его роль в развитии веб-технологий. Деятельность Консорциума W3C по стандартизации языков HTML (XHTML) и CSS.
      • Как пользоваться документацией Консорциума W3C. Спецификации HTML 4.01, XHTML 1.0, CSS 2.1.
      • Какие источники информации про HTML (XHTML) и CSS заслуживают доверия. Справочная информация о поддержке стандартов на официальных сайтах популярных браузеров.
      • Определение типа документа (DTD). Пролог документа HTML (XHTML) и объявление типа документа (DOCTYPE). Объявление XML (XML declaration).
      • Переключение DOCTYPE в браузере Internet Explorer. Режим стандартов (standards-compliant mode) и режим совместимости (compatibility mode). Примеры полезных эффектов, доступных только в режиме стандартов: оформление элемента html, горизонтальное центрирование таблиц, внутренние отступы (padding) для изображений и др.
      • Переключение DOCTYPE в браузере Firefox и родственных браузерах. Режим полной поддержки стандартов (full standards mode), частичной поддержки стандартов (almost standards mode), режим уловок (quirks mode). Переключение DOCTYPE в браузере Opera.
      • Стандарт Unicode. Кодировки Unicode. Поддержка Unicode в различных браузерах.
      Модуль 2. Эффективное использование инструментов разработки веб-страниц
      • Инструментарий разработчика: настройки операционной системы, файловый менеджер, клиент FTP, текстовый редактор, графический редактор, среды разработки сайтов, вспомогательные программы. Как установить и настроить программные средства, чтобы они эффективно взаимодействовали друг с другом.
      • Эффективная работа с текстовым редактором. Грамотное использование клавиатуры при работе с кодом HTML и CSS. Свойства текстового редактора: нумерация строк, работа с различными кодировками, синтаксическая подсветка, выделение специальных символов, сочетания клавиш, шаблоны, макросы, автоматизация действий и др.
      • Настройка клиента FTP для удобной синхронизации файлов на локальном компьютере и на веб сервере. Технология SSH, синхронизация с помощью rsync.
      • Стиль кодирования. Комментарии. Полезные приёмы разработки и комментирования кода, принципы присвоения имён файлам и компонентам кода. Организация рабочего пространства для продуктивной работы.
      • Панель инструментов IE Developer Toolbar. Использование IE Developer Toolbar для анализа веб страниц и управления некоторыми свойствами браузера. Панель инструментов Web Developer для Firefox и родственных браузеров.
      • Составление и анализ технических требований к вёрстке веб-страниц. Проектирование макетов. Тестирование веб-страниц: просмотр в различных браузерах, проверка валидатором, просмотр при различной ширине окна браузера и различных размерах шрифта. Контроль качества веб страниц, технические критерии качества
      Модуль 3. Эргономика, практичность и удобство использования сайта (usability) и доступность (accessibility) сайтов
      • Практичность (usability) сайтов. Цели и задачи пользователей. Общие принципы разработки интерфейсов в применении к сайтам. Псхологические аспекты взаимодействия пользователя с сайтом. Тестирование практичности.
      • Доступность (accessibility) сайтов. Обзор различных технических устройств для просмотра сайтов. Технические аспекты взаимодействия пользователя с сайтом. Ограниченные возможности пользователей.
      Модуль 4. Совместимость веб-страниц с различными браузерами
      • Какие браузеры распространены сейчас и будут распространены в ближайшем будущем. Как загрузить, установить и настроить эти браузеры, чтобы тестировать в них веб-страницы.
      • Основные особенности популярных браузеров. Важные различия между IE 6 и IE 7. Характерные свойства Firefox (и родственных браузеров) и Opera.
      • Неполная поддержка стандартов Консорциума W3C в современных браузерах. Характерные примеры кода, который поддерживается в одних браузерах и не поддерживается в других: фуригана (ruby annotation), значения свойства display в CSS, псевдоклассы :before и :after, автоматическая нумерация и др.
      • Характерные примеры кода, который по-разному обрабатывается в разных браузерах: атрибуты alt и title, оформление перечней, оформление форм, псевдокласс :hover и др.
      • Распространённые ошибки в браузерах. "Классические" ошибки в IE 6: "гильотина", "pekaboo" и др. Ошибки в Firefox и родственных браузерах: неполная поддержка элементов col и colgroup, оформление элемента caption, неправильное подчёркивание ссылок и др. Ошибки в Opera: неполная поддержка Unicode, неправильное подчёркивание ссылок и др.
      • Способы сокрытия кода от отдельных браузеров ("фильтры"). "Трюки" со сложными селекторами для IE (с учётом особенностей IE 7). Условные комментарии (conditional comments). Примеры разработки "кросс-браузерного" кода с использованием неполной поддержки стандартов, ошибок и "фильтров"
      Модуль 5. Продвинутые технологии HTML (XHTML) и CSS
      • Относительное и абсолютное позиционирование. Поведение дочерних элементов при позиционировании. Порядок наложения: свойство z-index. Примеры позиционирования: наложение блоков, закрепление "подвала" внизу страницы. Обрезка блока: свойство clip. Фиксированное позиционирование и в каких браузерах оно поддерживается.
      • Переполнение блока: свойство overflow. Особенности поддержки overflow в разных браузерах. Создание "фреймообразной" вёрстки с использованием overflow. Расширения IE: свойства overflow-x и overflow-y.
      • Внедрение внешних ресурсов: элемент object. Внедрение файлов HTML, создание "фреймообразной" вёрстки с использованием object. Внедрение роликов Flash в соответствии со стандартами Консорциума W3C. Внедрение векторной графики (SVG); предоставление альтернативного растрового изображения браузерам, которые не поддерживают этот формат.
      • Улучшение доступности форм. Элемент label. Атрибуты tabindex и accesskey. Особенности оформления форм средствами CSS.
      • Пиктограмма сайта (favicon). Формат ICO. Особенности поддержки пиктограммы в различных браузерах.
      • Особенности печати в различных браузерах. Разработка таблиц стилей для печати (print) и портативных устройств (handheld). Альтернативные таблицы стилей.
      • Использование элемента link для браузерной навигации. Поддержка браузерной навигации в различных браузерах
      Модуль 6. Специальные эффекты в HTML (XHTML) и CSS
      • Расширенные средства работы с текстом. Использование специальных знаков: ударения, переносы, неразрывные пробелы и дефисы. Свойство white-space.
      • Оформление текста в CSS. Промежуточная насыщенность (значение 600 для свойства font weight). Свойство text-transform. Свойства line-height и vertical-align. Оформление буквиц.
      • Особенности блочной модели в CSS. Использование отрицательных значений margin. Свойства min-width, min-height, max-width, max-height: их практическое применение и поддержка в браузерах.
      • "Фоновые" изображения в CSS. Характерные эффекты изображений в CSS: узоры и орнаменты, "масштабируемые" растровые изображения, красивые рамки, "подсветка" гиперссылок (rollover) и др. Сочетание изображений в CSS с элементом img, рамками и цветом фона CSS.
      • Особенности формата PNG. Эффектные примеры использования полупрозрачности (альфа-канала) в PNG (для IE 7, Firefox, Opera). Как обеспечить альтернативное изображение для IE 6.
      • Перспективы дальнейшего развития HTML (XHTML) и CSS. Стандарт CSS 3, примеры его частичной поддержки в существующих браузерах. Общее представление о XHTML 2.0. Дальнейшее существование HTML (XHTML) и CSS в контексте общего развития Интернета и веб-технологий
       
    18. Лютер

      Лютер Лютер БанЗабанен

      В прочем, в курсе все еще Html 4 и css2, что не совсем актуально. Дам не больше 200
       
    19. Коровьев

      Коровьев Коровьев БанЗабанен

      ничего страшного,
      по HTML5 у них где-то 5 курсов есть и все тут на складчике
       
    20. Лютер

      Лютер Лютер БанЗабанен

      Было бы страшно - не записывался бы )
       
    21. massena

      massena massena ЧКЧлен клуба

      Пожалуй запишусь. Готов отдать примерно 300-400 рублей.
      Третий раз слушать курс Петрова, который в паблике я уже не осилю, а подтянуть кое какие знания нужно.
       
    1. SvenSoft
      5/5,
      Спасибо организатору. Как всегда - все на высоте!
    2. elder
      5/5,
      il_blackoo мега орг! Как всегда бысто, очень качественно. без косяков.
Статус темы:
Закрыта.

Поделиться этой страницей