ДЕЙСТВУЮЩИЕ САЙТЫ

Действующие в сети сайты

Сначала покажу сайты, сделанные мною по заказу, и действующие в сети. После них то, какими они могли бы быть (если бы хотели заказчики).

Все действующие сайты, созданные по заказу, делал БЕСПЛАТНО!

Как выполнял заказы, подробно представил здесь: "Удалённая работа" (в новом окне).

99% всего делал без использования вспомогательных средств, то есть "ВРУЧНУЮ"!
(В чём преимущество такой работы, смотрите здесь: "Ручная работа".)

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

Полную свободу действий даёт лишь применение HTML+CSS+PHP в чистом виде. Что и как хочу - то и делаю, так и получится. Свобода!!!

Сайты, созданные для изучения и с использованием современных технологий можно смотреть в конце страницы, либо кликните по ссылке: СМОТРЕТЬ СРАЗУ.

Первый сайт

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

Однако, чтобы воплотить свою мечту в жизнь, нужны были знания по созданию сайтов. Нужно было знать HTML и CSS, хотя бы основы.
А на это нужно ВРЕМЯ, ВРЕМЯ и ВРЕМЯ! Его не было.

Очень сильная загруженность на работе позволяла ему прилично зарабатывать, но не оставляла времени ни на что другое. (Думаю, известная Вам ситуация.)

Он обратился ко мне.
Мы переписывались, общались по скайп. В результате - появился у него свой сайт.

Вы можете посмотреть его во фреймовом окошке ниже.
После "окошка" немного написал об этом сайте: что мне хотелось бы добавить на него. Ведь, добавляю только после согласования с владельцем.
Приятного просмотра!

"МУЗЫКАЛЬНЫЕ КРИСТАЛЛЫ СПОКОЙСТВИЯ"

* * *

Сюда вставил разную фоновую музыку на 3 страницы. Те, кто вошёл к нему с браузером IE8/9 могут слышать.

Остальные браузеры "петь и плясать" под фоновую не желают.

Хотел добавить рисунки на страницу "ЭНЕРГОИНФОРМАЦИЯ". Она какая-то пустоватая: там только статьи, которые я написал по заказу будущего владельца.
Держу в "резерве" несколько фотографий, какие хотел разместить на странице.
Позвонил владельцу, но он пожелал, чтоб она осталась прежней. Говорит: "Пусть будет не похожа на остальные ... ...".   Желание заказчика - закон!
Может удастся убедить его сделать это, а пока посмотрите Вы их. Они в архиве. Там 8 фотографий, и его вес 521 КБ. Если интересно, можно скачать его ЗДЕСЬ.

Второй сайт

Сделан по заказу одной из посетительниц. Ей нужен был сайт-визитка, небольшой по размеру. Человек профессионально занимается социальной работой.
Всё повторилось, как и в первый раз. Увидела рекламку, подала запрос - составили техзадание - получила сайт.
Страниц у неё 6, просто страничка "КОНТАКТЫ" двойная и активна та, которая отражает её состояние (свободна - занята).
Приятного просмотра!

"ВАШ ПОМОЩНИК"

* * *

На странице "КОНТАКТЫ" этого ресурса, когда его владелица занята, появляется "бегущая строка".
Да и сама страница начинает выглядеть уже по-другому.

Третий сайт

Создал по заказу посетителя моего сайта из Краснодарского края. Ему нужен был сайт-реклама для своего бизнеса.

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

Всего за 12(!) дней сделал для него "под ключ" полностью работоспособный 9-ти страничный рекламный сайт с формой обратной связи и скриптом обработчика.
Приятного просмотра!

"ВЕЧЕРА НА ХУТОРЕ"

* * *

Надо сказать, места там действительно очень красивые!

Можно и рыбку половить, и в парной настоящей бане "всласть" напариться.

Вообще, пока делал этот сайт, много интересного узнал о такого рода бизнесе, как семейный.

Да и с хозяином хутора, в процессе создания сайта, познакомился поближе.

Человек любит своё дело, и планов у него много. Он хочет превратить свой хутор в "Гоголевский уголок" (да уже превращает!).

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

