Верстка с нуля: Верстка сайта — создание сайтов с нуля, курс обучения верстки на itProger

Рейтинг курсов — Верстка с нуля, платные и бесплатные

На этой странице вы можете выбрать курсы по фильтрам: категории — навыки, формат и школы
Сортировать по: названию / рейтингу NPS / стоимости / скидке / длительности.
Что такое рейтинг NPS

Бесплатные курсы

Курсы	Школы	Формат	NPS (?)	Стоимость	Ссылка
HTML/CSS	Otus	онлайн обучение стажировка студенческий чат практики трудоустройство наставничество домашние задания . ..	NPS: 92	Бесплатно	Курс на otus.ru
Основы верстки сайта	Нетология	онлайн вебинары онлайн обучение наставничество практики стажировка студенческий чат трудоустройство . ..	NPS: 23	Бесплатно	Курс на netology.ru

Топ лучших курсов

онлайн обучение домашние задания практики стажировка студенческий чат трудоустройство курсы наставничество

NPS^(?): 100

Профессиональная вёрстка

I четверть. GeekUniversity

11970 руб

Предложить цену

Верстка Программирование

Чему вы научитесь

Работать с HTML5 & CSS3.

Верстать адаптивные сайты.

Использовать принципы валидной кроссбраузерной верстки на практике.

Работать с препроцессорами LESS & SASS.

Применять Bootstrap.

Позиционировать элементы с использованием Flexbox.

онлайн обучение стажировка студенческий чат практики трудоустройство наставничество домашние задания

NPS^(?): 92

онлайн обучение стажировка студенческий чат практики трудоустройство наставничество домашние задания

NPS^(?): 92

онлайн обучение домашние задания практики стажировка студенческий чат трудоустройство курсы наставничество

NPS^(?): 90

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

NPS^(?): 80

InDesign. Техника работы

Курс об особенностях работы в программе верстки InDesign. О том, как настроить комфортную среду, автоматизировать часть процессов, устранить стресс внесения правок и переложить на программу рутинные процессы, освободив силы для продумывания макетов и методов улучшения качества и скорости работы.

21250 руб 25000 руб

Скидка 3750 руб   -15%

Рассрочка: 3541 руб на 10 месяцев

7 нед

26 занятий

Предложить цену

Верстка InDesign

Кому подойдет этот курс

Начинающим верстальщикам и дизайнерам

которые занимаются версткой многостраничных изданий, а также тем, кто стремится к быстрой и комфортной работе в программе InDesign

Чему вы научитесь

разберетесь, как настраивать программу, чтобы не тратить внимание и время на лишние элементы;

познакомитесь с принципами работы в одном текстовом фрейме;

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

узнаете, как при помощи регулярных выражений менять блоки текста внутри макета;

попробуете оформлять макеты, используя только xml-таблицы.

онлайн обучение студенческий чат практики стажировка домашние задания

NPS^(?): 77

Основы вёрстки контента

План обучения / Уроки

3900 руб / месяц

16 ч

Предложить цену

Веб разработка Верстка

Чему вы научитесь

Правильно размечать текст, списки, таблицы и медиаэлементы.

Создавать таблицы.

Обращаться к элементам используя широкие возможности селекторов.

Адаптировать страницы для людей с ограниченными возможностями.

Использовать возможности CSS Columns.

Подключать шрифты и правильно их использовать.

онлайн обучение практики наставничество

NPS^(?): 64

HTML и CSS. Адаптивная вёрстка и автоматизация

Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.

23900 руб

Рассрочка: 3980 руб на 6 месяцев

2 мес

Предложить цену

Верстка

онлайн обучение практики наставничество

NPS^(?): 50

HTML и CSS. Профессиональная вёрстка сайтов

Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.

15900 руб

Рассрочка: 2650 руб на 6 месяцев

2 мес

Верстка Figma

онлайн обучение домашние задания наставничество практики стажировка студенческий чат трудоустройство видеолекции

NPS^(?): 33

Веб-вёрстка

Вы познакомитесь со стандартами Web 2.0, научитесь работать с макетами и форматировать код, освоите адаптивную верстку, а по итогу — сможете создавать быстрые и удобные сайты, которые точно понравятся пользователям.

35602 руб 54772 руб

Скидка 19170 руб   -34%

Рассрочка: 5934 руб на 12 месяцев

4 мес

Предложить цену

Верстка

Кому подойдет этот курс

Новичкам в разработке

Вы поймёте назначение основных тегов HTML, сможете стилизовать и размещать элементы с помощью CSS и сверстаете свой первый макет.

