Создание сайта своими руками с нуля | 100% ВЕРСТКА САЙТА УРОК #2

Автор Lyudmila Yeriomenko
Создание сайта своими руками с нуля | 100% ВЕРСТКА САЙТА УРОК #2

кто не смотрел пересмотрите пишем bootstrap шаблоны бесплатно далее открываем сайты первый попавшийся которые попались в поиске.

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

Сейчас давайте подключим ещё форму обратной связи чтобы у нас.

Ленин был живой и конечно. Контент — это хорошо то есть есть изображение есть текст есть видео то есть видео тоже можно вставлять видео все вставляется просто переходите на любое видео там делаете вставка видео оттуда его копировать с YouTube и вставлять в лизинг — это просто вопрос. Вообще не должно возникнуть. Сейчас посмотрим форму связи как же её оживить. Я кстати. Не рекомендую заморачиваться с этими формулами которые здесь находится потому, что как правило исполнительных файлов на них нету. Есть все. Но кроме файла отправки в большинстве случаев они отсутствуют. Поэтому вот эту просто форму заменим на другую сейчас мы найдём где это. Форма находится. Всё просто ведь вот это. Форма вот форум отсюда и до сюда вот она сейчас я вам. Её выделил. Вот — это код формы. Витя форм и краснота под плюс плюс показывает где она мы её заменим на форму. Вот от этого разработчика здесь есть форма тоже я на свои проекты постоянно её делаю кому интересно ссылка будет через мой на него просто нос YouTube. Я не буду заказывать через мой блог будет ссылка на эту форму здесь скачать исходники дали мы скачали заархивированный файл вы его копируйте сейчас и сразу вам покажу вот этот файл вы его тоже разархивируйте извлечь в текущую папку далее открываем его, что мы видим вот здесь вот эти два файла нам нужны нужны будет скопировать прямо вот сюда то есть мы нажимаем сюда вставить да то есть видеофайл. Стелс заменяется конечно — это не совсем хорошо потому, что некоторые стили могут пересекаться, но мы не будем — это не копировать похожие файлы там и не копируем сейчас посмотрим дали. Вот — это исполнительный файл. Мы помещаем в notepad-plus-plus вот сюда у нас. Вот он есть вот — это страница как вот — это тестовая страница. Вот это. Форма, что нам нужно отсюда взять так смотрите вот эти скрипты подключение скриптов мы берём вот эти запоминать Link вот эти раз-два-три-четыре-пять пять строчек мы переносим на нашей на любой который вы возьмёте и помещаемых дохыд. Тоесть вот сюда прямо поместили и далее переходим в самый низ и вот эти скрипты. Раз два три четыре пять шесть семь восемь строчек тоже копируем. И помещаем здесь вниз вот скрип здесь вот эти вот главное задание. Вставьте то есть прямо перед будем вот так вот должны быть закрыты JavaScript и вот эти коды теперь, что мы делаем вот в — это место где я вас находится форма нам нужно вот — это всё удалить то есть form for здесь пустое место. Нам необходимо предоставить вот эту форму мы переходим на тот который на тот индекс примером и видим код формы. Вот она есть копируем её и вставляем в — это место нажимаем сохранить теперь переходим на нашлемник нажимаем F5 переходим в контакт AC и всё. Вот это. Форма всё подключилось форма виде как всё просто то есть теперь человек когда он выразите — это на хостинг на вашем компьютере. Она работает естественно не будет вам нужно выбрать на хостинге, тогда она будет работать человека вводят в свете даже есть верификация телефон. Нужна ли верификация проверка здесь нужно вводить в правильном формате и человек нажимает обратный звонок и сообщения уходит вам на e-mail, что нужно. Здесь поправить. Давайте посмотрим вот файлы модельформ и вот этот файл. Мы тоже переносим в notepad-plus-plus здесь поля имя email телефон и форменных фото с какой формы был отправлен. ВАЗ 10 вы меняете на свой email. А здесь вот также меняете на свой email и таскать будет приходить. здесь. Можете указать e-mail вашего сайта, а здесь на какой e-mail вам должны приходить заявки обязательно это. Поменяйте мы здесь внизу нужно указать ссылку на ваш сайт и всё будет работать вот в принципе он показал но. Давайте хотите покажу как загружать. Ладно хорошо чтобы вам всё было до конца понятно. Вот у нас вот есть вот этот путь до наших смотрите запускаем файлзиллу доля подключаемся к хостингу вас когда после регистрации нам в гости будут высланы доступ к хостингу к сайту и с помощью данных логин пароль выводите устно хостинг — это название вашего сайта здесь имя пользователя здесь пароль и нажимаете быть включение после этого открывается вот такая структура файлов на переходим в папку http Docs и здесь должны находиться файлы с сайта давайте сейчас мы их туда как раз и перенесём вот эти все файлы которые в папке вас есть мы переносим я индекс другие не буду брать потому, что мы смотрели. Яндекс И на первый вариант 9 в этом лендинге, что хорошо есть семь семь страниц то есть. Они очень разнообразны прикольные лендинг всё-таки его наверное себе возьму и смотри вот эти файлы перетаскиванием папка 11 старые файлы сайта переместил в эту папку. Чтобы эти файлы вас не смущали после того как закончится этот видео урок я эти файлы тестовые уберу из папки один достану сайт. Там у меня сайт на вордпрессе находится тоже создавала свой видео урок и так все файлы переносятся в эту папку. Обратите внимание сейчас осталось 85.

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

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