[Юрий Ключевский] Курс по обучению HTML5 CSS3 верстке сайтов с нуля до профи за 4 недели
Цена:
99
Рекомендации
![[Виталий Куликов] Как настроить супер-сложный шаблон (2013)](https://i4.storeland.net/2/8204/182033361/baec64/vitalij-kulikov-kak-nastroit-super-slozhnyj-shablon-2013.png "[Виталий Куликов] Как настроить супер-сложный шаблон (2013)")
![[Виктор Гавриленко] Joomla-Профессионал: создание расширений для Joomla](https://i3.storeland.net/2/8204/182033360/baec64/viktor-gavrilenko-joomla-professional-sozdanie-rasshirenij-dlya-joomla.png "[Виктор Гавриленко] Joomla-Профессионал: создание расширений для Joomla")
![[VideoScript] Как зарабатывать на создании денежных видео сайтов с нуля? (2019)](https://i1.storeland.net/2/8204/182033359/baec64/videoscript-kak-zarabatyvat-na-sozdanii-denezhnyh-video-sajtov-s-nulya-2019.png "[VideoScript] Как зарабатывать на создании денежных видео сайтов с нуля? (2019)")
![[VideoScript] Как зарабатывать на создании денежных видео сайтов с нуля. Версия 2.3 (2019)](https://i4.storeland.net/2/8204/182033358/baec64/videoscript-kak-zarabatyvat-na-sozdanii-denezhnyh-video-sajtov-s-nulya-versiya-2-3-2019.png "[VideoScript] Как зарабатывать на создании денежных видео сайтов с нуля. Версия 2.3 (2019)")
![[VideoScript] Как зарабатывать на создании денежных видео сайтов с нуля. Версия 2.0 (2019)](https://i4.storeland.net/2/8204/182033357/baec64/videoscript-kak-zarabatyvat-na-sozdanii-denezhnyh-video-sajtov-s-nulya-versiya-2-0-2019.png "[VideoScript] Как зарабатывать на создании денежных видео сайтов с нуля. Версия 2.0 (2019)")
![[Victorian] 4400 Векторных Изображений для создания сайта](https://i2.storeland.net/2/8204/182033356/baec64/victorian-4400-vektornyh-izobrazhenij-dlya-sozdaniya-sajta.png "[Victorian] 4400 Векторных Изображений для создания сайта")
![[Вера Таганова] Марафон по созданию сайтов на Tilda. Выжимка курса. Часть 2 (2019)](https://i2.storeland.net/2/8204/182033353/baec64/vera-taganova-marafon-po-sozdaniyu-sajtov-na-tilda-vyzhimka-kursa-chast-2-2019.png "[Вера Таганова] Марафон по созданию сайтов на Tilda. Выжимка курса. Часть 2 (2019)")
![[Вера Таганова] Марафон по созданию сайтов на Tilda. Выжимка курса. Часть 1 (2019)](https://i3.storeland.net/2/8204/182033352/baec64/vera-taganova-marafon-po-sozdaniyu-sajtov-na-tilda-vyzhimka-kursa-chast-1-2019.png "[Вера Таганова] Марафон по созданию сайтов на Tilda. Выжимка курса. Часть 1 (2019)")
![[Вера Таганова] Марафон по созданию сайтов на Tilda (2019)](https://i4.storeland.net/2/8204/182033351/baec64/vera-taganova-marafon-po-sozdaniyu-sajtov-na-tilda-2019.png "[Вера Таганова] Марафон по созданию сайтов на Tilda (2019)")
![[VebPage] Конструктор Сайтов](https://i3.storeland.net/2/8204/182033350/baec64/vebpage-konstruktor-sajtov.png "[VebPage] Конструктор Сайтов")
![[Vanilla] AJAX Portfolio HTML5 Template (2020)](https://i3.storeland.net/2/8204/182033349/baec64/vanilla-ajax-portfolio-html5-template-2020.png "[Vanilla] AJAX Portfolio HTML5 Template (2020)")
![[Вадим Сегеда] Интернет магазин на Wordpress](https://i1.storeland.net/2/8204/182033348/baec64/vadim-segeda-internet-magazin-na-wordpress.png "[Вадим Сегеда] Интернет магазин на Wordpress")
![[Вадим Прокопчук] Создание сайтов От 0 до 1 (2021)](https://i4.storeland.net/2/8204/182033347/baec64/vadim-prokopchuk-sozdanie-sajtov-ot-0-do-1-2021.png "[Вадим Прокопчук] Создание сайтов От 0 до 1 (2021)")
![[Юлия Литвина] Создание сайтов премиум класса в Adobe Muse](https://i2.storeland.net/2/8204/182033345/baec64/yuliya-litvina-sozdanie-sajtov-premium-klassa-v-adobe-muse.png "[Юлия Литвина] Создание сайтов премиум класса в Adobe Muse")
![[Юлия Литвина] Основы создания Landing Page на WordPress (2020)](https://i2.storeland.net/2/8204/182033344/baec64/yuliya-litvina-osnovy-sozdaniya-landing-page-na-wordpress-2020.png "[Юлия Литвина] Основы создания Landing Page на WordPress (2020)")
![[Udemy] WordPress с нуля до профессионала (2019)](https://i3.storeland.net/2/8204/182033342/baec64/udemy-wordpress-s-nulya-do-professionala-2019.png "[Udemy] WordPress с нуля до профессионала (2019)")
![[Тульчинский Иван] СекретныйСекрет – видео-курс по созданию сайта-лендинга](https://i4.storeland.net/2/8204/182033341/baec64/tulchinskij-ivan-sekretnyjsekret-video-kurs-po-sozdaniyu-sajta-lendinga.png "[Тульчинский Иван] СекретныйСекрет – видео-курс по созданию сайта-лендинга")
![[Тульчинский Иван] Курс по созданию landing page за 2 часа! Секретный Секрет](https://i1.storeland.net/2/8204/182033340/baec64/tulchinskij-ivan-kurs-po-sozdaniyu-landing-page-za-2-chasa-sekretnyj-sekret.png "[Тульчинский Иван] Курс по созданию landing page за 2 часа! Секретный Секрет")
![[trybuilder] SiteBuilder Lite - Drag&Drop конструктор сайтов + CMS](https://i4.storeland.net/2/8204/182033339/baec64/trybuilder-sitebuilder-lite-drag-drop-konstruktor-sajtov-cms.png "[trybuilder] SiteBuilder Lite - Drag&Drop конструктор сайтов + CMS")
![[Трошин Сергей] Видеосайты: новый уровень (2014)](https://i2.storeland.net/2/8204/182033338/baec64/troshin-sergej-videosajty-novyj-uroven-2014.png "[Трошин Сергей] Видеосайты: новый уровень (2014)")
![[traffik-3.0.videolla.ru] СОЗДАТЬ АВТО - НАПОЛНЯЕМЫЙ ВИДЕО САЙТ ДЛЯ ЗАРАБОТКА ПОД КЛЮЧ!](https://i2.storeland.net/2/8204/182033337/baec64/traffik-3-0-videolla-ru-sozdat-avto-napolnyaemyj-video-sajt-dlya-zarabotka-pod-klyuch.png "[traffik-3.0.videolla.ru] СОЗДАТЬ АВТО - НАПОЛНЯЕМЫЙ ВИДЕО САЙТ ДЛЯ ЗАРАБОТКА ПОД КЛЮЧ!")
![[top-bit] Автонаполняемый новостной финансовый сайт Крипто](https://i1.storeland.net/2/8204/182033336/baec64/top-bit-avtonapolnyaemyj-novostnoj-finansovyj-sajt-kripto.png "[top-bit] Автонаполняемый новостной финансовый сайт Крипто")
![[top-bit] Автонаполняемый новостной финансовый сайт Биткоин](https://i4.storeland.net/2/8204/182033335/baec64/top-bit-avtonapolnyaemyj-novostnoj-finansovyj-sajt-bitkoin.png "[top-bit] Автонаполняемый новостной финансовый сайт Биткоин")
![[Тим Ворон] ALPHA MAGIC SITE (2014)](https://i1.storeland.net/2/8204/182033334/baec64/tim-voron-alpha-magic-site-2014.png "[Тим Ворон] ALPHA MAGIC SITE (2014)")
![[TILDOSHNAYA.PRO] Дизайнер сайтов на Тильде (Выжимка курса) Блок 4](https://i2.storeland.net/2/8204/182033332/baec64/tildoshnaya-pro-dizajner-sajtov-na-tilde-vyzhimka-kursa-blok-4.png "[TILDOSHNAYA.PRO] Дизайнер сайтов на Тильде (Выжимка курса) Блок 4")
![[TILDOSHNAYA.PRO] Дизайнер сайтов на Тильде (Выжимка курса) Блок 3](https://i1.storeland.net/2/8204/182033331/baec64/tildoshnaya-pro-dizajner-sajtov-na-tilde-vyzhimka-kursa-blok-3.png "[TILDOSHNAYA.PRO] Дизайнер сайтов на Тильде (Выжимка курса) Блок 3")
![[TILDOSHNAYA.PRO] Дизайнер сайтов на Тильде (Выжимка курса) Блок 2](https://i4.storeland.net/2/8204/182033330/baec64/tildoshnaya-pro-dizajner-sajtov-na-tilde-vyzhimka-kursa-blok-2.png "[TILDOSHNAYA.PRO] Дизайнер сайтов на Тильде (Выжимка курса) Блок 2")
![[TILDOSHNAYA.PRO] Дизайнер сайтов на Тильде (Выжимка курса)](https://i4.storeland.net/2/8204/182033329/baec64/tildoshnaya-pro-dizajner-sajtov-na-tilde-vyzhimka-kursa.png "[TILDOSHNAYA.PRO] Дизайнер сайтов на Тильде (Выжимка курса)")
![[TILDOSHNAYA.PRO] Дизайнер сайтов на Тильде](https://i1.storeland.net/2/8204/182033328/baec64/tildoshnaya-pro-dizajner-sajtov-na-tilde.png "[TILDOSHNAYA.PRO] Дизайнер сайтов на Тильде")
![[Tilda school] Научитесь создавать сайты, лендинги и интернет-магазины на Тильде (2021)](https://i3.storeland.net/2/8204/182033327/baec64/tilda-school-nauchites-sozdavat-sajty-lendingi-i-internet-magaziny-na-tilde-2021.png "[Tilda school] Научитесь создавать сайты, лендинги и интернет-магазины на Тильде (2021)")
![[ThemeTags] Apdash - App Landing Page Template (2020)](https://i4.storeland.net/2/8204/182033326/baec64/themetags-apdash-app-landing-page-template-2020.png "[ThemeTags] Apdash - App Landing Page Template (2020)")
![[themeforest] [HTML] Классный Техно Магазин -Techno Store - Electronic eCommerce HTML](https://i2.storeland.net/2/8204/182033325/baec64/themeforest-html-klassnyj-tehno-magazin-techno-store-electronic-ecommerce-html.png "[themeforest] [HTML] Классный Техно Магазин -Techno Store - Electronic eCommerce HTML")
![[themeforest] WOW 2.1 - Landing Page + конструктор страниц (Drug & Drop)](https://i2.storeland.net/2/8204/182033324/baec64/themeforest-wow-2-1-landing-page-konstruktor-stranic-drug-drop.png "[themeforest] WOW 2.1 - Landing Page + конструктор страниц (Drug & Drop)")
![[ThemeForest] Weber v2.2 - конструктор лендингов на Boostrap 4](https://i1.storeland.net/2/8204/182033323/baec64/themeforest-weber-v2-2-konstruktor-lendingov-na-boostrap-4.png "[ThemeForest] Weber v2.2 - конструктор лендингов на Boostrap 4")
![[ThemeForest] Thumbsup v5.0](https://i4.storeland.net/2/8204/182033322/baec64/themeforest-thumbsup-v5-0.png "[ThemeForest] Thumbsup v5.0")
![[themeforest] Modulo | Responsive Email](https://i3.storeland.net/2/8204/182033321/baec64/themeforest-modulo-responsive-email.png "[themeforest] Modulo | Responsive Email")
![[themeforest] Kонструктор целевых страниц HTML5](https://i1.storeland.net/2/8204/182033320/baec64/themeforest-konstruktor-celevyh-stranic-html5.png "[themeforest] Kонструктор целевых страниц HTML5")
![[themeforest] Gum - Landing page set with page builder](https://i2.storeland.net/2/8204/182033319/baec64/themeforest-gum-landing-page-set-with-page-builder.png "[themeforest] Gum - Landing page set with page builder")
![[themeforest] Fastor - Multipurpose Shopify Sections-v4.5](https://i1.storeland.net/2/8204/182033318/baec64/themeforest-fastor-multipurpose-shopify-sections-v4-5.png "[themeforest] Fastor - Multipurpose Shopify Sections-v4.5")
![[Themeforest] eMarket - Multi-purpose MarketPlace OpenCart 3 Theme (25+ Homepages & Mobile Layouts Included)](https://i3.storeland.net/2/8204/182033317/baec64/themeforest-emarket-multi-purpose-marketplace-opencart-3-theme-25-homepages-mobile-layouts-included.png "[Themeforest] eMarket - Multi-purpose MarketPlace OpenCart 3 Theme (25+ Homepages & Mobile Layouts Included)")
![[themeforest] Bike Shop – HTML](https://i1.storeland.net/2/8204/182033316/baec64/themeforest-bike-shop-html.png "[themeforest] Bike Shop – HTML")
![[ThemeForest] All in One SEO Pack Pro v3.1.1 NULLED - SEO плагин WordPress](https://i4.storeland.net/2/8204/182033315/baec64/themeforest-all-in-one-seo-pack-pro-v3-1-1-nulled-seo-plagin-wordpress.png "[ThemeForest] All in One SEO Pack Pro v3.1.1 NULLED - SEO плагин WordPress")
![[TexTerra]Полное руководство по созданию сайтов на CMS. (2019)](https://i2.storeland.net/2/8204/182033313/baec64/texterra-polnoe-rukovodstvo-po-sozdaniyu-sajtov-na-cms-2019.png "[TexTerra]Полное руководство по созданию сайтов на CMS. (2019)")
![[Татьяна Городилова] Создание сайта с нуля (для рукодельниц)](https://i3.storeland.net/2/8204/182033312/baec64/tatyana-gorodilova-sozdanie-sajta-s-nulya-dlya-rukodelnic.png "[Татьяна Городилова] Создание сайта с нуля (для рукодельниц)")
![[С. Трошин] Прибыльные видеосайты под ключ](https://i1.storeland.net/2/8204/182033311/baec64/s-troshin-pribylnye-videosajty-pod-klyuch.png "[С. Трошин] Прибыльные видеосайты под ключ")
![[Свят Маслов] Юзабилити для инфобизнеса](https://i1.storeland.net/2/8204/182033310/baec64/svyat-maslov-yuzabiliti-dlya-infobiznesa.png "[Свят Маслов] Юзабилити для инфобизнеса")
![[Super-opt] Сайт за вечер 2.0 + Топ-100 сайтов на самые популярные товары года (2020)](https://i3.storeland.net/2/8204/182033309/baec64/super-opt-sajt-za-vecher-2-0-top-100-sajtov-na-samye-populyarnye-tovary-goda-2020.png "[Super-opt] Сайт за вечер 2.0 + Топ-100 сайтов на самые популярные товары года (2020)")
![[SuiseSoft] CiuisCRM](https://i1.storeland.net/2/8204/182033308/baec64/suisesoft-ciuiscrm.png "[SuiseSoft] CiuisCRM")
![[Стас Быков] Онлайн-Видеокурс «Создание сайта с нуля 2021» (2021)](https://i1.storeland.net/2/8204/182033306/baec64/stas-bykov-onlajn-videokurs-sozdanie-sajta-s-nulya-2021-2021.png "[Стас Быков] Онлайн-Видеокурс «Создание сайта с нуля 2021» (2021)")
![[StartUp] Школа Интернет-бизнеса для новичков](https://i2.storeland.net/2/8204/182033305/baec64/startup-shkola-internet-biznesa-dlya-novichkov.png "[StartUp] Школа Интернет-бизнеса для новичков")
![[StartMim] Готовые Модули 3.0 Интернет Магазин (2020)](https://i1.storeland.net/2/8204/182033304/baec64/startmim-gotovye-moduli-3-0-internet-magazin-2020.png "[StartMim] Готовые Модули 3.0 Интернет Магазин (2020)")
![[Специалист] Разработчик сайта на 1С Bitrix (комплексная программа) Включает 2 курса!](https://i2.storeland.net/2/8204/182033303/baec64/specialist-razrabotchik-sajta-na-1s-bitrix-kompleksnaya-programma-vklyuchaet-2-kursa.png "[Специалист] Разработчик сайта на 1С Bitrix (комплексная программа) Включает 2 курса!")
![[Специалист] MySQL 5. Проектирование и создание баз данных для web (2015)](https://i3.storeland.net/2/8204/182033302/baec64/specialist-mysql-5-proektirovanie-i-sozdanie-baz-dannyh-dlya-web-2015.png "[Специалист] MySQL 5. Проектирование и создание баз данных для web (2015)")
![[Специалист] М20480: Программирование в HTML5 с JavaScript и CSS3 (подготовка к 70-480)](https://i4.storeland.net/2/8204/182033301/baec64/specialist-m20480-programmirovanie-v-html5-s-javascript-i-css3-podgotovka-k-70-480.png "[Специалист] М20480: Программирование в HTML5 с JavaScript и CSS3 (подготовка к 70-480)")
![[Специалист] HTML и CSS. Уровень 1 + Уровень 2 (Верстальщик Web)](https://i1.storeland.net/2/8204/182033299/baec64/specialist-html-i-css-uroven-1-uroven-2-verstalshhik-web.png "[Специалист] HTML и CSS. Уровень 1 + Уровень 2 (Верстальщик Web)")
![[Специалист] Drupal. Уровень 2. Разработка модулеи? саи?та с нуля (2015)](https://i2.storeland.net/2/8204/182033298/baec64/specialist-drupal-uroven-2-razrabotka-modulei-sai-ta-s-nulya-2015.png "[Специалист] Drupal. Уровень 2. Разработка модулеи? саи?та с нуля (2015)")
![[Специалист] Drupal. Уровень 1. Администрирование и создание саи?тов (2015)](https://i1.storeland.net/2/8204/182033297/baec64/specialist-drupal-uroven-1-administrirovanie-i-sozdanie-sai-tov-2015.png "[Специалист] Drupal. Уровень 1. Администрирование и создание саи?тов (2015)")
![[Соколов Максим, Вьюков Антон] Webflow Мастер (2015)](https://i4.storeland.net/2/8204/182033296/baec64/sokolov-maksim-vyukov-anton-webflow-master-2015.png "[Соколов Максим, Вьюков Антон] Webflow Мастер (2015)")
![[СмотриУчись] Создание и продвижение Landing Page - (2018)](https://i3.storeland.net/2/8204/182033295/baec64/smotriuchis-sozdanie-i-prodvizhenie-landing-page-2018.png "[СмотриУчись] Создание и продвижение Landing Page - (2018)")
![[Smart] Пятый марафон по созданию сайтов (2015)](https://i1.storeland.net/2/8204/182033294/baec64/smart-pyatyj-marafon-po-sozdaniyu-sajtov-2015.png "[Smart] Пятый марафон по созданию сайтов (2015)")
Автор: Юрий Ключевский
Название: Курс по обучению HTML5 CSS3 верстке сайтов с нуля до профи за 4 недели
Никаких скучных теорий только необходимые практические навыки и стажировка
Программа курса 7 уроков за 21 день
Как работает интернет. Что такое сайт. Что представляет собой веб-страница. Виды сайтов. Процесс разработки сайта. Что такое гипертекст. Теги и атрибуты. Подготовка рабочего места. Простой пример HTML странички. Пример сложной веб-страницы. Горячие клавиши для перемещения по документам.
Практика
- Настройка рабочей среды.
Практика
- Создаем первую HTML страницу.
- Наполняем ее информацией.
Практика
- Подключаем стили к странице.
- Оформляем страницу с помощью CSS.
Практика
- Верстаем макет с помощью блоков.
- Учимся делать структуру страницы.
Практика
- Осваиваем блоки, позиционирование, обтекание.
- Используем сетку для верстки страницы.
Практика
- Работаем в Photoshop.
- Экспортируем графику для верстки.
Практика
- Тестируем верстку.
- Верстаем страницу с Bootstrap фреймворком.
Бонусные материалы
4 дополнительных урока
Способы ведения проекта и взаимодействие верстальщика с командой. Как подходить к поиску работы. Подготовка портфолио и составление резюме. Знакомимся с работой на фриланс биржах.
Практика
Практика
Практика
Практика
Практика
Практика
Так может выглядеть ваше резюме после обучения и стажировки.
Должность: HTML верстальщик
Ключевые навыки:
короткая выжимка о курсе
Прохождение курса
4 дополнительных урока
Способы ведения проекта и взаимодействие верстальщика с командой. Как подходить к поиску работы. Подготовка портфолио и составление резюме. Знакомимся с работой на фриланс биржах.
Практика
- Оформляем структуру проекта.
- Делаем портфолио и составляем резюме.
Практика
- Добавляем анимацию к странице.
- Делаем трансфорацию элементов.
Практика
- Внедряем инструменты для ускорения работы.
- Оптимизируем семантику страницы.
Практика
- Подключаем шрифты. Создаем спрайты.
- Подключаем модальные окна.
Практика
- Создаем галерею изображений. Делаем сортировку.
- Подключаем и оформляем слайдер.
Практика
- Учимся оформлять портфолио.
- Готовимся к собеседованию.
Так может выглядеть ваше резюме после обучения и стажировки.
Должность: HTML верстальщик
Ключевые навыки:
- Свободное владение HTML и CSS, а также знания JavaScript
- HTML5 и CSS3
- Кроссбраузерная верстка
- Оптимизация под мобильные устройства
- Опыт адаптивной вёрстки
- Умение разбираться в чужом коде
- Понимание основ юзабилити
короткая выжимка о курсе
Прохождение курса
- Месяц обучения и практической работы по курсу и бонусным материалам
- Верстка современных адаптивных сайтов во время обучения
- Выполнение домашних заданий с контролем, проверкой и индивидуальной обратной связью от преподавателя
- Видеозаписи всех занятий
- Презентации и методические пособия
- Обучающие видео
- Группа для общения с преподавателем и коллегами
- Практический опыт верстки современных веб-сайтов
- Навыки работы над реальными проектами
- Семантическая верстка
- Верстка сайтов для мобильных устройств (адаптивная и отзывчивая верстка)
- Использование современных HTML/CSS фреймворков, JS плагинов и библиотек
- HTML5 разметка
- CSS3 таблицы стилей
- Блочная модель верстки
- Работа с сетками
- LESS препроцессор для CSS
- Адаптивная верстка макета
- Bootstrap фреймворк (ex. Twitter Bootstrap)
- Agile методология разработки
- Работа с Sublime Text и Brackets
- Работа с Photoshop с PSD макетом
- Подключение и настройка jquery плагинов: карусель, лайтбокс, сортировка, модальные окна
Подробнее:
Скачать: