Автор |
Сообщение |
Инкогнито ®
Стаж: 13 лет 7 мес.
Сообщений: 34
Ratio: 24.947
Раздал: 2.543 TB
Поблагодарили: 4618
100%
Откуда: Россия
|
Специалист | HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3 (2014) PCRec
Автор (режиссер): Специалист Жанр: Web - дизайн Продолжительность: 24:00:00 Качество видео: PCRec Видеокодек: AVC/H.264 Битрейт видео: ~15fps 69kbps Размер кадра: 912x672 Аудиокодек: AAC Битрейт аудио: 44100Hz stereo 64kbps Описание:HTML и CSS — основные языки, с помощью которых разрабатываются веб-страницы. Формально HTML и CSS являются разными языками, но применяются в тесной связи друг с другом и на практике составляют единый комплекс технологий. Этот учебный курс даст вам представление о современных технологиях HTML и CSS, которые совместимы со стандартами Консорциума W3C и поддерживаются в браузерах, распространённых на сегодняшний день. Рассматриваются продвинутые технологии вёрстки веб-страниц и специальные эффекты, в том числе с использованием абсолютного и относительного позиционирования, переполнения и обрезки блоков, внедрённых объектов, изображений в CSS. Также рассматриваются вопросы профессиональной разработки кода: настройка инструментов разработки, организация технического процесса, разработка технических требований, проектирование макетов, тестирование и контроль качества веб-страниц. Курс предназначен для веб-мастеров, начинающих верстальщиков, редакторов кода, веб-дизайнеров, веб-программистов, оптимизаторов. По окончании курса Вы будете уметь:- Cамостоятельно выбирать программные средства разработки в соответствии со своими задачами
- Грамотно проектировать веб-страницы и эффективно организовывать разработку кода
- Разрабатывать код HTML и CSS в соответствии со стандартами Консорциума W3C
- Создавать веб-страницы в соответствии с основными принципами практичности (usability) и доступности (accessibility) для пользователей
- Разрабатывать веб-страницы, совместимые с распространёнными браузерами: Internet Explorer 6 и выше, Firefox, Opera 7 и выше
- Верстать веб-страницы с применением современных технологий HTML и CSS: бестабличная и комбинированная вёрстка, абсолютное и относительное позиционирование, переполнение и обрезка блоков, внедрение внешних объектов, изображения в CSS
- Оптимизировать веб-страницы для печати и для просмотра на наладонных устройствах
- Тестировать веб-страницы, выполнять контроль качества
Модуль 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.
Общее Полное имя : 1_1.mp4 Формат : MPEG-4 Профиль формата : Base Media / Version 2 Идентификатор кодека : mp42 Размер файла : 60,0 Мбайт Режим общего битрейта : Переменный Общий поток : 138 Кбит/сек Видео Идентификатор : 1 Формат : AVC Формат/Информация : Advanced Video Codec Профиль формата : High@L3.1Параметр CABAC формата : Да Параметр ReFrames формата : 4 кадра Идентификатор кодека : avc1 Идентификатор кодека/Информация : Advanced Video Coding Продолжительность : 1 ч. 0 м. Продолжительность оригинала : 1 ч. 0 м. Битрейт : 70,0 Кбит/сек Ширина : 912 пикселей Высота : 672 пикселя Соотношение сторон : 4:3 Режим частоты кадров : Переменный Частота кадров : 15,000 кадров/сек Минимальная частота кадров : 15,000 кадров/сек Максимальная частота кадров : 15,003 кадров/сек Цветовое пространство : YUV Субдискретизация насыщенности : 4:2:0 Битовая глубина : 8 бит Тип развёртки : Прогрессивная Бит/(Пиксели*Кадры) : 0.008 Размер потока : 30,3 Мбайт (51%) Размер потока оригинала : 30,3 Мбайт (51%) Библиотека кодирования : x264 core 125 r2200 999b753 Настройки программы : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x3:0x113 / me=hex / subme=7 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=6 / lookahead_threads=1 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=250 / keyint_min=15 / scenecut=40 / intra_refresh=0 / rc_lookahead=40 / rc=2pass / mbtree=1 / bitrate=70 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / cplxblur=20.0 / qblur=0.5 / ip_ratio=1.40 / aq=1:1.00 Язык : English mdhd_Duration : 3634130 Аудио Идентификатор : 2 Формат : AAC Формат/Информация : Advanced Audio Codec Профиль формата : LC Идентификатор кодека : 40 Продолжительность : 1 ч. 0 м. Вид битрейта : Переменный Битрейт : 64,0 Кбит/сек Каналы : 2 канала Расположение каналов : Front: L R Частота : 44,1 КГц Метод сжатия : С потерями Размер потока : 27,7 Мбайт (46%) Язык : English
Время раздачи: Ежедневно с 15:00 до 21:00 |
|
|
|
|
ip-hello
Стаж: 11 лет 4 мес.
Сообщений: 2
Ratio: 3.355
0%
|
Ребятушки, всем настоятельно рекомендую просмотр на небольшом ускорении (этот курс смотрю на ускоренном просмотре х1.33 в VLC плеер, там есть пункт воспроизвести и ползунок) --- Эту фишку узнал у знакомого разработчика, он в свое время много курсов просмотрел так, небольшое ускорение создает более позитивную речь рассказчика(это такой микро плюс). а еще, я посчитал, получается экономия времени(этот курс не 24, а 18 часов по длительности) Обычно комментарии не пишу, а тут особенно захотелось написать, поскольку до этого было много комментов с отрицательными отзывами- мол тягомутно итд. В итоге скачал 2 уровень и от 10-го года и этот. начал от 10-го, но там файлы не были прикреплены и после просмотра 2ух часов, решил этот все же глянуть. а поскольку ускорение при просмотре курсов для меня-обычное дело, не понял сразу, почему жаловались на растянутость, ну и конечно в и тоге сообразил, поставив на обычную скорость воспроизведения и сравнив. в обычной скорости произведения- смотреть сложновато, а при таком способе(скорость воспроизведения можете поставить под себя, главное чтобы слова и смысл воспринимались) воспринимается круто так что vlc плеер-> воспроизведение-> скорость воспроизведения.. ..и будет вам счастья Посколько вообще негатив по поводу замедленного воспроизведения лектором курса меня не коснулся, скажу, что мне(вопреки всем моим опаскам), оч нравится курс(видимо удачно прикрыл слабые места видео путем ускоренния проигрывания) кароч- этот курс с эффектом ускоренного просмотра -не хуже Борисова 1lvl (самособой ИМХО) (буду смотреть дальше, если возникнет ощущение, что был не прав и обманул- напишу обязательно опровержение ) Дерзайте, друзья! |
|
|
|
ip-hello
Стаж: 11 лет 4 мес.
Сообщений: 2
Ratio: 3.355
0%
|
По ходу дальнейшего просмотра курса, возникло все же ощущение, что обманул(( Поскольку часто пользовался при просмотре перемоткой(оч много пустых или ненужных моментов: лектор отошел или происходит обсуждение чего-то неинформативного) Так что в общем так: принимайте свое решение- смотреть или нет, но я всеж добью курс, а так же приметил курсы html академии |
|
|
|
Roketsl
Стаж: 11 лет 5 мес.
Сообщений: 22
Ratio: 0.634
0%
|
Что посоветуйте посмотрел после уровня 1 от Специалиста и до уровня 3? Судя по комментам этот уровень для новичков не рекомендуется смотреть( |
|
|
|
kolyan1982
Стаж: 10 лет
Сообщений: 138
Ratio: 51.519
Поблагодарили: 333
100%
|
Roketsl писал(а): | Что посоветуйте посмотрел после уровня 1 от Специалиста и до уровня 3? Судя по комментам этот уровень для новичков не рекомендуется смотреть( |
Мои советы теперь меньше смотри теорию , а смотри и делай какую нибудь практику!!! и во время практики смотри специалиста 2 уровень за 2011 , только уже не вникай в IE6 , БОЛЬШЕ ПРАКТИКУЙСЯ!!! |
|
|
|
goblin2013
Стаж: 10 лет 9 мес.
Сообщений: 167
Ratio: 0.23
27.51%
|
kolyan1982 писал(а): | Roketsl писал(а): | Что посоветуйте посмотрел после уровня 1 от Специалиста и до уровня 3? Судя по комментам этот уровень для новичков не рекомендуется смотреть( |
Мои советы теперь меньше смотри теорию , а смотри и делай какую нибудь практику!!! и во время практики смотри специалиста 2 уровень за 2011 , только уже не вникай в IE6 , БОЛЬШЕ ПРАКТИКУЙСЯ!!! |
Золотые слова, поддерживаю полностью! |
|
|
|
Kenzo80
Стаж: 10 лет 1 мес.
Сообщений: 310
Ratio: 2.306
100%
|
Тарасов отвратный преподаватель. После первого курса от божественного И.Борисова, от этого блевать тянет. Мерзкий голос, петросянский юмор, не знает даже минимально английский. Нудный ботан. |
|
|
|
makerdream
Стаж: 14 лет 1 мес.
Сообщений: 122
Ratio: 11.18
23.94%
|
прочитал комменты - поднял настроение. Помню перые коменты про Борисова на известном трекере тоже были в таком стиле |
|
|
|
goblin2013
Стаж: 10 лет 9 мес.
Сообщений: 167
Ratio: 0.23
27.51%
|
Коллеги, я внимательно проработал данный курс... Что хочу сказать по его завершении. Курс мне не понравился. Преподаватель очень мало уделял внимания именно вопросу практики верстки сайта, даже Евгений Петров в старом курсе от 2010 года больше внимания уделил верстке реального макета сайта, точнее всё последнее занятие он именно верстал макет!
Этот же преподаватель не показал аудитории реальную кросс-браузерную верстку, что не очень хорошо. Да, Тарасов несколько раз извинялся перед слушателями за то, что у него сегодня "совсем не варит голова", что он "забыл" материал. Но я считаю, что преподаватель подобного уровня не должен забывать материал лекции.
Как итог, именно из этого курса я почерпнул мало нового для себя, тем не менее, курс стоит посмотреть. Возможно, кто-то извлечет больше пользы из него, попросту у меня уже сейчас достаточно высокий уровень знаний по верстке, потому тут каждый решает сам для себя (индивидуально). Удачи всем нам в обучении! |
|
|
|
starovoyt107
Стаж: 8 лет 5 мес.
Сообщений: 288
Ratio: 7.263
100%
|
Отличный курс, но тупизм абитуриентов просто зашкаливает. На вопросы лектора по первому курсу отвечают ахинею, а задают вопросы - еще хуже) Складывается ощущение, что инстаграмщики-контактеры-селфиманы-хипстеры решили освоить "модную профессию" и за папкины деньги полезли на курсы...)
UPD придётся взять слова обратно по поводу "отличного" курса... Ибо курс ниочем, лучше бы его читал Борисов. |
|
|
|
goblin2013
Стаж: 10 лет 9 мес.
Сообщений: 167
Ratio: 0.23
27.51%
|
starovoyt107 писал(а): | UPD придётся взять слова обратно по поводу "отличного" курса... Ибо курс ниочем, лучше бы его читал Борисов.
|
Согласен на 100 % Жаль, что уровень преподавателя "так-себе", на троечку. Тут как повезет с преподавателем... |
|
|
|
rotic555
Стаж: 11 лет 7 мес.
Сообщений: 1
Ratio: 1021.04
0%
|
БРО сделай такой же только на программирование приложений под андроид и ios и цены не будет!)))))))) |
|
|
|
sumarica
Стаж: 8 лет 9 мес.
Сообщений: 1
Ratio: 0.014
100%
|
Спасибо Вам) Привет из Сербии!!! Спасибо снова!) |
|
|
|
sputnic1437
Стаж: 14 лет 10 мес.
Сообщений: 59
Ratio: 15.189
0%
|
А у кого то есть рабочая тетрадь (как в первом уровне)... поделитесь - вещь очень удобная |
|
|
|
sputnic1437
Стаж: 14 лет 10 мес.
Сообщений: 59
Ratio: 15.189
0%
|
Да и многих доп. материалов включая и домашнее задание в раздаче нет.... Приходится тупо вылавливать кусочки кода с видео и набивать его |
|
|
|
|
|
|