Четвёртый сайт

PSD-сайт. Сделан по он-лайн заказу в программе "Фотошоп". Заказавший захотел принять участие в партнёрской программе.
Приятного просмотра!

"PSD-САЙТЫ"

* * *

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

Перед публикацией заменил все ссылки на свои.
Надеюсь, понятно, почему?

Сделать сайт - это одно, а вот давать на него активные ссылки - "другая песня".

Пятый сайт

ЛИЧНАЯ СТРАНИЧКА. Самостоятельный сайт-визитка. Может использоваться, как аналог главной страницы моего основного сайта.

Имеет свой собственный, оригинальный дизайн, два вида, исправно функционирующих кнопок вызова форм обратной связи, свои скрипты, и так далее.

Создал его во время очередной плановой тренировки по освоенным веб-технологиям.

"ЛИЧНАЯ СТРАНИЧКА С ПРИМЕРАМИ JQUERY и JAVASCRIPT"

* * *

Коротко описал там достоинства и недостатки создания веб-страниц такого типа.

Но, думаю, лучше смотреть эту страницу, чем читать про неё здесь.

Шестой сайт

КАКОЙ САЙТ ЛУЧШЕ? Один из главных разделов моего сайта. Это внутренний 6-ти страничный сайт, написанный уже с помощью языка PHP.

Делал его при тренировках, после тщательного изучения курса PHP & MySQL. Находится в своём собственном каталоге.

"КАКОЙ САЙТ ЛУЧШЕ?"

* * *

Надеюсь, будет интересен людям, ищущим ответ на вопрос: "Какой лучше создать сайт?".

Разбираю на его страницах достоинства и недостатки самых базовых технологий интернета: HTML+CSS по сравнению с великолепным(!) языком PHP.

Интересен хотя бы тем, что отзыв даю непосредственно в процессе создания сайта.   "По горячему", так сказать.

Седьмой сайт

ИНТЕРНЕТ-МАГАЗИН.  Полностью автоматический он-лайн магазин.
Скрипт его купил у профессионального программиста с целью испытать и укрепить свои навыки работы с чужими кодами, полученные во время обучения.

Результат: сайт с действующим магазином расположил на другом поддомене.

"МАГАЗИН НАХОДОК"

То, что Вы видите в окошке, не сам магазин, а "буферная" страница между двумя сайтами.

Попасть внутрь магазина можно только с неё, нажав на одну из ярких кнопок: ВХОД в МАГАЗИН

Восьмой сайт

ГОСТЕВАЯ КНИГА.  Отдельный сайт, написанный на языке PHP.
Точно так же. Создавал его во время последней плановой тренировки по освоенным веб-технологиям.
Весь скрипт писал не сам, а взял из дополнительных материалов курса PHP & MySQL. Цель создания та же самая - укрепить и испытать свои навыки работы с чужими кодами, полученные во время его изучения.

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

"ГОСТЕВАЯ КНИГА"

Аналогично. В окошке ещё не сама гостевая, а "буферная" страница между двумя сайтами.

Попасть внутрь сможете, нажав на яркую кнопку: ВХОД в ГОСТЕВУЮ

Девятый сайт

ГОЛОСОВАНИЕ. Это уже не просто самостоятельный сайт на языке PHP, а целый сервис голосования, хотя внешне выглядит гораздо проще "Гостевой книги".

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

* * *

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

Отреагирует, как положено, конечно, и всё покажет, но медленнее.

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

Десятый сайт

ЭЛЕКТРОННЫЕ КНИГИ. Сделал и запустил такой ресурс как сайт-заготовку для возможности создания и компиляции электронных книг разных форматов.

Хорошо зная как, могу спокойно изменять его дизайн под любую нужную тематику.

"ЭЛЕКТРОННАЯ КНИГА"

* * *

Скачать, и посмотреть готовые, скомпилированные электронные книги, можете здесь: "Электронные книги".

Стартовая страница, которая откроется по клику, содержит подробное описание разных методов компиляции.

Одиннадцатый сайт