Начинающим верстальщикам

Вы расширите знания об HTML-разметке и CSS-технологиях, научитесь создавать интерактивные сайты на JavaScript и работать с системой контроля версий Git, пополните портфолио новыми проектами и сможете зарабатывать больше.

Фрилансерам

Вы освоите базовые принципы веб-вёрстки и поймете, как работать с макетами, а по итогу станете универсальным специалистом и сможете создавать сайты для клиентов без привлечения подрядчиков.

Чему вы научитесь

Блочная, резиновая и адаптивная верстка

Верстка интернет-магазина

Работа с системой контроля версий Git

Проверка сайта на доступность

Основы CSS, HTML и JavaScript

Тестирование и исправление браузерных несовместимостей

Работа с современными инструментами

онлайн обучение домашние задания наставничество практики стажировка студенческий чат трудоустройство видеолекции

NPS^(?): 33

Веб-разработчик с нуля до PRO

Вы научитесь верстать сайты на HTML и CSS, изучите JavaScript, сможете разрабатывать на PHP серверную часть сайта и сделаете первые проекты для портфолио.

85296 руб 113728 руб

Скидка 28432 руб   -25%

Рассрочка: 7108 руб на 12 месяцев

9 мес

Предложить цену

Программирование Веб разработка PHP разработка Верстка Javascript разработка

Кому подойдет этот курс

Новичкам в веб-разработке

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

Начинающим разработчикам

Вы прокачаете навыки программирования на JavaScript и PHP и расширите круг своих компетенций.

IT-специалистам

Вы сможете создавать проекты на JavaScript, программировать на PHP и верстать. Научитесь основам менеджмента и работе в команде по методике Scrum.

Чему вы научитесь

Качественной верстке сайтов

Узнаете, как разрабатывать сайты с помощью HTML и CSS для всех актуальных версий браузеров и платформ.

Разработке интерактивных сайтов

Научитесь делать сложную анимацию, слайдеры, попап-окна, выпадающее меню с помощью JavaScript.

Программированию на PHP

Сможете создавать сайты и веб-приложения повышенной сложности, обрабатывать пользовательские функции и работать с файлами.

онлайн обучение домашние задания наставничество практики стажировка студенческий чат трудоустройство видеолекции

NPS^(?): 33

InDesign

Вы освоите самую популярную программу для вёрстки книг, журналов и брошюр. Сможете уверенно и быстро работать в InDesign, самостоятельно готовить макеты к печати и устроиться в редакцию или уйти на фриланс.

23650 руб 36384 руб

Скидка 12734 руб   -34%

Рассрочка: 3942 руб на 12 месяцев

4 мес

Предложить цену

Дизайн InDesign Верстка

Кому подойдет этот курс

Новичкам в дизайне

Вы научитесь работать в InDesign с изображениями и текстом. Сможете устроиться в редакцию или вести проекты на фрилансе.

Дизайнерам-верстальщикам

Вы научитесь быстро создавать сложные макеты и взаимодействовать с типографией. Сможете повысить стоимость своих услуг.

Дизайнерам смежных направлений

Освоите новый инструмент и научитесь книжной вёрстке. Станете универсальным специалистом или сможете уйти в дизайн печатных изданий.

Чему вы научитесь

Работать с растровой и векторной графикой

Редактировать стили

Работать с якорными объектами и табуляцией

Создавать сетки

Настраивать мастер-страницы

Настраивать таблицы

Делать интерактивные формы

Создавать оглавления

Готовить файлы к печати

онлайн обучение онлайн вебинары наставничество практики стажировка студенческий чат трудоустройство

NPS^(?): 23

Веб-разработчик с нуля
Дата начала: 16. 12.2022

Пройдите курс по веб-разработке, если вы хотите войти в IT, но не умеете программировать ни на одном языке и даже не знаете, с чего начать. Программа с постепенным нарастанием уровня сложности разработана для тех, кто не писал ни строчки кода и никогда не верстал. Вы изучите модули по фронтенду, в которые входят: вёрстка HTML, JavaScript, Git, GitHub, а также основы бэкенда — основы PHP. По завершении курса с базовыми навыками вы сможете начать работу junior-разработчиком в небольшой компании и выбрать дальнейшую специализацию.

159000 руб 265000 руб

Скидка 106000 руб   -40%

16.12.2022

23 мес

44 занятий

Предложить цену

Веб разработка Git PHP разработка Верстка Javascript разработка Frontend разработка

