Логотип Валидатор Валидатор Качество создания сайта

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

На выбор сайтов

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

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

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

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

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

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

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


Первый сайт

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

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

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


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

Вы можете посмотреть его в окошке ниже, либо перейти по ссылке. Лучше по ссылке, так как окошко немного искажает: оно старается "втиснуть" всё в свои размеры (400х300px).
Ниже "окошка" немного написал об этом сайте: что мне хотелось бы добавить на него. Ведь, добавляю только после согласования с владельцем.
Приятного просмотра!

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

* * *

Сюда вставил разную фоновую музыку на 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"
Блог на 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 блочной вёрстки, однако же я решил разнообразить обучение.

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



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

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

"ШАБЛОНЫ САЙТОВ"

* * *

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

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

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

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



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

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

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

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

"JQUERY"

Внимание!

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

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

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



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

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

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

* * *

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

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

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



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

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

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

* * *

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

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

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



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

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

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

* * *

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

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



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

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

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

"ОСНОВЫ jQuery"

* * *

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



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

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

"ИЗУЧЕНИЕ PHP"

* * *

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

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

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



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

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

"АДАПТИВНАЯ ВЁРСТКА"

* * *

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

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

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

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

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

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

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


Разделитель


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

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

Или же поднимитесь "ВВЕРХ" на ОБЩИЙ НАВИГАТОР.

На выбор сайтов

ВВЕРХ

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

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