Мини-сайт

Шаблон одностраничного мини-сайта

Мой логотип

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

Эта страница - пример простого, классического мини-сайта.

Зачем он мне понадобился?

Количество запросов по такому типу сайтов более 23000 в месяц, вот и захотелось добавить подобный в своё "Портфолио", хотя там и без него хватает различных примеров, и даже гораздо более сложных.
К примеру, один из таких, почему-то считающихся одностраничным мини-сайтом, найдёте здесь: "Продающие сайты" (откроются в новом окне).

Почему простой?

Первое:  Было интересно, сколько времени займёт создание одностраничного сайта.

Второе:  Его просто изменить на любой нужный. Сделал его, как шаблон.

Третье:  Легко добавлять новые материалы. Короче - "то, что доктор прописал"! Шаблон!

Кроме того!

Создавая этот мини-сайт, использовал не только технику блочной вёрстки, но и, что для меня особенно интересно, программу "Фотошоп".
Какую нарисовал шапку для этого сайта, Вы уже видели в самом верху страницы. Остальные элементы веб-дизайна дальше.
Об этом подробнее почитаете и посмотрите чуть ниже - в блоке отзыва пользователей.

Создание мини-сайта

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

Посмотрите его полный состав: Полный состав диска (в новом окне).

Курс о мини-сайтах

Кстати!  На моём сайте можете не только посмотреть, но и опробовать аналог страницы подписки, о которой говорится в этом курсе. В конце подраздела: Пробовать

В обучающем курсе вскользь упоминается о внешне других типах мини-сайтов, содержащих видео. Хоть я и сторонник простых, классических "посадочных" страниц, однако, вставить мультимедиа-контент вовсе не проблема. Смотрите сами: "Аудио и Видео" (в новом окне).

И последнее, что обязательно нужно знать об этом курсе.
К огромному сожалению, автор курса, по неизвестным мне причинам, решил снять его с продажи.
Да, не только его, а вообще весь обучающий диск.   Почему?! ... ... Не знаю. Без понятия!

Впрочем, есть возможность приобрести другой обучающий курс, содержащий в своём составе аналогичный раздел о создании мини-сайтов. О нём в следующем подразделе.

Назначение мини-сайтов

Чаще всего сайты такого простого типа используются в качестве всевозможных страниц, побуждающих к какому-либо действию.
Их и называют соответственно: "целевые", "лендинги", "посадочные", "страницы подписки", и т.д., и т.п., хотя суть одна - призвать пользователя совершить нужное действие.

Ну, а вообще, подобные мини-сайты очень хорошо учат создавать в 7-ом обучающем курсе целого сборника "Информационный бестселлер".  Рисунок и ссылка на него ниже.

Узнать подробнее об их назначении и способах создания можете здесь: Подробно о мини-сайтах

Видео-курс Информационный бестселлер

Он у меня тоже имеется, но останавливаться на нём не буду.  Желающие сами могут посмотреть, что входит в новый курс, по данной выше кнопке перехода.

Я же продолжу, и напишу о том, как и обещал, что мне особенно понравилось в работе над созданием этого мини-сайта по прежнему обучающему курсу.

Отзыв пользователя

Отзыв пользователя

Отличный курс! Самый лучший!

Всё доступным, простым языком рассказывается. Понято, наглядно!

Страницу, какую Вы сейчас видите перед собой, сделал, изучая его.

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

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

Эффект объёма ему придаёт тень, нарисованная в фотошоп, и спозиционированная через CSS вплотную к этому блоку.

Незначительная деталь, казалось бы, но ... ... ... .

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

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

Тень

Хотите получить эти обучающие уроки, и быстро научиться создавать разные "целевые страницы" и "страницы подписки"?  Тогда Вам сюда: Подробно о мини-сайтах

Хотите проверить готовый, полностью работоспособный мини-сайт?  Смотрите ниже.

Страница подписки

Тренируясь в вёрстке различных типов веб-страниц, создал и подходящее продолжение этому мини-сайту. Можете его опробовать.

Действующее!

P.S.*   Просто укажите своё имя и е-мейл в форме подписки, и на Ваш адрес придёт ссылка для бесплатного просмотра и скачивания отличных уроков фотошоп.

Не беспокойтесь!  Страница подписки тестовая.  Никто "спамить" в почту Вам не будет. Получите два тестовых коротких письма: первое сразу после подписки, а второе через 24 часа. И всё! На этом испытания закончатся.
Впрочем, уроки фотошоп Вы сможете получить и без всякой подписки. Подробности узнаете на смежной странице этого мини-сайта.

* * *

Проверить работу, и оценить дизайн ещё одного одностраничного сайта, чаще называемого "лендингом", можете здесь: "Шаблон лендинга" (откроется в новом окне).

Посмотреть другие шаблоны можете здесь: "Шаблоны сайтов" (откроется в новом окне).


ВВЕРХ

Коротеев Владимир Copyright © 2014 Тренировочный мини-сайт.

На сайты Куда? В фотошоп

Все права защищены. Copyright © 2009 - 2017 Коротеев Владимир.

Protected by Copyscape Duplicate Content Check
Яндекс.Метрика
Рейтинг@Mail.ru