Разврат! процесс разработки сайта

Автор Artur Merichev
Разврат! процесс разработки сайта

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

Этот кот копируем код и вставляем его в блокнот вот у меня кот наша рамки в окно пока свернул. Заходим в YouTube выбираем видео здесь я тоже сразу видео которое у нас будет на сайте нажимаем поделиться и копируем вот эту ссылочку. А для чего — это делаю для того чтобы видео у нас была с автозапуском для этого мы посетим один хороший сервер.

Называется он Make Dream profession.

Заходим в меню профессионал и заполняем форму судома вставляем нашу ссылку с YouTube размер видео мы пока не меняем ставим. Галку autoplay остальные галки можно генерируем кот. Теперь мы копируем код и вставляем его наши рамки здесь у нас мы видим вот видео вставляем суда — это видео оставляем сюда мы удаляем представляем. Наш кот, но теперь нам нужно изменить размер размер мы поставим ширину — это ширина 500. Ну пока свернем дальше мы посетим смотреть также сообразим на форму подписки получим год подписана формы и можно собственно приступать к созданию наши подписной страницы открываем Word with веб документ нажимаем разметка страницы цвет страницы способы заливки рисунок выбираем рисунок выбираем путь к нашему рисунку ставить. О'кей — это будет у нас фон нашей странице дальше нам нужно в таблицу для того чтобы контент наш не расползался по всей странице. А был закреплён как на скелете выбираем таблица нажимаем таблица я выберу таблицу 3 на 3 выделяем и выставляем пацанки дальше сверху мы поместим какой-нибудь зазывающий заголовок для этого ставка рисунок. Вот вот этот рисунок я выберу специальное предложение вставляя можно уменьшить его и сейчас будет такая небольшая фишка здесь будет. Наше видео, а справа. Давай колонки нас будет форма подписки форма выделяем нашу таблицу вот этот инструмент нажимаем нет границы границы нашей таблицы исчезли сохраняем то, что у нас получилось имя файла прописываем HTML тип файла веб-страница сохраняем у меня на рабочем столе папка которая создал туда. Но — это и сохраним наш сайт нажимаем сохранить теперь нам вот уже не понадобится его мы закрываем. Заходим в папку наш сайт. Видимо у нас два файла папка Index File Index HTML открываем Index HTML с помощью блокнота находим. Наше видео теперь копируем готовый код видео и вставляя вместо слова видео аккуратно удаляем нажимаем ставить далее мы ищем место куда мы стоим на форму подписки пишем форма мох появился где наша форма подписки заходим smartresponder копируем код наши подписной форма аккуратно удаляем слова форма представляем кот и последний штрих нам нужно прописать название нашего сайта чтобы она отображалась в браузере поэтому перед тегом Head тег title заморачиваться не буду название напишу ваш сайт или наш сайт и закроем титул сохраняем за в папку сайт и открываем index.htm, что мы видим там появилась наша видео в красивой рамке и подписная форма в следующем уроке я вам расскажу как сделать такую подписную страницу со сменой контента. То есть у нас будет появляться видео через заданный промежуток она исчезнет и на его месте появится подписная форма до следующих уроков. Всего доброго.

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

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