ПРОДАЮЩИЙ САЙТ. Создал его, как действующий шаблон "продающих", "посадочных" страниц, "лендинг пейдж" (landing page), страниц "захвата" и т.д., и т.п..

Использовал почти оригинальный дизайн реального продающего сайта. Сам с такого в прошлом совершал покупки.
"Почти" - так как изменил скрипты, вставил в него свои примечания и кое-какие рисунки.

"ПРОДАЮЩИЙ САЙТ"

* * *

Кстати**
Можете испытать продающую страницу, и сделать тестовый заказ с неё.

Посмотреть более подробно тему, связанную с созданием таких ресурсов, можете здесь: "Продающие сайты".

Двенадцатый сайт

ПОЛИГОН. Создан для собственных нужд.
Использую его при испытаниях оригинальных страниц, форм обратной связи, скриптов. Короче, всего, что хочется проверить в интернете на реальном (а не локальном) сервере.

А ещё часто пользуюсь им, как удобным личным файлообменником.

"ПОЛИГОН"

* * *

Смотреть тут особенно и нечего. Ведь, пройти на внутренние страницы сайта Вы не сможете. Они закрыты.
Зато, сама "титульная" представлена "во всей красе".

Тринадцатый сайт

БЛОГ на WordPress.  Действующий сайт, сделанный как блог с помощью CMS.
Расположен на стороннем сервере. Использую его для тренировок и испытаний, а так же в качестве "облачного хранилища".

Кстати!   Подключил на блоге возможность просматривать большое количество полезных обучающих видео-уроков по созданию сайтов на CMS WordPress, их настройке и т.д.. Все уроки от известных веб-мастеров интернета.

Слева Вы видите скриншот, а НЕ фреймовое окно, как обычно.

Попасть внутрь блога можно только по ссылке, нажав потом одну из ярких кнопок: БЛОГ на WordPress

Сайты: четырнадцатый, пятнадцатый, шестнадцатый и семнадцатый

Конструкторы сайтов.  4 действующих сайта, сделанных с помощью разных бесплатных конструкторов.
Расположены на сторонних серверах. Использовал их для изучения, тренировок и испытаний он-лайн конструкторов сайтов.

Аналогично. Слева скриншот одного из них, а НЕ фреймовое окно.

Внутрь сайтов попадёте только по ссылке, нажав потом любую из ЯРКИХ КНОПОК

Восемнадцатый сайт

ПОМОЩЬ. Это одна из главных страниц моего сайта, но она фактически полностью автономна.

Имеет независимую форму обратной связи, свои скрипты и собственную почту.

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

Если у Вас такие есть (Не дай бог!), советую обратиться. Знаю. Не пожалеете!

"ПОМОЩЬ"

* * *

** Кстати! Это одна из страниц моего главного сайта, на фон которой, по желанию её владельца, я поставил рисунок.

Считаю это излишеством, но ... ... ... желание хозяина - закон!

Девятнадцатый сайт

МИНИ-САЙТ. Ещё один пример "лендинга" или "посадочной страницы". Как угодно можно называть - суть одна.

Это простой шаблон одностраничного сайта, который я сделал во время повторения и тренировок по курсам "Веб-дизайн".

"МИНИ-САЙТ"

* * *

Потом использовал его в качестве "стартового" для перехода на сайт №20.

Двадцатый сайт

СТРАНИЦА ПОДПИСКИ. Сделал её для изучения принципов работы с рассылочным сервисом "Smart Responder".
Естественно, что это тоже полностью действующий мини-сайт, который можно очень легко испытать, оформив тестовую подписку с него. Не волнуйтесь - спама не будет!

"СТРАНИЦА ПОДПИСКИ"

* * *

Ради интереса, связал эту страницу в единую группу с предыдущим, "стартовым" сайтом №19.

Двадцать первый сайт

ШАБЛОН ЛЕНДИНГА. Создавал его, по дополнительным материалам курсов "CSS+HTML практика вёрстки сайта"  и  "Веб-дизайн" (по фотошоп).
Заодно - хорошая тренировка в использовании рассылочного сервиса "Smart Responder".