видеолекции онлайн обучение наставничество онлайн вебинары практики стажировка студенческий чат трудоустройство

NPS^(?): 23

Адаптивная верстка писем в email-маркетинге

Большинство электронных писем на мобильных устройствах отображаются некорректно. Рисунки расходятся, а текст приходится скроллить и масштабировать. Чтобы письма хорошо выглядели на разных платформах, необходимо использовать адаптивную верстку.Эта важная часть общего курса веб-дизайна адресована HTML-верстальщикам, разработчикам и email-маркетологам с базовыми знаниями HTML и CSS. Для начинающих web-дизайнеров обучение тоже будет полезным. В ходе уроков вы узнаете, что такое мобильная и резиновая верстка, блочная и фланговая адаптация. Пошагового рассмотрите основы, как подготавливать изображения для писем, и научитесь с нуля пользоваться базовыми инструментами верстальщика.После курса вы сможете создавать письма, которые одинаково хорошо отображаются на компьютере и мобильных устройствах.

790 руб

Предложить цену

Маркетинг Верстка Email маркетинг

онлайн вебинары онлайн обучение наставничество практики стажировка студенческий чат трудоустройство

NPS^(?): 23

Основы верстки сайта
Дата начала: 19. 12.2022

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

19.12.2022

12 занятий

Предложить цену

Программирование Верстка

Добавить новое обучение и отзыв

Разработка сайтов с нуля (Верстка HTML+CSS) — Лаборатория программирования

Модуль 1. Введение и основные понятия

Как это работает? Что такое web-сервер, web-сайт, web-страница

Цели и задачи языка HTML

HTML-разметка. Элементы

Структура HTML-документа:

Использование комментариев

Базовые элементы разметки:

Атрибуты элементов

Специальные символы

Лабораторная работа по теме

Модуль 2. Анатомия страницы

Понимаем, как мы пишем: синтаксис HTML

Элементы форматирования текста

Понимаем, что мы пишем: семантика элементов

Валидация HTML-документа

Структурные элементы разметки

Лабораторные работы по теме

Модуль 3.

Понятие гиперссылок в WWW

Внешние и внутренние гиперссылки

Типы адресов в WWW

Дополнительные атрибуты гиперссылок

Лабораторная работа по теме

Модуль 4. CSS. Каскадные таблицы стилей: основные свойства

Основные понятия CSS

Способы определения стилей

Каскадирование и наследование

Единицы измерения в CSS

Основные типы селекторов

Псевдоклассы и псевдоэлементы

Свойства шрифтов

Свойства текста

Свойства цвета и фона

Лабораторные работы по теме

Модуль 5. Использование изображений на странице

Типы изображений используемые в WWW

Вставка изображений на страницу

Атрибуты элемента img

Лабораторная работа по теме

Модуль 6. Структурирование информации при помощи списков

Неупорядоченный список

Упорядоченный список

Список определений

CSS свойства для списков

Лабораторная работа по теме

Модуль 7. Представление табличных данных при помощи таблицы

Основные элементы таблицы

CSS свойства элементов таблиц

Объединение ячеек таблицы

Дополнительные элементы таблицы

Лабораторная работа по теме

Модуль 8.

История фреймов

Встраиваемые фреймы

Фреймы и гиперссылки

Лабораторная работа по теме

Модуль 9. Передача пользовательских данных при помощи формы

Что такое веб-формы?

Элемент form и его атрибуты

Элементы формы: текстовые поля и кнопки

Элементы формы: элементы выбора

Дополнительные атрибуты элементов формы

Лабораторная работа по теме

Модуль 10. Использование CSS для макетирования

Оформление границ элемента

Внутренние отступы элемента

Наружные отступы элемента

Размеры элемента

Плавающие элементы

Видимость элемента

Лабораторные работы по теме

Модуль 11. Дополнительные возможности HTML и CSS

Практическая работа для закрепления изученных тем

Стили для различных типов носителей

Свойства курсора

Встраивание аудио- и видео-файлов

Лабораторные работы по теме

Модуль 12. Мета-информация на странице

Использование мета-информации

Элемент meta и его атрибуты

Поясняющая мета-информация

Мета-информация для роботов

Эмуляция заголовков ответа сервера

Модуль 13.

Понятие хостинга

Поиск хостера

Услуги хостера

Использование FTP-клиента

Доступ к ftp-серверу через проводник Windows

Модуль 14. Что дальше?

Обзор HTML5 API

Тонкая настройка сайта на стороне сервера

Динамические элементы на странице

Динамическое создание контента на сервере

Современные способы предоставления информации

