Мини-сайтШаблон одностраничного мини-сайта![]() Занимаясь своими ежегодными, плановыми тренировками по разным обучающим курсам, сделал шаблон одностраничника. Эта страница - пример простого, классического мини-сайта. Зачем он мне понадобился?Количество запросов по такому типу сайтов более 23000 в месяц, вот и захотелось добавить подобный в своё
"Портфолио", хотя там и без него хватает различных примеров,
и даже гораздо более сложных. Почему простой?Первое: Было интересно, сколько времени займёт создание одностраничного сайта. Второе: Его просто изменить на любой нужный. Сделал его, как шаблон. Третье: Легко добавлять новые материалы. Короче - "то, что доктор прописал"!
Кроме того!Создавая этот мини-сайт, использовал не только технику блочной вёрстки, но и, что для меня особенно интересно,
программу "Фотошоп". Создание мини-сайтаСоздавал этот мини-сайт по одному из курсов, входящих в состав целой энциклопедии с названием
"Все технические моменты". Посмотрите его полный состав:
![]() Кстати! На моём сайте можете не только посмотреть, но и опробовать аналог страницы подписки,
о которой говорится в этом курсе. В конце подраздела:
В обучающем курсе вскользь упоминается о внешне других типах мини-сайтов, содержащих видео. Хоть я и сторонник простых, классических "посадочных" страниц, однако, вставить мультимедиа-контент вовсе не проблема. Смотрите сами: "Аудио и Видео" (в новом окне). И последнее, что обязательно нужно знать об этом курсе. Впрочем, есть возможность приобрести другой обучающий курс, содержащий в своём составе аналогичный раздел о создании мини-сайтов. О нём в следующем подразделе. Назначение мини-сайтовЧаще всего сайты такого простого типа используются в качестве всевозможных страниц, побуждающих к какому-либо действию. Ну, а вообще, подобные мини-сайты очень хорошо учат создавать в 7-ом обучающем курсе целого сборника "Информационный бестселлер". Рисунок и ссылка на него ниже. Узнать подробнее об их назначении и способах создания можете здесь:
![]() Он у меня тоже имеется, но останавливаться на нём не буду. Желающие сами могут посмотреть, что входит в новый курс, по данной выше кнопке перехода. Я же продолжу, и напишу о том, как и обещал, что мне особенно понравилось в работе над созданием этого мини-сайта по прежнему обучающему курсу. Отзыв пользователя![]() Отличный курс! Самый лучший! Всё доступным, простым языком рассказывается. Понято, наглядно! Страницу, какую Вы сейчас видите перед собой, сделал, изучая его. Особенно мне понравился способ, с помощью которого создан этот блок отзыва пользователей, что сейчас Вы читаете. Внешне он похож на рисунок листа бумаги, хотя на самом деле это полноценный текстовой блок с фоновым цветом и рамками, заданными через CSS. Эффект объёма ему придаёт тень, нарисованная в фотошоп, и спозиционированная через CSS вплотную к этому блоку. Незначительная деталь, казалось бы, но ... ... ... . Короче, обучающий курс действительно очень интересный, а что самое(!) интересное, так это посмотреть результаты его практического применения. Какие? Действующий мини-сайт, созданный по материалам этого обучающего курса. ![]() Хотите получить эти обучающие уроки, и быстро научиться создавать разные "целевые страницы" и "страницы подписки"?
Тогда Вам сюда:
Хотите проверить готовый, полностью работоспособный мини-сайт? Смотрите ниже. Страница подпискиТренируясь в вёрстке различных типов веб-страниц, создал и подходящее продолжение этому мини-сайту. Можете его опробовать. Действующее! P.S.* Просто укажите своё имя и е-мейл в форме подписки, и на Ваш адрес придёт ссылка для бесплатного просмотра и скачивания отличных уроков фотошоп. Не беспокойтесь! Страница подписки тестовая.
Никто "спамить" в почту Вам не будет. Получите два тестовых коротких письма: первое сразу после подписки, а второе через 24 часа.
И всё! На этом испытания закончатся. * * * Проверить работу, и оценить дизайн ещё одного одностраничного сайта, чаще называемого "лендингом", можете здесь: "Шаблон лендинга" (откроется в новом окне). Посмотреть другие шаблоны можете здесь: "Шаблоны сайтов" (откроется в новом окне). Коротеев Владимир Copyright © 2014 Тренировочный мини-сайт. |
Все права защищены. Copyright © 2009 - Коротеев Владимир.