Сайт полностью действующий, что так же можно легко проверить.

"ШАБЛОН ЛЕНДИНГА"

* * *

Это ещё один интересный пример "одностраничника".
Он, как бы, объединяет два сайта в один.

Спрограммировал его форму подписки так, чтобы она появлялась ИЗ него.

Двадцать второй сайт

ИНФОРМАЦИОННЫЙ.  Сверстал этот одностраничный, информационный мини-сайт после закрытия рассылочного сервиса "Smart Responder".

Аналогично. Пример действующего вспомогательного сайта.

"SmartResponder"

* * *

Он загружается, после заполнения всех полей подписных форм, при клике по управляющей кнопке ПОЛУЧИТЬ!

Перепрограммировал формы подписки, и теперь, вместо их отправки на сторонний сервер, появляется такой сайт.

Двадцать третий сайт

ГЕНЕРАТОР ЦВЕТНЫХ ТЕКСТОВ.  Прежде чем показывать сайты, которые я называю "условно действующие", посмотрите действующий он-лайн генератор.
Сделал его во время одной из своих ежегодных плановых тренировок по использованию освоенных веб-технологий.

Кстати!   Можете сгенерировать с его помощью какой-либо необычно оформленный текст для своего сайта.

Слева Вы видите рисунок, а НЕ фреймовое окно, как обычно.
На действующий сайт попадёте по текстовой ссылке над ним.

Двадцать четвёртый (Условные)

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

"БЛОЧНАЯ ВЁРСТКА HTML+CSS"

* * *

Страница сделана в полном соответствии с принципами HTML+CSS блочной вёрстки из данного в курсе PSD-шаблона.

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

Двадцать пятый (Условные)

Применил для его создания две техники: HTML/CSS блочная вёрстка + табличная.

"СМЕШАННАЯ ВЁРСТКА HTML+CSS"

* * *

Делал сайт по курсу HTML+CSS блочной вёрстки, однако же я решил разнообразить обучение.

Добавил элементы табличной вёрстки, чтоб получилась смешанная.

Двадцать шестой (Условные)

Это несколько необычный сайт. Нашёл его код в интернете, и изначально он был сделан по технологии "flash".

"САЙТ IT-КОМПАНИИ"

* * *

Вытащил, а точнее "выцарапал" его код из тяжеловесного "flash", и сделал из него простой HTML+CSS сайт табличной вёрстки.

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

Двадцать седьмой, Двадцать восьмой и Двадцать девятый сайты (Условные)

ШАБЛОНЫ САЙТОВ - целый большой раздел, содержащий в себе на данный момент 12 полностью готовых, действующих сайта, созданных во время изучения курсов по веб-технологиям: "CSS+HTML практика вёрстки сайта"  и  "Веб-дизайн" (по фотошоп).

* * *

Во фреймовом окошке видна главная страница одного из сайтов раздела.

Пройдя по текстовой ссылке, попадёте на "стартовую" страницу просмотра всех входящих сайтов.

На ней также дано подробное описание такого способа создания своих сайтов, как использование шаблонов.

Даст посмотреть "исходные" рисунки.

Тридцатый и Тридцать первый сайты (Тестовые)

Данный БОЛЬШОЙ раздел содержит (на сегодня) в общей сложности 32 страницы.

Тестовые сайты свёрстаны по принципами HTML+CSS блочной вёрстки. Использую их для изучения и испытаний современных технологий: jQuery и jQuery UI.

** Смотреть результаты лучше по текстовой ссылке, т.к. на каждой из страниц показываю один, максимум два способа, эффекта, метода jQuery либо jQuery UI.
Кроме того, обратите внимание на примечание ниже.

Виден базовый тестовый сайт.

Текстовая ссылка над фреймом Вас приведёт на ОБЩУЮ страницу выбора: jQuery или jQuery UI.

С неё Вам будет легко выбрать, что наиболее интересует.

Тридцать второй сайт (Условные)

САЙТ-ВИЗИТКА. Создал его во время дальнейшего изучения, и тренировок по HTML+CSS блочной вёрстке.

"САЙТ-ВИЗИТКА"

