Специалист | HTML5 и CSS3 (Уровень 1,2,3) (2016) PCRec

Автор (режиссер): Специалист
Жанр: Верстка

Описание:
- HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3
- HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3
- HTML и CSS. Уровень 3. Продвинутые методологии и инструменты верстки

Преподаватели: Игорь Борисов, Валентин Гривцов, Сергей Алмазов

Продолжительность: 47:07:20
Качество видео: PCRec

Видео: AVC/H.264, 1024x768, ~120 kbps
Аудио: AAC, 2 ch, 122 kbps

Просмотр доступен только для зарегистрированных пользователей

HTML and CSS. Level 1. Creation of sites in HTML 5 and CSS 3

Планируете сделать веб-технологии своей профессией? Хотите создавать сайты? Работать верстальщиком, web-дизайнером, а может, интернет-маркетологом? У вас есть онлайн-проект, который Вы продвигаете сами? В любом случае, Вам не обойтись без знания HTMLи CSS – языков разметки веб-страниц и их внешнего оформления.

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

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

По окончании курса Вы будете уметь:

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

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

А еще во время обучения Вы узнаете, что важнее – дизайн или чёткая структура? И как спроектировать сайт таким образом, чтобы он успешно продвигался в дальнейшем?

Программа курса соответствует требованиям профессионального стандарта.

HTML и CSS. Level 2. Cross-browser development, usability fundamentals, HTML5 и CSS3

HTML и CSS — основные языки, с помощью которых разрабатываются веб-страницы. Формально HTML и CSS являются разными языками, но применяются в тесной связи друг с другом и на практике составляют единый комплекс технологий. Этот учебный курс даст вам представление о современных технологиях HTML и CSS, которые совместимы со стандартами Консорциума W3C и поддерживаются в браузерах, распространённых на сегодняшний день.

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

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

HTML and CSS. Level 3 Advanced methodologies and tools typesetting

На данном курсе вы научитесь работать с большим объемом кода, получите необходимое представление о том, как пишется быстрый, эффективный и качественный код HTML/CSS. Узнаете о возможностях использования 3D на страницах, а также о том, как можно быстро разрабатывать HTML-код. На курсе рассматриваются следующие технологии: Bower, WebComponents, OOCSS, Yandex.БЭМ, FlexBox, 3D, Parallax, Polymer. Курс поможет научиться культуре разработки кода, а также методологии, чтобы научиться грамотно структурировать информацию и закладывать прочный фундамент для больших сайтов.

Скриншоты:

Время раздачи: с 09:00 до 23:00 (до появления первых 3-5 скачавших)

5paun писал(а):

Я смотрел Тарасова изначально 2-ой уровень. Сейчас начал пересматривать с Алмазовым более свежее. А это 16 часов траты времени. Не говорите пожалуйста, что стоит пересмотреть ещё и с Гривцевым...))

Ну так... без труда не вытащить эту самую... рыбу... из пруда

5paun писал(а):

Я смотрел Тарасова изначально 2-ой уровень. Сейчас начал пересматривать с Алмазовым более свежее. А это 16 часов траты времени. Не говорите пожалуйста, что стоит пересмотреть ещё и с Гривцевым...))

А мы Вам говорить это не будем. Мы Вам об этом напишем

Товарищи, не подскажите, а есть ли новые (свежие) курсы от Игоря Борисова по Джава Скрипту, именно от 2016 года (самые свежие)?? Вроде как должны где-то быть оба уровня, но пока никак не могу нигде их найти... Буду благодарен за ссылочку, если вдруг кто-то владеет этой инфой... Заранее спасибо.

derini писал(а):

Опять уйма времени тратится на феймы, которые нафиг никому не здались триста лет..

Я уже задолбался тратить время на собеседование с самоучками и недоучками [ничего] не знающими о базе. Без iframe сегодня не работает практически ни одно коммерческое приложение которое хоть как то связанно с обработкой финансовых операций.

So1o писал(а):

derini писал(а):

Опять уйма времени тратится на феймы, которые нафиг никому не здались триста лет..

Я уже задолбался тратить время на собеседование с самоучками и недоучками [ничего] не знающими о базе. Без iframe сегодня не работает практически ни одно коммерческое приложение которое хоть как то связанно с обработкой финансовых операций.

а вместо iframe не лучше юзать Js и SPA?

So1o писал(а):

Без iframe сегодня не работает практически ни одно коммерческое приложение которое хоть как то связанно с обработкой финансовых операций.

А причем тут приложение по обработки финансовых операций, если здесь выложен обучающий курс по верстке сайтов? На сайтах ваш iframe зло, потому что Гугл за их использование понижает трастовость и понижает в выдаче, а Яндекс вообще не будет индексировать контент во фрейме и очень плохо индексирует страницы где они присутствуют.
Поэтому повторюсь, фреймы в верстке сайтов не нужны и вредны, и в JS достаточно возможностей чтобы в случае необходимости сделать все что нужно.

derini писал(а):

А причем тут приложение по обработки финансовых операций, если здесь выложен обучающий курс по верстке сайтов? На сайтах ваш iframe зло, потому что Гугл за их использование понижает трастовость и понижает в выдаче, а Яндекс вообще не будет индексировать контент во фрейме и очень плохо индексирует страницы где они присутствуют. Поэтому повторюсь, фреймы в верстке сайтов не нужны и вредны, и в JS достаточно возможностей чтобы в случае необходимости сделать все что нужно.

А что вы посоветуете относительно верхнего меню на сайте, в плане индексации Гугл и Яндекс? Можно ли использовать скриптовые решения при построении меню, или же лучше не увлекаться этим, а больше уделять внимания чистому HTML & CSS ?