Модуль 15. Верстка сайта по psd макету

Модуль 16. Bootstrap

☆Магазин идеального макета☆ — Все выглядит намного аккуратнее! ☆ ТОРЖЕСТВЕННОЕ ОТКРЫТИЕ ☆ Найм сейчас ☆ Сейчас предлагаем пакеты ☆ Закажите или присоединитесь к персоналу сейчас!

• Создать
• Исследовать
• Идеи
• О

Имя пользователя и пароль Нужна помощь?
• Войти

#1нояб. 15, 2020 16:30:26

amiable_dolphin

Скретчер
500+ сообщений

☆Магазин идеальной планировки☆ — Все выглядит намного аккуратнее! ☆ ТОРЖЕСТВЕННОЕ ОТКРЫТИЕ ☆ Найм сейчас ☆ Сейчас предлагаем пакеты ☆ Закажите или присоединитесь к персоналу сейчас!




Главная ☆ Условия ☆ Анкеты ☆ Персонал ☆ Партнеры и Федерации ☆ Обзоры ☆ Новости ☆ Примеры ☆

Добро пожаловать в ☆Магазин Perfect Layout☆
Здесь вы можете получить систематизированный макет всего, что вам нужно!
ПРИМЕЧАНИЕ. Мы предоставляем только макет, вы должны предоставить все услуги Text
владелец/основатель: @Amailt_dolphin

:


• О ME Mayouts
  
• Что я работаю над макетами
  
• . Форум Подпись макетов
  
• Магазин макетов
  
• BBcode
  
• Студия Описание макета
  

3 Любой другой макет!




Пакеты




Новый пакет магазинов

Включает в себя:
✤ Шах

Пакет New Look

Включает:
✤ Макет обо мне
✤ Макет над чем я работаю
✤ Макет описания студии Hangout

Пакет New Project

:

Включает0022 ✤ Макет инструкций
✤ Макет Notes and Credits
✤ Макет описания студии (если есть)
✤ Макет темы форума (если есть)

При бампах используйте этот баннер:


 [img]https://u.  cubeupload.com/hakjdn1_2/2.png[/img] 


Помогите нам расти, поставив это в свою подпись:


 [url=https://scratch.mit.edu/discuss/topic/457732/] [ img]https://u.cubeupload.com/hakjdn1_2/361.png[/img][/url] 

Последний раз редактировалось amiable_dolphin (28 ноября 2020 г., 17:09):37)

---

#ПОЭЗИЯ FTWWW



#2нояб. 15, 2020 16:35:58

любезный_дельфин

Скретчер
500+ сообщений

☆Магазин идеальной планировки☆ — Все выглядит намного аккуратнее! ☆ ТОРЖЕСТВЕННОЕ ОТКРЫТИЕ ☆ Найм сейчас ☆ Сейчас предлагаем пакеты ☆ Закажите или присоединитесь к персоналу сейчас!




Главная ☆ Условия ☆ Анкеты ☆ Персонал ☆ Партнеры и Федерации ☆ Обзоры ☆ Новости ☆ Примеры ☆

Общие правила:

Эти правила распространяются на всех!
Следуйте принципам сообщества Scratch.
Не копируйте этот магазин в точности, иначе будет сообщено о копии.
Пожалуйста, вырезайте сообщения, чтобы не засорять тему.




Персонал:

Уважительно относитесь к клиентам.
Не принимать заказы, если в них нет кодового слова
При приеме заказа клиента цитата «Принято, ваш заказ должен быть выполнен в ближайшее время!» или что-то подобное.
Если у вас есть вопросы об их заказе, пожалуйста, прокомментируйте их профиль.
Сотрудники должны всегда соблюдать правила, иначе они получат предупреждение или будут уволены.
Сотрудники могут получать предупреждения, если не соблюдают правила, не реагируют на проверку активности, не выполняют заказ до установленного срока или проявляют невежливость и грубость по отношению к клиентам и/или другим сотрудникам.
Когда вы получите 3 предупреждения, вы будете уволены.
Вы должны подписаться на эту тему.
Пожалуйста, вырезайте сообщения, чтобы не засорять тему.
Поместите слово «Искра» где-нибудь в своем приложении.




Заказ:

Заполните правильную форму.
Обратите внимание, что ваш заказ не будет выполнен немедленно и что заказ может быть немного запоздалым, чтобы убедиться, что он самого высокого качества.
Пожалуйста, вырезайте сообщения, чтобы не засорять тему.
Если вы используете заказ, пожалуйста, отдайте должное работнику, который его сделал. Если вы не кредитуете, мы будем продолжать просить вас сделать это, пока вы не сделаете это!
Пожалуйста, дайте нам минимум 2 дня на выполнение заказов
Включите слово «Совершенство» где-нибудь в форму заказа.




