[2020] Основы верстки сайта с нуля! HTML5 и CSS3 — верстка макета
Современный и актуальный подход к верстке сайтов (лендингов) на HTML5/CSS3 с нуля для начинающих из Figma. Разберемся со всем, что волнует начинающих верстальщиков в одном емком уроке! И…
▶Хостинг и домен тут: — fas.st/VEnG5
Бесплатная тема для урока: — my-files.ru/o496m8
▶Магазин премиум тем Вордпресс: — fas.st/vHXHa
▶Перепродажа премиум тем: — fas.st/PVYsL
▶Логотип и фавикон можно получить тут: — fas.st/inJRv
Обязательно переходите по ссылкам, там все, что нужно вам в рамках этого видео урока!
План видео урока с таймкодами:
01:41 — Регистрация хостинга и домена
20:43 — Установка Вордпресса
25:00 — Что дальше?!
27:50 — Знакомство с админкой
31:11 — Гутенберг, записи
1:03:24 — Рубрики
1:07:47 — Страницы
1:12:50 — Медиафайлы
1:17:05 — Настройки
1:26:12 — Темы
2:02:03 — Плагины
2:10:48 — Меню
2:14:35 — Виджеты
2:21:20 — Шорткоды
2:28:08 — Комменты
2:34:44 — Социальные кнопки
2:39:31 — Обратная связь
2:44:19 — Снова про логотип и фавикон
2:47:22 — Режимы главной
2:52:33 — Элементор
3:04:49 — Заключение
Создание сайта — непростая задача и в этом видео уроке я покажу вам, как создать сайт. Регистрация сайта займет у вас сомвсем немного времени (как и регистрация домена).
Доменное имя — это адрес сайта во всемирной паутине и оно совершенно необходимо для того, чтобы создать сайт на любом движке.
Как создать сайт на Wordpress за час используя плагин Elementor | WordPress
ССЫЛКА НА ХОСТИНГ ПРОВАЙДЕРА: ukraine.com.ua/?page=99000
ПОДДЕРЖАТЬ АВТОРА И КАНАЛ: www.liqpay.ua/ru/checkout/380638562538
Webmoney:
Z166344793421
R369744777501
U871336351200
Телеграмм чат: t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g
Вступайте в группу и задавайте интересные вопросы!!!
Создаем сайт на WordPress CMS за час, используя плагин Elementor для построения блоков страницы без знания CSS и HTML.
Проходим все пошагово от регистрации домена и аренды хостинга под сайт и до готовой страницы на конструкторе!
Узнайте, как создать сайт в нескольких простых шагах. Шаг за шагом без пропусков. С новой системой шаблонов у вас будет самый профессиональный сайт на самой популярной платформе (WordPress).
Научитесь регистрировать свое доменное имя, хостинг, устанавливать в пару кликов WordPress, создавать свой сайт, чтобы сделать его №1.
Веб-сайт Tyler для шаблонов: www.tyler.com
Зеркало со всеми шаблонами: drive.google.com/open?id=1kiM3dl1VXbRerKHlxvOoLNRAf2QatUAi
НАВИГАЦИЯ:
0:15 Покупка доменного имени и аренда хостинга
5:25 Установка CMS WordPress в пару кликов
10:30 Вход в админ панель WordPress
11:00 Знакомство с админкой WordPress, основные настройки
19:00 Знакомство с темами (шаблонами) в WordPress
24:50 Создание новых страниц для сайта
27:10 Настройка и редактирование параметров установленной темы OceanWP
28:20 Создание и вывод меню WordPress
36:50 Настройка типографии в теме OceanWP (шрифты от Google)
43:20 Знакомство с плагином Elementor (Визуальный редактор/конструктор страниц)
47:00 Логика создания страницы плагином Elementor (примеры)
49:30 Использование блоков и шаблонов для Elementor плагина
57:30 Сайт с большим количеством бесплатных шаблонов для плагина Elementor
59:59 Импорт своих шаблонов под Elementor, практика по верстке страниц
#1 Верстка сайта с нуля для начинающих | HTML, CSS
В этом видео начнем верстать сайт с нуля. Верстка сайта это процесс создания сайта из макета, который нарисовал дизайнер. Видео для начинающих, в нем не будет препроцессоров, сборщиков и каких-либо инструментов, только HTML и CSS!
— Основы HTML и CSS для начинающих: brainscloud.ru/landing/html-css
Верстка сайта транспортной компании: brainscloud.ru/landing/logistic-html
Файлы урока: files.brainscloud.ru/file/mogo-urok-1
Главы видео:
00:00 — 03:10 — Подготовка к работе
03:10 — Создаем проект
05:35 — Шрифты
09:30 — Can I use?
11:50 — Начинаем верстать главный блок
16:30 — Верстаем шапку
25:40 — Верстаем заголовки
33:30 — Совет и ошибки начинающих
34:40 — Верстаем кнопку
39:00 — Верстаем нижнюю часть
— Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разрабокте — HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.
На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.
— Мой ВК — vk.com/odimaz
Группа BC — vk.com/brainscloud
Мой Instagram: www.instagram.com/dmitryvalak/
Как создать сайт на WordPress с нуля (2018) [НОВОЕ ПОШАГОВОЕ РУКОВОДСТВО]
▶Хостинг и домен здесь: fas.st/VEnG5
▶Магазин премиум тем для Вордпресса (теперь темы только тут): fas.st/vHXHa
▶Перепродажа премиум тем: fas.st/PVYsL
▶Логотип, фавикон и многое другое вы найдете тут: fas.st/FhdBW
Бесплатная тема Versal (вместо Fashify, с ней возникли проблемы) для видеоинструкции: my-files.ru/xhuja2
Оглавление:
2:13 Что нужно для создания сайта на Вордпресс
2:27 Получение хостинга
7:20 Регистрация домена
15:46 Установка Вордпресс
21:36 Первое знакомство с админпанелью
29:05 Записи
38:14 Рубрики
43:24 Страницы
47:46 Медиафайлы
49:52 Базовые настройки
57:09 Темы
1:13:47 Плагины
1:27:28 Меню
1:31:07 Шорткоды
1:40:13 Кнопки соцсетей
1:56:56 Комментарии
2:08:07 Режимы главной страницы
2:12:38 Elementor
2:31:11 Логотип
2:39:18 Фавикон
2:43:25 Заключение
Из данной пошаговой инструкции вы узнаете, как создать сайт на WordPress. Я подробно расскажу обо всех тонкостях процесса разработки веб-сайта на Вордпресс от А до Я и к концу видео вы уже будете уметь почти все, освоите 1005 основных функций платформы WordPress и научитесь применять их на практике.
С помощью этого видеоурока вы создадите отличный веб-сайт любой тематики. Отдельно отмечу, что я построит инструкцию по максимально простой и доступной схеме: я шаг за шагом демонстрирую фишки системы WordPress и учу вас ими пользоваться, а о том. как вы будете применять их на вашем сайте, позаботьтесь сами.
Если по ходу просмотра видео у вас возникнут какие-то вопросы, не стесняйтесь оставлять их в комментариях.
КАК СОЗДАТЬ ИНТЕРНЕТ МАГАЗИН? Wordpress + woocommerce.
Демо-магазин: shop.delay.site/
Инструкция: delay.site/shopshop/
Пожалуйста, если видео Вам понравится, поставьте лайк и подпишитесь на канал.
Вы можете нажать колокольчик, чтобы получать оповещения о новых видео.
Приятного просмотра и больших продаж!
В этом видео мы с вами по-шагам, без кода и сложных настроек создаем полноценный интернет-магазин с помощью бесплатного плагина woocommerce на движке wordpress.
Мы также подключаем бесплатный SSL сертификат от удостоверяющего центра «Let's Encrypt».
SSL сертификат позволит увеличить доверие со стороны рядовых пользователей и поисковых систем.
Хотите начать принимать оплату от своих покупателей онлайн? Вы можете легко реализовать эту функцию для своего интернет-магазина с помощью подключения платежных шлюзов, предоставляющих такие услуги. Их масса, вот названия некоторых из них:
FreeKassa, Robokassa, Яндекс. Касса etc. Заключив договор с платежным шлюзом, вы с помощью официального плагина легко подключите любой необходимый именно Вам способ приема оплаты, среди них банковские карты VISA, Mastercard, МИР и множество других.
Новейшее руководство, которое будет актуально в 2020 году для всех вопросов по поводу создания своего собственного интернет-магазина бесплатно.
ТАЙМКОДЫ:
00:00 Начали!
0:15 Демонстрация магазина
3:11 Как выглядит витрина?
5:59 Особенности урока
8:42 Мобильная версия
13:23 Начало. Инструкция
15:37 Хостинг
28:57 Регистрация домена
34:33 Установка Wordpress
46:38 Настройки Wordpress
53:54 Установка Woocommerce
56:47 Настройка Woocommerce
1:02:44 Работа с темой
1:06:04 Astra Starter Sites
1:09:58 Импорт готового оформления
1:12:43 Настройка меню
1:12:43 Really Simple SSL
1:27:10 Делаем логотип
1:38:12 Редактируем главную страницу магазина
2:18:25 WP Forms
2:22:43 Способы оплаты (Сбербанк Онлайн)
2:25:31 Платежные шлюзы для приема платежей
2:30:29 Спасибо за внимание!
▶Хостинг и домен здесь: fas.st/VEnG5
▶Бесплатная тема для урока: my-files.ru/l1tp1z
▶Магазин тем №1: fas.st/vHXHa
▶Магазин тем №2: fas.st/PVYsL
▶Лого можно заказать тут: fas.st/inJRv
Таймкоды к видео:
01:31 — регистрация хостинга
04:19 — регистрация домена
13:49 — установка вордпресса
19:07 — админпанель вордпресса
21:24 — записи
33:58 — рубрики
37:52 — страницы
41:17 — медиа
43:37 — настройки
53:57 — IDN
56:01 — темы
1:09:33 — плагины
1:16:52 — меню
1:19:52 — виджеты
1:26:51 — шорткоды
1:30:33 — комментарии
1:34:24 — социальные кнопки
1:45:33 — элементор
1:55:50 — финал
Создать сайт на Wordpress бесплатно за 2 часа стало реально с помощью этой короткой пошаговой инструкции! В этом видео я расскажу и покажу вам, как вы можете оперативно разработать веб-сайт на движке Вордпресс с нуля до полного запуска всего за пару часов!