Секретно! простые шаблоны сайтов скачать бесплатно

Автор Zhanna Belchenko
Секретно! простые шаблоны сайтов скачать бесплатно

Здравствуйте на связи.

Владимир зубов. Сегодня я покажу вам как своими руками настроить весной сайт одностраничник. Для этого нам понадобится готовый шаблон который вы можете скачать на этой странице и на основе него мы будем создавать нашу подписную страницу я буду на примере работы в Adobe дримвивер.

Вы можете редактировать данные в шаблон в любом удобном для вас HTML редакторе папка сайта выглядит следующим образом здесь находится сам индексный файл HTML в которой мы будем редактировать здесь находится стилями в этой папке расположены различные графические элементы.

Ну мы к ним вернёмся чуть позже. Вы можете выбрать удобный для вас html-редактор. Ну я открою и. Давайте приступим во-первых между пергамента этого вам необходимо прописать заголовок вашего сайта одностраничника у меня здесь пока вписана просто название образец страницы подписки вы пишите ваш заголовок далее следующая строчка есть вы вставляете здесь описание вашей странице всё — это нужно для поисковых систем чтобы они индексировали ваш одностраничный сайт следующим поле мы ставим ключевые слова пишите сюда всё, что относится к тематике вашего сайта или продукта будете рекламировать. Как видите в этом шаблоне есть небольшое подсказки чтобы вам легче было в нём ориентироваться. Вы можете их и посмотреть где, что находится и так в этой строчке. Вы можете заменить написать какой-то свой интересный заголовок или призыв. А также написать какую-нибудь ёлку фразу отображающие глубокий смысл вашего продукта текст который написан у нас красным цветом будет наш заголовок основной поэтому вы в этой строчке дети и вставляете своё значение дальше идёт следующая строчка здесь идёт подзаголовок также выписываете своё значение после этого идут блок с вашими выводами вы здесь. Можете написать или простое текст или заголовок перед списком вылетов здесь идёт список выгод который вы предлагаете вашему будущему если например хотите добавить и ещё несколько пунктов. Вам мало. Вы можете выбрать вот снега лицо следующий тег закрывающий ли скопировать и вставить таким образом как веке появилась ещё одна. Выгода Ну вот, но внизу вашего списка с выгодами вы можете написать либо какое-то призыв или дополнительный текстовый материал давайте рассмотрим правую колонку здесь располагается. Стрелка Как видим вк220 указание название картинки описание и соответственно размеры ширина и высота. Если хотите увеличить или уменьшить. Пожалуйста можете поработать с этими значениями поменять их и. Они изменятся далее предлагаю заменить картинку с изображением вашего продукта. Здесь также как вы увидите прописано картинка описание и данные о размеры сейчас папки Imagine находится вот она — это картинка если мы хотим поставить свои вы можете просто-напросто загрузить свое изображение и соответственно скопировать и его название поменять самоназвание картинки в этой строчке и всё идут изображение. Голем идёт форма подписки и находится здесь такая кнопочка получить курс. Как вы могли заметить в папке Imagine есть различные варианты кнопок смотрите есть получить доступ учить курс включить видео и так далее чтобы заменить кнопку на сайте вам достаточно лишь скопировать название этой картинке и прописать её вот здесь никак. Витте цена кнопка поменялось какую например отключить доступ заставок. Как видите. Здесь всё меняется очень просто галлии скутере указывайте ваше имя фамилию. Можете писать принципе свой экран. Если вы предпринимательства соответственно вас своего значения в конце находится ссылка на вашу службу поддержки чтобы указать правильный адрес вы заменяете. Вот этот значок в — это место между кавычками адрес вашей службы поддержки и кликнув на эту надпись. Соответственно, что пойдёт к вам службы не напишет какое-либо сообщением. Давайте единственная добавим чтобы ссылка открывалась у нас в новом окне и мы допишем значение как Target Blank и при нажатии на название служба поддержки будет ссылочка открывается в новом окне дальше, что у нас в станице следующим шагом редактирования нашего шаблона будет установка кода слежения от сервиса Google чтобы получить этот код. Зайдите на официальный сайт Google analytics. Нажмите на кнопку доступ в Google аналитике после этого нам нужно создать новую я покажу на примере одного из своих сайтов и так мы должны написать название аккаунта я буду всем писать по-русски здесь. Я указываю адрес сайта дальше я выбираю. Россию время здесь можно выбрать пользовательское соглашение на русском языке прочитать его согласиться и создать новый аккаунт всё аккаунт. Султан и для того чтобы статистика у нас уже нормально отображалось. Мы должны оперировать вот этот код сложение и вставить перед закрывающим тегом Hit бесплатно закрывающий тег Head. И вставляем этот кот теперь сохраняем и у нас на страничке расположен код сервиса Google аналитики. Если вы захотите воспользоваться и поставить на своём сайте дополнительные счётчики. Например Яндекс метрике то уже будете ставить этот счётчик перед закрывающим тегом Body вот здесь в самый низ вы представляете доклад счетчиком и он будет отображаться вас вашего сайта для того чтобы соединить вашу рассылку вас форма подписки на сайте одностраничники вам нужно знать всего лишь два значения. Но прежде чем мы узнаем давать форму подписки на сервисе smartresponder.

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

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