HTML и CSS

Олег Касьянов

Сайт организатора

Олег Касьянов — опытный веб-мастер

Интернет-маркетолог
Основатель проекта JoomlaTown.net
Автор обучающих видеокурсов и книг
Опыт веб-разработки с 2009 года

Ведет свою рассылку, блог и проект JoomlaTown.net, всегда помогает своим подписчикам и клиентам.

Что вы сможете после прохождения курса:

При подготовке.

Разбираться в PSD макете (исходник PhotoShop)
Вырезать нужные изображения из PSD макета
Находить красивые дизайны лендинг пейдж и сайтов
Проектировать блоки и этапы вёрстки
Объединять иконки в CSS спрайты
Работать с программой PhpDesigner

В плане верстки.

Подключать красивые шрифты из хранилища Google
Эффективно использовать псевдоклассы
Адаптировать сайт под все мобильные устройства
Использовать 2 и более фона для блока, анимацию, трансформацию, RGBA и т.д.
Работать с @media запросами
Вставлять интерактивные карты Яндекса
Создавать CSS спрайты и ускорять загрузку страницы
Использовать заранее продуманные стили (по аналогии с фреймворками, типа Bootstrap)

0.0

Общая оценка

0.0

Программа обучения

0.0

Уровень организации

0.0

Подача материала

Код для встраивания

Нет отзывов. Напишите отзыв первым!

Комментарии

Нет комментариев. Ваш будет первым!

Войдите или зарегистрируйтесь чтобы добавлять комментарии