* * *

Интересовали способы веб-дизайна с помощью только базовых технологий интернета.

Полностью работоспособный. Разработку сайта подробно прокомментировал.

Очень просто использовать, как шаблон для создания сайтов-визиток.

Тридцать третий сайт (Условные)

ШАБЛОН БЛОГА. Сделал его во время своих ежегодных, плановых тренировок по работе в программе "Фотошоп" и укреплению навыков в HTML+CSS блочной вёрстке.

"ВЕБ-ДИЗАЙН БЛОГА"

* * *

Работа над созданием этого шаблона была особенно интересна для меня, поскольку охватывала сразу несколько веб-технологий.

Кроме веб-дизайна и вёрстки, там ещё и JavaScript, и jQuery, и PHP есть.

Данный сайт - действующий шаблон для создания страниц любых блогов.

Тридцать четвёртый сайт (Условные)

ПРЕЗЕНТАЦИЯ. Аналогично. Сделал её при тренировках по работе в программе "Фотошоп" и расширению навыков программирования.

"АВТОМАТИЧЕСКИЙ СЛАЙДЕР CSS"

* * *

Созданием этого сайта занялся, чтобы на практике лучше освоить современные веб-технологии.

Код этого слайдера нашёл в интернете. Он сделан с использованием CSS 3.

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

Действующий результат перед Вами.

Тридцать пятый сайт (Заготовка)

Страница сделана в полном соответствии с принципами HTML+CSS блочной вёрстки.

"БЛОЧНЫЙ КАРКАС HTML+CSS САЙТА"

* * *

Это действующий каркас сайта. Можно его заполнить, и использовать.

Не стал убирать вспомогательные линии, чтоб были видны блоки.

Тридцать шестой сайт (Справочный)

Этот 4-ёх страничный справочный сайт-шпаргалку сделал для себя во время изучения и практических тренировках по jQuery и jQuery UI.

Использую постоянно, т.к. его страницы содержат всю, нужную мне базовую информацию по этим современным технологиям.

"ОСНОВЫ jQuery"

* * *

Удобен тем, что всегда "под рукой", и позволяет выполнять НЕ МЕНЕЕ 90% задач по программированию.

Тридцать седьмой сайт (Справочный)

Ещё один действующий 7-ми страничный справочный сайт-шпаргалка. Создал его также для себя, изучая и тренируясь в HTML и JavaScript.

Это, фактически, он-лайн справочник основ программного рисования, который легко позволяет использовать современные технологии, появившиеся в HTML 5, для прежней и привычной мне версии HTML 4.01 Transitional.

Слева Вы видите рисунок, а НЕ фреймовое окно, как обычно.
На действующий сайт попадёте по текстовой ссылке над ним.

Его страницы слишком тяжёлые для фреймового окна.

* * *

Аналогично. Он всегда "под рукой", и позволяет разобраться в кодах даже довольно сложных векторных и скриптовых рисунков.

Тридцать восьмой сайт (Тренировочный)

ИЗУЧЕНИЕ PHP. Такой, 15-ти страничный тренировочный сайт "образовался" у меня во время плановых практических тренировок по использованию основ PHP.

* * *

Большинство таких страниц держу на локальном сервере, а здесь разместил наиболее интересные из них.

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

Логику работы использованных скриптов подробно прокомментировал.

Тридцать девятый (Тестовый)

Такой сайт появился у меня в результате изучения новых возможностей в вёрстке, которые появились в HTML5 и CSS3.

* * *

Делал его по интересному мини-курсу адаптивной вёрстки.

Однако, меня больше заинтересовало другое.

Можно ли(???) сделать адаптивный сайт БЕЗ использования HTML 5 и CSS 3.

И кроме того!  На языке PHP дописал в него действующую форму запроса на скачивание упомянутого мини-курса.

Результат перед Вами.

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

Удобнее просто, узнать об этом (почему частично), а заодно и проверить страницу на адаптивность можно, пройдя по верхней текстовой ссылке.

Считаю, для этого раздела своего "Портфолио" показал вполне достаточно.

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

ВВЕРХ