Мини-сайт

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

Кроме того!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* * *

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

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

ВВЕРХ