{"config":{"policyVersion":"","policyUrl":"","currentVersion":"","showAllVersions":1,"versionsUrl":"/litcookie/versions","uiMode":"banner","uiPosition":"full_bottom","uiModalBlur":1,"title":"Файлы cookies","shortDescription":"","text":"\u003Cp\u003EДля корректной работы сайта и вашего удобства мы используем файлы cookie. Нажимая «Принять», вы даёте согласие на обработку файлов cookie в соответствии с\u0026nbsp;\u003Ca href=\u0022/pdn.html\u0022 target=\u0022_blank\u0022\u003EПолитикой обработки файлов cookie.\u003C/a\u003E\u003C/p\u003E","btnAcceptAll":"Принять все","btnReject":"Отклонить","btnSettings":"Настроить","btnSave":"Сохранить","showReject":1,"showSettings":1,"showAccept":1,"showSave":1,"showConsentLevel":1,"headMediaType":"icon","headIcon":"solid:shield-alt","headImage":null,"headImagePreset":"original","showPrivacyBlock":1,"privacyText":"","repeatDays":180,"closeWithoutChoice":"show_again","closeRepeatMinutes":60,"guestStorage":"both","consentMode":"explicit","reaskOnPolicyChange":1,"integrationBlockBeforeConsent":1,"integrationLoadAfterConsent":1,"integrationApplyAnalytics":1,"integrationApplyAds":1,"integrationApplyFunctional":1,"categories":[{"id":1,"key":"cid_1","icon":"1","title":"Технические (обязательные) cookie-файлы","is_required":1,"default_on":1,"integration_type":"functional","short_description":"Данный тип cookie-файлов требуется для обеспечения функционирования сайта и не подлежит отключению.","description":"\u003Cp\u003EДанный тип cookie-файлов требуется для обеспечения функционирования сайта и не подлежит отключению. Эти сookie-файлы не сохраняют какую-либо информацию о пользователе, которая может быть использована в маркетинговых целях или для учета посещаемых сайтов в сети Интернет.\u003C/p\u003E"},{"id":2,"key":"cid_2","icon":"1","title":"Аналитические cookie-файлы","is_required":0,"default_on":0,"integration_type":"analytics","short_description":"Данные cookie-файлы необходимы в статистических целях","description":"\u003Cp\u003EДанные cookie-файлы необходимы в статистических целях, позволяют подсчитывать количество и длительность посещений Сайта, анализировать как посетители используют Сайт, что помогает улучшать его производительность и сделать более удобным для использования. Запретить хранение данного типа cookie-файлов можно непосредственно на интернет-сайте либо в настройках браузера.\u003C/p\u003E"},{"id":3,"key":"cid_3","icon":"1","title":"Рекламные cookie-файлы","is_required":0,"default_on":0,"integration_type":"ads","short_description":"Рекламные cookie-файлы используются для целей маркетинга","description":"\u003Cp\u003EРекламные cookie-файлы используются для целей маркетинга и улучшения качества рекламы (предоставление более актуального и подходящего контента и персонализированного рекламного материала). Запретить хранение данного типа cookie-файлов можно непосредственно на Сайте либо в настройках браузера.\u003C/p\u003E"}],"analyticsProviders":[{"id":1,"provider_key":"custom_1","title":"Аналитика","description":"","category_id":2,"is_enabled":1,"block_selectors":[],"script_code":"\u003C!-- Yandex.Metrika counter --\u003E\r\n\u003Cscript type=\u0022text/javascript\u0022 \u003E\r\n   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};\r\n   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})\r\n   (window, document, \u0022script\u0022, \u0022https://mc.yandex.ru/metrika/tag.js\u0022, \u0022ym\u0022);\r\n\r\n   ym(74871979, \u0022init\u0022, {\r\n        clickmap:true,\r\n        trackLinks:true,\r\n        accurateTrackBounce:true,\r\n        webvisor:true\r\n   });\r\n\u003C/script\u003E\r\n\u003Cnoscript\u003E\u003Cdiv\u003E\u003Cimg src=\u0022https://mc.yandex.ru/watch/74871979\u0022 style=\u0022position:absolute; left:-9999px;\u0022 alt=\u0022\u0022 /\u003E\u003C/div\u003E\u003C/noscript\u003E\r\n\u003C!-- /Yandex.Metrika counter --\u003E\r\n\r\n\u003C!-- Top.Mail.Ru counter --\u003E\r\n\u003Cscript type=\u0022text/javascript\u0022\u003E\r\nvar _tmr = window._tmr || (window._tmr = []);\r\n_tmr.push({id: \u00223307576\u0022, type: \u0022pageView\u0022, start: (new Date()).getTime()});\r\n(function (d, w, id) {\r\n  if (d.getElementById(id)) return;\r\n  var ts = d.createElement(\u0022script\u0022); ts.type = \u0022text/javascript\u0022; ts.async = true; ts.id = id;\r\n  ts.src = \u0022https://top-fwz1.mail.ru/js/code.js\u0022;\r\n  var f = function () {var s = d.getElementsByTagName(\u0022script\u0022)[0]; s.parentNode.insertBefore(ts, s);};\r\n  if (w.opera == \u0022[object Opera]\u0022) { d.addEventListener(\u0022DOMContentLoaded\u0022, f, false); } else { f(); }\r\n})(document, window, \u0022tmr-code\u0022);\r\n\u003C/script\u003E\r\n\u003Cnoscript\u003E\u003Cdiv\u003E\u003Cimg src=\u0022https://top-fwz1.mail.ru/counter?id=3307576;js=na\u0022 style=\u0022position:absolute;left:-9999px;\u0022 alt=\u0022Top.Mail.Ru\u0022 /\u003E\u003C/div\u003E\u003C/noscript\u003E\r\n\u003C!-- /Top.Mail.Ru counter --\u003E\r\n\u003Cscript\u003E\r\n        setTimeout(function t(){\r\n            $.get(\u0027/\u0027);\r\n            setTimeout(t,300000000);\r\n        },300000000);\r\n\u003C/script\u003E\r\n\r\n\u003Cscript\u003E(function(){try{var u=window.location.href;var i=new Image();i.src=\u0027https://app.marketorro.ru/track/5482?url=\u0027+encodeURIComponent(u)+\u0027\u0026_=\u0027+Date.now();}catch(e){}})();\u003C/script\u003E"}],"adsProviders":[],"functionalProviders":[],"providersByCat":{"2":[{"id":1,"provider_key":"custom_1","title":"Аналитика","description":"","category_id":2,"is_enabled":1,"block_selectors":[],"script_code":"\u003C!-- Yandex.Metrika counter --\u003E\r\n\u003Cscript type=\u0022text/javascript\u0022 \u003E\r\n   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};\r\n   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})\r\n   (window, document, \u0022script\u0022, \u0022https://mc.yandex.ru/metrika/tag.js\u0022, \u0022ym\u0022);\r\n\r\n   ym(74871979, \u0022init\u0022, {\r\n        clickmap:true,\r\n        trackLinks:true,\r\n        accurateTrackBounce:true,\r\n        webvisor:true\r\n   });\r\n\u003C/script\u003E\r\n\u003Cnoscript\u003E\u003Cdiv\u003E\u003Cimg src=\u0022https://mc.yandex.ru/watch/74871979\u0022 style=\u0022position:absolute; left:-9999px;\u0022 alt=\u0022\u0022 /\u003E\u003C/div\u003E\u003C/noscript\u003E\r\n\u003C!-- /Yandex.Metrika counter --\u003E\r\n\r\n\u003C!-- Top.Mail.Ru counter --\u003E\r\n\u003Cscript type=\u0022text/javascript\u0022\u003E\r\nvar _tmr = window._tmr || (window._tmr = []);\r\n_tmr.push({id: \u00223307576\u0022, type: \u0022pageView\u0022, start: (new Date()).getTime()});\r\n(function (d, w, id) {\r\n  if (d.getElementById(id)) return;\r\n  var ts = d.createElement(\u0022script\u0022); ts.type = \u0022text/javascript\u0022; ts.async = true; ts.id = id;\r\n  ts.src = \u0022https://top-fwz1.mail.ru/js/code.js\u0022;\r\n  var f = function () {var s = d.getElementsByTagName(\u0022script\u0022)[0]; s.parentNode.insertBefore(ts, s);};\r\n  if (w.opera == \u0022[object Opera]\u0022) { d.addEventListener(\u0022DOMContentLoaded\u0022, f, false); } else { f(); }\r\n})(document, window, \u0022tmr-code\u0022);\r\n\u003C/script\u003E\r\n\u003Cnoscript\u003E\u003Cdiv\u003E\u003Cimg src=\u0022https://top-fwz1.mail.ru/counter?id=3307576;js=na\u0022 style=\u0022position:absolute;left:-9999px;\u0022 alt=\u0022Top.Mail.Ru\u0022 /\u003E\u003C/div\u003E\u003C/noscript\u003E\r\n\u003C!-- /Top.Mail.Ru counter --\u003E\r\n\u003Cscript\u003E\r\n        setTimeout(function t(){\r\n            $.get(\u0027/\u0027);\r\n            setTimeout(t,300000000);\r\n        },300000000);\r\n\u003C/script\u003E\r\n\r\n\u003Cscript\u003E(function(){try{var u=window.location.href;var i=new Image();i.src=\u0027https://app.marketorro.ru/track/5482?url=\u0027+encodeURIComponent(u)+\u0027\u0026_=\u0027+Date.now();}catch(e){}})();\u003C/script\u003E"}]},"userState":[],"userProviderState":[],"syncUser":1,"isLogged":0,"userHasState":0,"userId":0,"showWidget":0,"widgetPosition":"bottom_right","widgetIcon":"solid:shield-alt"},"saveUrl":"/litcookie/save","consentKey":"g:cacf408cecf53db6750e5a7cf802b5a5fabe5269","sessionKey":"d2975112015e684149f0fb51d0f3c515","cookieName":"litcookie_consent"}