Партнерство:

Заполните правильную форму.
Обратите внимание, что ваше партнерство может быть отклонено, если мы считаем, что вы нам не подходите.
Мы можем отдавать заказы нашим партнерам, если мы не можем их выполнить, и они могут отдавать нам заказы, если не могут их выполнить, при условии, что эти заказы соответствуют предлагаемым нами услугам.
Время от времени мы проводим здесь проверку активности, на которую вам нужно будет ответить в течение заданного периода времени.
Вы должны подписаться на эту тему.
Пожалуйста, вырезайте сообщения, чтобы не засорять тему.
Если вы не ответите на 3 проверки активности подряд, партнерство будет расторгнуто.
Включите слово «Качество» где-нибудь в форму заявки.

этот раздел немного взят из The Rain Or Shine Art Shop #ПОЭЗИЯ FTWWW



#3нояб. 15, 2020 16:46:31

amiable_dolphin

Скретчер
500+ сообщений

☆Магазин идеальной планировки☆ — Все выглядит намного аккуратнее! ☆ ТОРЖЕСТВЕННОЕ ОТКРЫТИЕ ☆ Найм сейчас ☆ Сейчас предлагаем пакеты ☆ Закажите или присоединитесь к персоналу сейчас!




Главная ☆ Условия ☆ Анкеты ☆ Сотрудники ☆ Партнеры и федерации ☆ Обзоры ☆ Новости ☆ Примеры ☆

Форма заказа

Что вы хотите:
Подробное описание:
Вы прочитали условия:
Deadline:
:290 Preferred
Другое


Форма заявки

Имя пользователя:
Деятельность (1-10):
Примеры работы:
Какие из наших услуг вы можете сделать:
Вы прочитали условия:
Другое:

Форма партнерства

Название магазина/федерации:
Баннер магазина/федерации:
Владелец магазина/федерации:
Разрешение владельца магазина/федерации? :
Вы прочитали условия:
Ссылка на магазин/федерацию:
Другое:

Форма отзыва

Имя пользователя:
Кто принял ваш заказ:
Что вы думаете:
Рейтинг (1-10):
Что нужно улучшить:
Другой:




Последний раз редактировалось amiable_dolphin (18 ноября, 2020 16:05:24)

---

#ПОЭЗИЯ FTWWW



#4нояб. 15, 2020 16:48:41

любезный_дельфин

Скретчер
500+ сообщений

☆Магазин идеальной планировки☆ — Все выглядит намного аккуратнее! ☆ ТОРЖЕСТВЕННОЕ ОТКРЫТИЕ ☆ Найм сейчас ☆ Сейчас предлагаем пакеты ☆ Закажите или присоединитесь к персоналу сейчас!




Главная ☆ Условия ☆ Формы ☆ Персонал ☆ Партнеры и федерации ☆ Обзоры ☆ Новости ☆ Примеры ☆

Партнеры










федерации

2
8

 [Center][big][b][color=mediumseagreen]❀[/color]-Moon-Shine -[color=mediumseagreen]❀[/color][/b][/big][/center][b] 
 [center]❀[url=https://scratch.mit.edu/users/Luna_Robinson/][ color=mediumseagreen] Моя главная[/color][/url] ❀[url=https://scratch.mit.edu/discuss/topic/436521/?page=1] [color=mediumseagreen]Пальма PFPS 2.0[/ url] [/color]❀ [url=https://scratch.mit.edu/discuss/topic/444226/][color=mediumseagreen]Магазин баннеров[/url][/color] ❀[url=https:/ /scratch.mit.edu/обсудить/тема/448949/?page=1#post-4517202][color=mediumseagreen] Breezy Benifits 2.0 [/color][/url]❀[url=https://scratch.mit.edu/discuss/topic/453435/] [color =mediumseagreen]Хостинг изображений Howling[/url] [/color]❀[/b][b] 
 [center][color=mediumseagreen]❀[/color] Женский [color=mediumseagreen]❀[/color] Австралийский [color =mediumseagreen]❀[/color] 10–13 лет [color=mediumseagreen]❀[/color][/b] 
 [b]❀[color=mediumseagreen] Воины [/color]❀[color=mediumseagreen] CCs [/color]❀ [color=mediumseagreen] Магазины [/color] [/b]❀