Вот, например, я знаю что технология AJAX (асинхронное подгружение данных на страницу) не очень хорошо воспринимается поисковиками, индексируется в основном только статический контент сайта. Вот и с меню у меня возник вопрос к вам.

Можно ли использовать JavaScript технологии при построении верхнего и/или бокового навигационного меню на веб-сайте?... Или же лучше не увлекаться и обойтись теми же "хлебными крошками" и простым статическим меню с использованием только HTML & CSS ? Вопрос для меня очень актуален и критичный. И спросить особо не у кого... Буду вам очень благодарен за этот ответ !

goblin2016
У Тарасова можно спросить

goblin2016 писал(а):

derini писал(а):

А причем тут приложение по обработки финансовых операций, если здесь выложен обучающий курс по верстке сайтов? На сайтах ваш iframe зло, потому что Гугл за их использование понижает трастовость и понижает в выдаче, а Яндекс вообще не будет индексировать контент во фрейме и очень плохо индексирует страницы где они присутствуют. Поэтому повторюсь, фреймы в верстке сайтов не нужны и вредны, и в JS достаточно возможностей чтобы в случае необходимости сделать все что нужно.

А что вы посоветуете относительно верхнего меню на сайте, в плане индексации Гугл и Яндекс? Можно ли использовать скриптовые решения при построении меню, или же лучше не увлекаться этим, а больше уделять внимания чистому HTML & CSS ?

Вот, например, я знаю что технология AJAX (асинхронное подгружение данных на страницу) не очень хорошо воспринимается поисковиками, индексируется в основном только статический контент сайта. Вот и с меню у меня возник вопрос к вам.

Можно ли использовать JavaScript технологии при построении верхнего и/или бокового навигационного меню на веб-сайте?... Или же лучше не увлекаться и обойтись теми же "хлебными крошками" и простым статическим меню с использованием только HTML & CSS ? Вопрос для меня очень актуален и критичный. И спросить особо не у кого... Буду вам очень благодарен за этот ответ !

Так ведь менюшки это же не контент сайта, даже если поисковики их не закешируют - ничего особо страшного, а иногда даже в плюс. В плане СЕО хлебные крошки на все сто процентов решают проблему. Если же нет возможности использовать хлебные крошки, то идеальным решением будет использовать обычные ссылки, но подгружать контент ajax-ом, оставляя возможность получить контент по обычной ссылке для роботов. То есть изначально нужно разрабатывать по старинке, с обычными ссылками, layout-ом и view-шками, затем можно обработать все ссылки javascript-ом, навесить на них подгрузку контента через ajax используя ссылку из аттрибута href, тега a.

derini писал(а):

Так ведь менюшки это же не контент сайта, даже если поисковики их не закешируют - ничего особо страшного, а иногда даже в плюс. В плане СЕО хлебные крошки на все сто процентов решают проблему. Если же нет возможности использовать хлебные крошки, то идеальным решением будет использовать обычные ссылки, но подгружать контент ajax-ом, оставляя возможность получить контент по обычной ссылке для роботов. То есть изначально нужно разрабатывать по старинке, с обычными ссылками, layout-ом и view-шками, затем можно обработать все ссылки javascript-ом, навесить на них подгрузку контента через ajax используя ссылку из аттрибута href, тега a.

Вот-вот! Именно то, что я и предполагал.

Спасибо вам огромнейшее!

Чувствуется ответ мастера. Спасибо за то, что делитесь такой нужной и актуальной информацией. Ведь можно пересмотреть кучу курсов по СЕО, но по конкретному вопросу так и не получить ответ... Я полностью согласен, что при разработке веб-сайта изначально необходимо делать всю работу по старинке, обычным и привычным образом. Это гарантирует то, что поисковые роботы будут нормально воспринимать исходный код данного продукта. А уже затем "навесить" сверху прочие решения на AJAX, JavaScript, ect.

goblin2016
Lynda.com | HTML5 Структура, Синтаксис, и Семантика/HTML5: Structure, Syntax, and Semantics (2015) PCRec

nonameclaber

спасибо

Добрый вечер, друзья. Как я уже и говорил, если некоторые читали, на данный момент смотрю 2-ой уровень с Алмазовым (подумываю ещё, стоит ли пересматривать это же и с Гривцевым:)). Алмазов 2-ой уровень находится в другой раздаче, но т.к. эта более свежая и ещё крутится на виду, думаю больше привлечёт внимания для ответа. Так вот! Алмазов сказал, что на html можно писать приложения. Есть специальные программы, которые создают тебе оболочку для твоего кода. Некоторые текстовые редакторы написаны на html. И даже Steam на нём написан!! Вопрос в чём ? Актуально и перспективно ли это направление ? Может это легче, чем сайты делать ? Реально ли работу с таким навыком ? Хотя я вообще с Беларуси и у нас тут дела не так хорошо обстоят с вакансиями. По крайней мере я таких вакансий в своём городе ещё не видел. Или может это востребовано не фрилансе ?

Как вообще это смотреть можно? Никак не досмотрю 2 урок первой части... Просто, к примеру, 40 секунд лектор повествует, 2 минуты молчит и приходится пролистывать! Я канешн понимаю - в чате отвечает, ждёт пока в аудитории выполнят задания! Ну а так - очень даже на уровне

derini писал(а):

верстка флоатами. "Флоатами, Карл!"

Raven23 писал(а):

Простите уважаемые.
А что не так с вёрсткой float'ами?

Поддерживаю вопрос пользователя Raven23. И Продублирую, поскольку не было ответа на него: А что не так у Вас с вёрсткой float-ами, Ребят? ...