Скандал! разработка сайтов череповец

Автор German Usachev
Скандал! разработка сайтов череповец

Приветствую вас дорогие друзья на связи с фамилией.

Фетисова и в этом видеоуроке я вам покажу как можете создать свой сайт одностраничник с помощью плагина виды печь я подготовился заранее вот такую страницу данный сайт создан с помощью. ВПЧ и затратила на всю буквально минут 20. Единственное, что необходимо — это заранее подготовить содержание самого сайта то есть которую вы хотите чтобы вас присутствовала здесь — это какой-то текст картинки фотографии.

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

Давайте напишем заголовок нашего сайта я Zara готовила текст который будет содержаться у меня на странице сайта заголовок копируем. И добавляю сюда и. Обратите внимание после того как вы ведете вот здесь название вашего сайта чуть ниже у вас формируется ссылка можете отредактировать если она будет очень длинная так как она создаётся в зависимости от того какой у вас есть название. Вы можете название самой ссылки сократить так как вам нравится я сразу вот здесь поправлю чтобы она не была такую очень длинная нажимаем OK и следующее, что мы сделаем — это добавим фон задний фон нашей странице для этого спускаемся чуть ниже фон выбирается в дизайн вот в данном окошке нажимаете вот сюда и здесь. Как видите представлено несколько видов. Айфонов нажимаете на той картинки которые вам больше по дальше. Вот здесь закрыть и всё он выбран. Ну так как этот фон меня не устраивает мне хочется что-то другое для этого можно вот когда на макушке. Где указан адрес фона. Вставить ссылку в вашего выбранного фона для этого вы находитесь в любой фон который. Вам нравится осей в интернете очень много ресурсов. Где можно скачать фон. То есть вы находите фонд скачать к себе его на компьютер и затем загружаете в корневую папку на сервер, а вот сюда в — это вы просто указывайте ссылку то есть адрес. В какой папке у вас находится эскиз то есть рисунок вашего фона я заранее подготовила ссылку для своего фона я её просто копирую и затем вот сюда в данном. Кукушка Вставляю из этих вот здесь внизу я выбрала ещё одну функцию первую варианта повторение рисунка эскизы вашего фона здесь представлены четыре варианта. Вы можете выбрать любой. Я здесь выбрал для себя 1 вариант. То есть — это тот вариант когда задний фон моей странице будет отображаться по всему экрану. Всё Давайте посмотрим как — это будет выглядеть нажимаю на кнопку посмотри и. Как видите на выбранную фон отображён по всему. Давайте Вернемся визуальный редактор. Я бы ещё сюда добавила её тень вокруг страницы для этого переходим в закладку контент и вот здесь выбираем. Синь выберем немного сыроватый. Тон и размер распространение тени 10 пикселей вернусь и посмотрим, что у нас получилось так вот уже есть тень дальше я хочу добавить красивую ленточку для этого я ставлю курсор самом верху. И добавляю ленту выбирая из того, что мне больше понравится. Давайте поставим вот эту ленточку вместо текст я добавляю свой текст бесплатный видеокурс спускаемся дальше ниже. Мне необходимо здесь указать название курса для этого я просто копирую название курса заранее заготовленных файле так сделаю его покрупнее. Измени шрифт жирным и по центру отлично дальше. Спускаюсь чуть ниже. И добавляю рисунок фотографии курса у меня данный рисунок уже заранее загружен. Я его просто выбираю и. Вставляю свойства рисунка указываю выравнивание нет обновить еда на рисунок у меня будет по центру, что спускаемся дальше ниже. Давайте посмотрим, что у нас на сайте. Дальше мне на сайте вот такой блок размещён с текстом подобные блоги используется как правильно чтобы зрительно выделить какую-то часть текста давайте сейчас добавим такую блок для этого я выбираю нажимаю на кнопку который называется бокса выбирая тот который мне больше нравится — это вот этот всё сюда теперь необходимо добавить текст опять копирует текст который меня заранее заготовлен так сейчас немножко. Измени шрифт шрифт у меня будет с наклоном цвет шрифта я сделаю немного так и теперь добавить фотографию опять прихожу в раздел медиафайлы и так я вставила фотографию делаем выравнивание текста относительно фотографии, что было слева и. Давайте посмотрим как — это будет выглядеть нажимаем на кнопку посмотреть так всё отлично. Меня всё устраивает единственное, что я бы вот — это название курса выделила жирным спускаемся чуть ниже выделяю дела жирным и можно немножечко ещё сделать его покрупнее и наклонной так всё отлично. Меня всё устраивает продолжаем дальше, что у нас ну, а дальше у меня вставлена картинка и самого видеокурса с перечнем видеоуроков давайте мы её добавим спускаемся здесь чуть ниже так вот она добавляю. Давайте немножко увеличим поля по редактированию картинку мы сделаем по центру так и вот сюда добавим текст. Сделай мою крупнее так посмотрим так не очень. Мне — это устраивает давайте сделаем всё-таки его ещё покрупнее так и посмотрим как — это будет выглядеть. Вот уже лучше, а так и здесь нам остаётся добавить ещё буквально несколько элементов стрелочку и форму подписки и так давайте сейчас мы с копируем текст я копирую добавляю всё спускаемся чуть ниже и добавляем вот сюда стрелочку для закладки нажимаем на кнопку стрелки выбираем ту стрелочка который нам нравится нажимая вставь.

0 комментариев
0

Читайте также