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

СОЗДАНИЕ САЙТОВ


Техника создания сайтов

Создание сайтов

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

Постарался описать процесс создания так, как всегда делаю сам, т.е. пошагово, с самого начала.

Чтоб точнее решить, какой лучше создавать сайт, запустил внутренний мини-сайт уже на PHP с похожим названием: "Какой сайт лучше?" (в новом окне).

К внутренним разделам "Просто jQuery"  и  jQuery UI сделал дополнительную страницу, которую соответственно назвал: "Современные технологии". В ней наглядно показываю скрытый недостаток этих современных технологий (откроются в новом окне).

* * *

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


Зачем Вам нужен сайт?

А действительно, зачем? Зачем?!

  • Сайт, как дань моде: - «у всех есть сайт, и у меня пусть будет ...»?
  • Размещение информации для друзей, или сотрудников?
  • Обнародование и пропаганда каких-то знаний, идей, методов, мнений?
  • Организация дискуссий по интересующей Вас проблеме?
  • Размещение информации для постоянного круга клиентов?
  • Получение прибыли от существования популярного сайта?
  • И так далее, и тому подобное ... ... ?

Назначение любого сайта общеизвестно - реклама!
Неважно чего: товаров, услуг, мнений, знаний ... ... и т.д..
Значит, сайт должен служить площадкой для этого.   Если не служит, - зачем он?!

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

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

Зачем?Пример одного из таких "дизайнерских" сайтов, очень красивого и интересного, но низко оцененного кибернетикой, найдёте здесь: "ВЫБОР" (откроется в новом окне).
Это представительский сайт, поэтому только благодаря солидным денежным вливаниям в его рекламу, хорошо индексируется поисковиками.

* * *

ЗАЧЕМ??   Когда этот, главный, вопрос для себя решите, можно двигаться дальше.

К списку


Какой сайт делать?

Протоколы передачи данных

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

Рано или поздно Вам всё равно придётся столкнуться с этим, и, если сайт уже сделан, придётся многое переделывать.

Не буду здесь подробно разъяснять, в чём разница, тем более, что я уже сделал это на странице "Безопасность" (откроется в новом окне).

На указанной странице всё подробнейшим образом рассказал и показал, а также объяснил, каким сайтам защищённый протокол "https" необходим, а какие вполне могут обойтись без этого довольно дорогого(!) "удовольствия".

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

А теперь можно переходить к вопросу, какой сайт лучше делать.

Надеюсь, Вы уже посетили внутренний мини-сайт: "Какой сайт лучше?", и смотрели страницы сравнения технологий PHP и HTML на нём.
Аналогично, что "Просто jQuery" и "jQuery UI" тоже не остались без Вашего внимания.
Там много о них написано. Не буду повторяться.

Так, какой же сайт делать?

Простой, используя HTML+CSS, и, лишь только где необходимо, скрипты PHP?
Либо на "движке", используя CMS, "админку"?

** "Движок" - жаргонное название CMS.

CMS - Content Manager System - система управления контентом.

Читайте ниже о 2-ух самых распространённых МИФАХ создания сайтов.

CMS - Миф №1 - сайт обязательно нужно делать на "движке"!
"Движок" - это специализированное программное средство, позволяющее значительно ускорить создание сайта.

Любой "движок" увеличивает производительность труда веб-мастера.
Именно поэтому, создатели сайтов их так любят. Применение "движка" считается чуть ли не обязательным!

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

* Сайт на "движке" всегда проиграет сделанному на "старом, добром" HTML+CSS. *

Почему?!
Полюбуйтесь, на что становится похож ресурс на CMS: Сайты на CMS

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

***

CMS - Миф №2 - без неё невозможно управлять сайтом.
Система управления содержимым сайта ("админка") - разумеется, штука очень удобная.
Она позволяет владельцу самостоятельно менять информацию на сайте. Если, конечно, он умеет обращаться с установленным "движком".

Это очень нравится заказчикам.
Действительно интересно(!) - самому менять тексты, вставлять другие иллюстрации, корректировать систему навигации (хотя для этого требуются тоже немалые знания и опыт).
Правда, вскоре такой сайт опять потребует вмешательства веб-мастера ... ... , но ... .

Да и программный код "админки" так же очень громоздок. К чему это приводит, писал выше.
Есть же CSS (каскадная таблица стилей)! В связке с HTML, и грамотном сочетании самих файлов CSS, она позволяет "рулить" не хуже любой панели администратора, оставляя код лёгким.

**Пример
У меня на этом сайте более 200 страниц, да у моих клиентов в общей сложности 27. Превосходно обхожусь без всяких "админок"!  HTML+CSS только!
Один единственный напряжённый день в году был - смена дат у копирайтов. И всё!
Да и то - не целый день, а где-то часов 10 - 12 максимум.

**Кстати!  О смене дат у копирайтов.

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

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

Тем не менее, держал в запасе простой JavaScript-код, написанный во время изучения и тренировок по данной технологии. Он позволяет автоматически менять дату года.

И вот - при очередной "ревизии" я всё же не выдержал, и установил этот код на все-все страницы своего сайта и сайтов своих клиентов.
Уж очень нудно стало совершать (при таком количестве страниц) одно и то же действие: открыть страницу, проверить её, сменить дату, закрыть страницу, после закачать готовые на сервер.  И так далее со всеми страницами. Тоска жуткая!

Одним словом, ... ... ... думаю, ясно. Теперь - порядок! Полный порядок!

Автоматический календарь

Посмотреть работу этого кода можете здесь: "Часы для сайта" (в новом окне), а скачать себе этот полезный скрипт даю (разумеется, бесплатно) из одноимённого раздела "Полезное" здесь: Автоматический календарь

***

Вывод:
Если Вам нужен небольшой сайт на 5-50 страничек, то его лучше всего проектировать на простом языке (HTML и CSS).
Тяжёлый программный код плохую услугу оказывает владельцу ресурса.

Если создаётся БОЛЬШОЙ сайт, на котором будут сотни и тысячи страниц, информация будет часто меняться, - его делают на PHP.

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

Однако, на мой взгляд, и здесь есть выход!

Совет, какой всё же делать сайт, смотрите несколько ниже - через 6-7 статей, либо же можете перейти к нему сразу: Совет, какой всё же делать сайт

К списку


Шапка сайта

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

Шапка сайта

Понятно, что это очень важный(!) элемент для любого ресурса.
Ведь, нередко только на основе первого впечатления от этого элемента посетитель решает, будет он смотреть сайт дальше, или уйдёт с него. И, скорее всего, навсегда!

Поэтому нужно знать основы создания шапок для сайта.

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

Опубликовал там не только полный список необходимых для любой шапки составляющих, но испытал, и дал подробный, наглядный отчёт по использованию разных программ: как встроенных в О.С. Windows 10 компьютера, так и он-лайн сервисов фотошопа.

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

А кроме того!

Указал там адрес ресурса, где можно бесплатно скачать ОГРОМНОЕ КОЛИЧЕСТВО ИЗОБРАЖЕНИЙ в большом разрешении.

И ещё.

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

К списку


Меню для сайта

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

Меню для сайта

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

Именно по этой причине (простота увеличения) я и использую на своём сайте табличное меню. Оно самое простое!

Однако!

Применять такое (табличное) меню для сайта по правилам HTML-вёрстки считается НЕ правильным! Так уж вышло!Почему?!   И что же тогда делать? Какое меню делать?!

О нескольких самых интересных (и правильных!) меню Вы всё узнаете на специально для этого созданной странице "Меню для сайта" (откроется в новом окне).

И кстати!

Ссылки и их атрибуты

На этой же самой странице Вы не только найдёте интересные примеры меню, но узнаете, и сможете скачать много полезной информации.

Я храню на упомянутой странице 3 пособия о ссылках и их атрибутах, которые в своё время составил для себя, изучая эти важнейшие(!) элементы любого ресурса.

Сайт без ссылок - не сайт! А убожество!

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

К списку


Мультимедиа на сайте

Если Вы прочитали предыдущую статью о 2-ух самых распространённых мифах в сети, то понимаете: не всё, что говорят или делают многие - истина.

Галерея

Скажем, многие считают, что без CMS невозможно вставить на свой сайт мультимедийный контент: аудио, видео, фотогалереи.

Честно признаюсь: сам так считал, пока основательно не разобрался с возможностями HTML и CSS. Да!

Теперь знаю точно!  Е Р У Н Д А !

Интересует, как сделать HTML-галерею для сайта?
Вам сюда: "Галерея" (откроется в новом окне).

Хотите вставить видео или аудио на свой ресурс?
Пожалуйста: "Аудио и Видео" (откроется в новом окне).

***

Автоматический слайдер CSS

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

HTML + CSS только!

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

Его работу увидите здесь: "Автоматический слайдер CSS" (откроется в новом окне).

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

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

Вот она - схема этой функции.
Схема функции Безье

Из более чем 50-ти страниц, объясняющих принципы работы этой функции, понял, что для создания анимации с её помощью, нужно прописать в коде 4 базовых точки, которые, собственно, и видно хорошо на схеме.

Не буду морочить Вам голову, а скажу лишь, что в данной анимации стабильно работают именно 4 слайда.

Проводил испытания у себя на поддомене "Полигон" (откроется в новом окне), где пытался добавить 5-ый и 6-ой слайды.
Получилось! НО!
И 5-ый, и 6-ой слайды срабатывали (т.е. показывались) только при первом запуске, т.е когда страница впервые загружалась, либо перезагружалась.

Короче, впервые загрузившись, слайдер показывал все - и 5, и 6 слайдов, а дальше же он переставал показывать первые, продолжая хорошо показывать 4 последних из тех, что я добавлял в его CSS и HTML коды.

И ещё! Обязательно нужно сказать и о том, что CSS-код этого слайдера ОГРОМЕН!  В нём содержится аж 438 строчек кода!  Но ... ... код интересный! Очень!
Фактически, его код и состоит-то из одного CSS-кода, и лишь немного HTML в самом его конце. Короче, таблица стилей в нём подключена НЕ внешняя, а прописана прямо в тэге head самой веб-страницы с ним.

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

Да, и по большому-то счёту, для создания красивой презентации вполне можно запустить 5 кадров, один из которых (первый) сделать декоративным, т.е. для самого первого показа. Остальные 4 слайда будут работать, как и полагается, сменяя друг-друга. Думаю, этого будет более чем достаточно. Ну ... ... это лично моё мнение.

Единственное, что хочу добавить - не стоит делать такие большие рисунки (1024 Х 1024 пикселя) для слайдов, как это сделал я. Они "режутся".
Оптимальным, считаю, будет где-то 680 Х 680 пикселей. Впрочем, это нужно пробовать, а у себя я, будет время, переделаю. Уменьшу, либо пропишу рисункам адаптивность.

Кому понравился этот интересный автоматический слайдер CSS, смогут скачать себе его полностью рабочий код, как всегда бесплатно, со страницы "Полезное" здесь: Автоматический слайдер CSS (откроется в новом окне).

Об использовании. ВАЖНО!  Тем, кто захочет использовать этот слайдер для создания своего сайта, очень НЕ советую делать его "индексной", т.е. главной страницей будущего ресурса.
Текста в нём, практически, нет!  Один код, что вызовет "пренебрежение" к нему со стороны поисковиков. А вот для внутренних презентаций он очень даже подходит!

* * *

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

К списку


Просмотрщик изображений

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

Почему так уверен?

Просмотрщик изображений

Да потому, что это, наверное, самый простой способ создать удобный просмотрщик изображений у себя на сайте.

Здесь даже(!) CSS не нужно!

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

Не буду повторяться, а лучше посмотрите сами.

"Просмотрщик изображений" (откроется в новом окне).

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

К списку


Слайд-шоу

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

Хотя, конечно, слайдеры, сделанные с помощью jQuery, интереснее тех, что легко даёт "соорудить" простой HTML, но ... ... .

Дочитайте статью до конца - найдёте очень полезную для Вас информацию.

Слайд-шоу

Не буду повторяться, почему для себя предпочёл бы чистый HTML.

Просто, предлагаю посмотреть оба типа слайдеров.

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

**Кстати!

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

Посмотрели?
Для тех, кто не заходил на смежную страницу, чтоб получилась целая "картина маслом", даю ссылку: "Слайд-шоу на HTML" (откроется в новом окне).
P.S. Заодно, почувствуете и разницу в загрузке.

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

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

Надеюсь, тем, кто посетил предложенные страницы, они помогли определиться.

К списку


Видеосвязь

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

Видеосвязь

Большинство думает, что видеосвязь возможна только лишь с помощью скайп.

К счастью, это далеко НЕ так! Подобных программ много.

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

Так её и назвал: "Видеосвязь" (откроется в новом окне).

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

Кроме этого, страница поможет разобраться, и скачать подходящее Вам приложение, так как программа видеосвязи НЕ ОДНА. Их много!

К списку


Он-лайн чат для сайта

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

Чаты для сайта

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

Узнать, чем отличаются обычные чаты, используемые всеми, от он-лайн чатов для сайта, а заодно и опробовать образец такого, можете здесь: "Он-лайн чат" (откроется в новом окне).

К списку


Совет: какой всё же делать сайт

Научившись делать разные по сложности страницы, их можно видеть в разделе моего "Портфолио":  "Учебные сайты", вернулся к истокам.

Я приверженец классики: HTML+CSS и самое необходимое (обратная связь) PHP-скрипт.

HTML+CSS сайты чем-то похожи на крепость. Они "железобетонные", устойчивые.
Интуитивно понятный код. Основное корректно отображается во всех браузерах. Возможность внедрять JS-скрипты прямо в HTML-страницу.

Важно! И кстати!   Думаете случайно, авторы серьёзных обучающих курсов по созданию сайтов на каких-либо популярных CMS настоятельно рекомендуют сначала(!) изучить хотя бы основы HTML+CSS, а потом уже браться за "движки"?

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

Зачем?!

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


Во многом могут помочь решить этот вопрос страницы: "Современные технологии" и "О сайтах и дизайне".

Раздел "ВЫБОР" содержит БОЛЬШОЕ количество полезной информации, чтоб Вы могли хорошо представить себе: какие виды специальностей Вам предстоит освоить.

Кроме того, очень советую почитать рекомендации "Яндекса" о том, каким должен быть создающийся сайт.
Здесь 19 страничек в формате PDF. Можете почитать их, нажав на кнопку-рисунок.

Рекомендации Яндекса

Вывод:
Лучше всего делать ядро сайта лёгким, хорошо воспринимаемым любым поисковиком.
Оно будет, как "стремительный локомотив", продвигать Ваш ресурс. Ядро разместить на главном домене. HTML+CSS Только!

А вот к нему уже "прицепить" (если нужно) "тяжёлый состав" с базами: каталогом, форумом, интернет-магазином и т.д..
Его расположить на домене третьего уровня, куда и установить CMS.

** Кстати!
Свой собственный интернет-магазин разместил именно так.
Сделал заход на него только через "буферную" страницу с одноимённым названием: "Магазин находок" (откроется в новом окне).  Результатами доволен! Отлично!

Тестовые сайты, на которых показываю много различных примеров использования jQuery и jQuery UI, содержащие большое количество кода, доступны с их "буферных" страниц. Сами же они в своих подкаталогах, оставляя ядро (корень сайта) лёгким.

К списку


Адаптивная вёрстка

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

Адаптивная вёрстка

Особенно быстро "размножаются" всевозможные мобильные устройства: планшеты, смартфоны.  Особенно смартфоны!

И это здорово!

Действительно здорово - иметь в кармане или сумке маленький, настоящий компьютер!

НО!

Такое разнообразие всевозможных по размеру устройств в разы прибавляет хлопот создателям сайтов. Мониторы-то у всех устройств разные ... ... ... .

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

Страница здесь: "Адаптивная вёрстка" (откроется в новом окне).

Кстати! Сможете там не только посмотреть, проверить, но и найдёте много полезной информации по этой теме.
Бесплатный мини-курс адаптивной вёрстки, в том числе.

К списку


Сайт-визитка

Наиболее простой тип сайтов. Чтобы создать сайт-визитку, достаточно освоить одни лишь основы базовых технологий. Всё тех же HTML+CSS.

Самый простой сайт-визитку вообще можно сделать практически на "чистом" HTML.  Вы могли видеть такой на странице "Помощь" (откроется в новом окне).

Если Вас интересует создание сайта с элементами дизайна, читайте дальше.

Сайт-визитка

Дизайн сайта-визитки любой сложности Вам позволит осуществить добавление дополнительных кодов в файл CSS.

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

Найдёте его здесь: "Сайт-визитка" (откроется в новом окне).

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

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

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

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

К списку


Шаблоны сайтов

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

Насколько это удачное решение?

В некоторых статьях на своём сайте часто употребляю слово "шаблон" в отрицательном, пренебрежительном смысле.

НО!

В данном случае считаю, что такое решение - самое правильное(!) для начинающего веб-мастера. Оно оптимально!

Ведь речь идёт о HTML+CSS шаблонах сайтов, а с их помощью можно создавать много, огромное количество разных, оригинальных, непохожих друг на друга сайтов, да к тому же - на одном единственном(!) шаблоне.

Шаблоны сайтов

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

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

Не буду повторять содержание статей из того раздела. Одно лишь скажу, что использовать шаблоны сайтов МОЖНО, и вполне успешно!      НО!
Желательно это делать лишь после того, как научитесь самостоятельно, вручную верстать их аналоги.
Иначе будет очень проблемно разобраться в логике структуры таблиц и блоков шаблона. Особенно это касается сложных HTML+CSS шаблонов сайтов.

Могу лишь посоветовать вводить в каркас какие-нибудь (только НЕ форматирующие!) символы, и смотреть, где они появятся.
Я, к примеру, использую такие: ЪЪЪ.   Посмотрю, где появились, и убираю.

* * *

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

К списку


Шаблон лендинга

Хорошо закрепив навыки уверенного использования HTML+CSS на примерах шаблонов разных сайтов, можно уже браться и за создание своего собственного.

Однако! Учтите, что знаний одних лишь базовых технологий будет недостаточно. Нужно освоить хотя бы основы JavaScript и jQuery.

Шаблон лендинга

Что такое "лендинг", написал в следующей статье, как и о том, что названий у него много, хотя смысл один.

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

Решил выделить его описание в отдельную статью.
Почему?

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

Дело в том, что использовал для его создания дополнительные материалы, взятые из обучающих курсов: "Веб-дизайн" и "CSS + HTML практика вёрстки сайта".

Так вот "исходник", приложенный к одному из них, был сделан с помощью специального программного обеспечения.
Это так называемая "off-line CMS" - программа "Adobe Muse".

Интересная, конечно, программа для дизайна и создания сайтов.
Только вот от того количества лишнего кода, которое генерирует эта CMS "глаза на лоб лезут". Жуть! Она самая!
И, кроме того - изменять что-либо в её кодах - занятие для мазохистов. Не иначе!

Изменения легко можно внести, только имея у себя на компьютере указанную программу. А стоит она отнюдь НЕ дёшево ... ... ... !

Короче.
Выбросил из 10-ти скриптовых файлов 9 и, использовав одну понравившуюся картинку, сверстал свой собственный шаблон лендинга вручную!

Результат Вы, надеюсь, видели. Скажу лишь, что исходник весил 2,75 МБ, а мой шаблон весит всего 358 КБ (с тремя счётчиками).
Да, и изменить его на любой другой - проще не бывает!

* * *

Полагаю, представленный шаблон сайта, вполне обоснованно можно считать лишним подтверждением того, что без всяких CMS делать сайты не только можно, а даже гораздо проще и лучше.
Напомню Вам на всякий случай свою статью о 2-ух самых распространённых мифах создания сайтов.  Вот она: Мифы о CMS

К списку


Мини-сайт и страница подписки

Это самые популярные в интернете типы простых сайтов. Как раз для их создания лучше всего подходят именно базовые технологии HTML+CSS.

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

Мини-сайт и страница подписки

Зачем(?) нужны такие веб-страницы, подробно написал в одной из статей раздела "Выбор исполнителя" (в новом окне).

Не буду здесь повторяться, а просто дам ссылку для перехода на просмотр примера лендингов: "Мини-сайт" (в новом окне).

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

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

Так что - их вполне можно использовать, как шаблоны одностраничных сайтов, сменив лишь веб-дизайн.

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

Для создания страниц обоих мини-сайтов применил классический дизайн, хотя, Вы сами понимаете, можно было бы сделать по-любому. Это же - HTML+CSS!

Да вообще! Всё полностью зависит от целей создания таких веб-страниц.

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

Однако! Чтобы совершать подобные "превращения", только лишь знаний HTML и CSS уже будет недостаточно. Нужно переходить к изучению PHP.

К списку


Работа с текстом

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

Работа с текстом

Ведь, по большому-то счёту, без текста и самого сайта нет!

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

В этом Вам хорошо поможет раздел "Текстовые эффекты" (в новом окне).

Кстати!  Там же, в указанном разделе, дал ссылки и на другие интересные и полезные страницы по такой очень важной теме.

К списку


Регулярные выражения

Если Вы решили создать свой сайт с БОЛЬШИМ количеством текстовой информации, то освоить такую "премудрость", как регулярные выражения, придётся!

Регулярные выражения

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

Узнать, что это за технология, посмотреть простые примеры её использования сможете по данной ниже ссылке.

Вот она: "Регулярные выражения" (в новом окне).

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

К списку


Амперсанды

То же самое: захотев заняться созданием сайтов, очень желательно "подружиться" с этим интересным символом, который есть на клавиатуре.

Амперсанд

С его помощью Вы сможете очень легко и оригинально оформлять контент своего сайта БЕЗ использования тяжёлых "по весу" рисунков.

К примеру, слева Вы видите рисунок амперсанда "весом" 18,2 КБ (килобайты), а здесь, ниже, этот же символ, но выведенный уже через код амперсанда - &

&
*Prim.  Размер можно задать какой угодно. Любой! Сейчас я дал ему 164px.

Так вот "вес" нижнего изображения (со всеми его кодами: вывода и увеличения размера и жирности) составляет всего-навсего 61 байт, что в сотни раз легче! Ведь, это уже не рисунок вовсе, а текст.

**Справка.   1 килобайт равен 1024 байта.

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

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

Он здесь: "Амперсанды" (откроется в новом окне).

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

К списку


Рисование в HTML

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

Рисование в HTML

Оно поможет Вам оригинально оформить контент своего сайта даже(!) без использования фотошоп.

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

Впрочем, смотрите сами: "Рисование в HTML" (в новом окне).

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

К списку


Веб-элементы для сайта

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

Веб-элементы для сайта

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

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

Многое узнаете здесь: "Индикаторы" (откроется в новом окне).

И не менее много здесь: "Кнопки для сайта" (откроется в новом окне).

* * *

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

Веб-элементы для сайта

Конечно, нужно было бы поставить информацию об этом в самое начало подраздела о веб-элементах, но "так уж карта легла", что делал его гораздо позже.Так уж вышло!

Однако, он стоит того, чтобы его посетить!

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

И самое главное.
Узнаете, как всё показанное там можно сделать в разы проще!

Большой и интересный раздел о создании веб-элементов для своего сайта находится здесь: "JavaScript Dynamics" (откроется в новом окне).

К списку


Использование рассылочных сервисов

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

Всё отлично работает! Казалось бы - полный порядок?

Однако, неожиданно может возникнуть ситуация, когда придётся её, страницу подписки, переделывать!

Использование рассылочных сервисов

Почему?!

Повторяться не буду. Всё подробно рассказал и показал на информационной странице "SmartResponder" (в новом окне).

Скажу лишь, что предпринятые меры позволили мне сохранить созданные тестовые сайты БЕЗ серьёзных переделок их кода.

Кроме того! Все формы подписок остались работоспособны, а переподключить их - дело пары часов, если будет нужно.

К списку


Изучение PHP

Если Вы захотели создать простой сайт, то перед Вами может встать вопрос.
Стоит ли, в таком случае, изучать язык программирования PHP, если нужен всего лишь простой сайт? Стоит ли?

Даже при создании простого сайта, думаю, стоит!  Он станет гораздо привлекательнее для посетителя.
Ведь, возможность совершать какие-то действия на сайте, "общаться" с ним, а НЕ просто смотреть - интереснее!

Причём, вовсе необязательно(!) "углубляться в дебри" программирования.

Всё зависит от целей создания ресурса. В большинстве случаев вполне хватает - освоить основы PHP.

Изучение PHP

Надеюсь, что Вы уже посмотрели раздел, посвящённый созданию сайтов на PHP: "Какой сайт лучше?" (откроется в новом окне).

Если решите, что эта технология Вам нужна, то хорошо поможет в её освоении внутренний сайт "Изучение PHP" (откроется в новом окне).

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

Что особенно отрадно (для меня, по крайней мере) - изучив основы PHP, не нужны становятся никакие CMS. Всё можно делать вручную!

PHP и JavaScript

**Кстати! Очень рекомендую ознакомиться в указанном разделе со страницей "PHP и JavaScript" (откроется в новом окне).

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

О практическом применении показанных методов, написал чуть ниже, а сначала скажу о том, без чего изучать PHP если и НЕ невозможно, то крайне тяжело!

К списку


Локальный сервер

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

Локальный сервер

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

Как это сделать?

Вот как раз об этом: как установить и использовать локальный сервер, Вы и узнаете в разделе с одноимённым названием: "Локальный сервер" (в новом окне).

Ну, а теперь пора переходить к практическому применению PHP.

К списку


Когда не обойтись без PHP-скрипта?

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

Разумеется: опросники, гостевые книги, блоги, форумы, интернет-магазины, и т.д., и т.п..
Короче, всё, что требует получение обратной связи (отклика) прямо на страницы сайта, нужно создавать на PHP.   А точнее, на PHP + JavaScript.

Гостевая книга

Исключительно ради примера для портфолио, создал на своём сайте новый каталог "Гостевая книга" (откроется в новом окне).

Само собой, держу её, как всегда, НЕ в корне сайта. Только, дело даже не в этом, вернее, не столько в этом.

Конечно, такого типа веб-страницы, где пользователи могут оставлять свои отзывы, комментарии, становятся всё более популярными. Факт!

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

Если ежедневно НЕ контролировать содержание гостевой книги, то, будьте уверены(!), очень скоро она превратится в "помойку рекламы и ссылок".

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

Ведь, несмотря на кажущуюся простоту, кода в ней всякого предостаточно!   А к чему такое приводит, Вы могли читать в других статьях на этой же странице.

И ещё.
Самое обидное (для меня, по крайней мере) то, что не менее 60%(!!!) кода скриптов, предназначено для защиты от всяких "интернет-пачкунов".
Насколько легче и проще были бы скрипты без всех этих "доспехов"! Но ... ... ... . Ничего не поделаешь!

* * *

Теперь ещё немного скажу о ставших модными в последнее время "прибамбасах", всевозможных опросниках.
Ведь, для их создания тем более не обойтись без PHP + JavaScript.

Голосование

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

В то же время(!), необходимых для функционирования опросника скриптов нужно ещё больше.
Если для гостевой достаточно "сайта-спутника", то здесь уже нужен целый сервисный мини-сайт.

Аналогично. Только ради примера для портфолио, создал на сайте новый каталог "Голосование" (откроется в новом окне).
Да, и делал-то его, честно говоря, больше ради тренировки. Делать было интересно, но вот пользы от него - н и к а к о й. К сожалению!

Действительно!
Что даёт совершенно обезличенный клик? Информативность его стремится к "0".

Если в гостевой человек может (при желании) хоть что-то написать, то в опроснике такой возможности, как правило, нет (а если есть, то и количество скрипта гораздо больше).

Кто кликнул так, или иначе?  Почему именно так?  Какова специальность у принявшего участие в опросе?  И т.д., и т.п.. Вместо ответов, одни лишь вопросы ... ... .

Так что, думаю, совершенно обоснованно считаю, что для простых ресурсов подобные модные "удобства" абсолютно не нужны.

P.S.* На всякий случай напомню: сам такое "наворотил" исключительно ради своего портфолио.

К списку


Использование технологий

Речь идёт как раз о тех технологиях, примеры которых Вы могли видеть (если посещали) в разделах сайта: JavaScript,  jQuery  и  jQuery UI (откроются в новом окне).

Возможности они дают конечно великолепные! Это факт. И практически все современные крупные ресурсы используют их. Удобства для пользователей очевидны.

Современные технологии

НЕ очевидна лишь одна вещь. Хватит ли средств на рекламу? И это, при всём том, что использование скриптов библиотек jQuery БЕСПЛАТНО!

Здесь всё зависит от Ваших возможностей и целей создания сайта. О своих целях и причинах НЕ ИСПОЛЬЗОВАНИЯ этих отличных технологий, очень подробно и наглядно ответил на смежной странице "Современные технологии".

**Кстати, посмотрите сразу нижнюю статью о сайтах на CMS, т.к. я ссылаюсь на неё там. Читать

И, кроме того. Для информации.
HTML-структура моего любимого виджета jQuery UI "Умные вкладки", который Вы могли видеть, практически НИЧЕМ не отличается от структуры данной страницы. Принципы действия одинаковые.
Только вот количество кода здесь мизерное, а какое там - Вы могли видеть на смежной странице "Современные технологии".

**И ещё!  Раз уж речь зашла о вкладках сайта, то посмотрите раздел, где показываю действие точно таких же "умных вкладок", которые сделал исключительно с помощью HTML + CSS, абсолютно БЕЗ всяких скриптов!  "HTML + CSS Вкладки для сайта". Там я всё наглядно показал, и подробно рассказал, что и как.

Внимание! Однако! Справедливости ради, нужно обязательно отметить, что у упомянутых технологий, несмотря на большое количество скриптов и всякого кода, есть и огромные, просто великолепные(!) возможности, недоступные обычным HTML+CSS.

Анимация на JavaScript

К примеру, очень интересный эффект падающего снега, который я показывал в одном из разделов "JavaScript", сделать на обычных HTML и CSS не получится.

Нет! Что-то похожее на этот эффект создать можно, конечно, если поставить на фон страницы "gif-анимацию", но именно всего лишь только похожее.
Управлять количеством снежинок и их скоростью без замены фонового рисунка НЕ получится.

Короче, зайдите на страницу "Снег на сайте", и сами всё поймёте. А здесь я хочу написать пару слов о других современных технологиях создания сайтов.

Скажем, если Вы уже посещали "jQuery МЕГА-меню", то заметили, конечно, насколько удобно, функционально оно устроено. Да и места на странице практически не занимает!

Аналогично. Если Вы смотрели "jQuery РОТАТОР контента", то, разумеется, оценили и достоинства такого способа подачи информации.

Поэтому, если Вам нужны какие-то особые эффекты, рекомендую обратить своё внимание именно на jQuery.

К списку


ОСНОВЫ jQuery

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

Справочный сайт

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

"ОСНОВЫ jQuery" (откроется в новом окне).

Мне этот справочник до сих пор помогает выполнять не менее 90% задач по программированию на jQuery.

К списку


Сайты на CMS

Что такое CMS писал выше.  Вспомнить!
А здесь хочу показать символический рисунок, очень точно иллюстрирующий самую суть этих самых CMS.  Айсберг!

Сайт на CMS

Скорее всего, Вы уже видели его на других страницах сайта. Как же иначе? Точнее не придумать! Именно айсберг!

То, ради чего собственно и создаётся сам сайт: что видят посетители, лишь верхушка такого ресурса, а всё остальное "под тёмною водой".

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

Как Вы думаете, легко ли продвигать, "раскручивать" такие "глыбы"?
Ведь алгоритмы поисковых систем строятся под запросы людей.
Так что ... ... ... .

Как относятся к таким "сооружениям" поисковики, думаю понятно.

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

Что такое CMS

**Кстати, обратите внимание на результаты, которые удалось получить, НЕ используя никакие CMS и конструкторы.

Качество создания сайта

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

* И *

Качество создания сайта

Золотой знак качества получил внутренний, простой, 6-ти страничный мини-сайт на PHP.

Подробнее узнать, что это за система и увидеть Ваш ресурс "глазами робота" можете на странице "Кибераналитик" (откроется в новом окне).

Заканчивая первую статью о сайтах на CMS, могу лишь повторить.
* Сайт на "движке" всегда проиграет сделанному на "старом, добром" HTML+CSS. *

К списку


CMS Joomla

CMS Joomla

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

Разумеется, всё написанное выше о CMS, относится и к ней тоже. Много писать не буду. Кому интересно, могут посмотреть здесь: "Сайты на CMS Joomla".
*Кстати, там найдёте визуальное, доказательное подтверждение словам об айсбергах.

Повторю лишь: для создания простых сайтов, нет смысла использовать громоздкие CMS.

Если же нужен сложный ресурс: интернет-магазин, корпоративный сайт, форум, то для таких целей CMS Joomla вполне подходит.
В интернете есть огромное количество дополнений к ней: шаблоны, расширения, плагины и т.д., и т.п.. Нужно только УМЕТЬ(!) с ними работать.

Не случайно так выделил слово "уметь".
Это, пожалуй, 3-ий распространённый миф:   всё очень просто!
"Всё, да не всё!!!"   Впрочем, ... ... ... , об этом лучше всего написали сами разработчики этой системы (архив в предыдущей статье).

К списку


CMS WordPress

CMS WordPress

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

Добавлю только, что она "заточена" под создание блогов, и ещё гораздо более "наворочена", чем Joomla. Хотя, конечно, система очень интересная.

Узнать, как(?) и где(?) ПРОЩЕ ВСЕГО создать сайт на "ВордПресс" бесплатно, а также, чем отличается блог от сайта (и отличается ли?!), посмотреть пример "живого", действующего блога на WordPress, можете здесь: "Сайты на WordPress".

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

* * *

И напоследок, ещё немного о выделенной фразе УМЕТЬ(!) с ними работать в верхней статье, и 3-ьем распространённом мифе:   всё очень просто!

Повторю: "Всё, да не всё!!!".   Как Вы думаете?
Зачем в обучающих уроках по созданию сайта на WordPress, автор всё ж таки даёт задание сначала(!) изучить HTML+CSS?
Зачем?! Если, как иногда пытаются представить, - "всё очень просто!".

"Заморочек" с сайтами на этих самых CMS, их базами и прочим - хватает!

Ну, а изучив основные, БАЗОВЫЕ технологии интернета, захочется ли Вам продолжать, и устраивать "шаманские пляски с бубном"? О-о-очень похоже!

Ведь управлять HTML+CSS сайтом (редизайн, изменения контента, добавление нового, и т.д.) в разы(!) проще, чем его CMS-ным аналогом.

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

К списку


Шаблоны для сайтов на CMS

Шаблоны для сайтов на CMS

Если Вы всё же решили, что Вам нужен сайт на CMS, то очень рекомендую ознакомиться с весьма интересной статьёй.

Она Вам здорово(!) поможет. Чем?

1. Узнаете в ней о "подводных камнях", поджидающих любого(!), кто хочет воспользоваться шаблонами сайтов для CMS.

2. Найдёте там ссылки на ресурс, где сможете бесплатно скачать ОГРОМНОЕ количество всевозможных шаблонов.

Возможно, Вы её уже читали, если проходили по ссылке, данной в предыдущей статье. Если нет, то можете взять её у меня в разделе "Полезное" (откроется в новом окне).

Хочу лишь добавить к своему "послесловию", которое высказал в конце той статьи, что "скрытые ссылки" есть везде(!), в абсолютно любом шаблоне.

Есть они, вернее, были и в HTML+CSS шаблонах сайтов (Вы могли читать о них выше), но там найти, и "обезвредить" их было НЕ сложнее, чем найти "слона в стоге сена". Элементарно!

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

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

К списку


Конструкторы сайтов

Конструкторы сайтов - "ближайшие родственники" любой CMS.

Конструкторы сайтов

Самое простое, казалось бы, решение для людей, не обладающих никакими знаниями в области веб-технологий. Но ... ... !

Как всегда - есть большое "НО!"

"Сварганить сайтик" (а по-другому не скажешь) действительно просто. А дальше что?!

Много Вы видели таких "сайтиков" на, хотя бы, 10-той странице поисковой выдачи? Я не встречал.
Такие "шедевры" (внешне даже симпатичные) нужно искать с другого конца поисковых списков.
Любая полноценная CMS, по сравнению с конструкторами сайтов, - "белая и пушистая"!

Подробности найдёте на странице "Конструкторы сайтов" (откроется в новом окне).

Кстати! На этой сдвоенной странице можете не только подробно узнать, чем отличаются конструкторы сайтов от CMS, но и проверить 4 действующих сайта, сделанные как раз с их помощью.   А ещё почитаете отзывы пользователя о работе конструкторов.

К списку


Есть сайты более нарядные, динамичные

Есть. А с какой целью излишне "наряжаться" и двигаться?
"Навороты" только перегружают страницу. Всё должно быть обосновано и в меру.

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

Личная страничка с примерами

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

Кликните по картинке - откроется в новом окне.

Делал её во время последней плановой тренировки по современным веб-технологиям. Конечно, она красивее этой страницы, какую Вы сейчас читаете ... ... .
И всё! На этом её преимущества заканчиваются.

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

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

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

К списку


Веб-дизайн

В подразделе "Удалённая работа над дизайном сайта" (в новом окне) найдёте не только подробное описание этапов работы с заказчиком на примере реальной веб-страницы, но и много другой полезной информации.

Личная страничка с примерами

Не буду пересказывать содержание подраздела.

Скажу лишь, что содержащаяся в нём информация, пригодится Вам для собственных дизайнерских работ обязательно!

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

Аналогично.
Не буду повторяться. Уже всё сказано в следующей статье, ну а самое главное здесь: "Дизайн" (в новом окне).

* * *

Дизайн сайта должен быть приятным, соответствовать смыслу рекламируемого.
Главное: удобным для пользователя, функциональным и НЕ пересыщенным.

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

**Пример хорошего дизайна

Хороший дизайн

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

Здорово!  Однако на своём сайте, хоть и могу выполнить абсолютно любой веб-дизайн, тем не менее своих навыков НЕ применяю.  Почему?!
Читайте в следующей статье.

К списку


Ещё о веб-дизайне

Рисунок, представленный выше, не дизайн сайта, а дизайнерское решение по стильному, красивому оформлению интерфейса программы. Это не одно и то же.

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

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

Однако! Постоянно встречаю в сети обратное.

Важно! Надеюсь, Вы посетили раздел "Личная страничка" с дизайном отличным от настоящего, ссылку на который давал уже несколько раз выше?
Если нет, посетите. Это нужно, чтоб у Вас не складывалось впечатление, что говорю, сам не зная о чём.   Знаю!   И, посетив, убедитесь, что знаю неплохо!
Однако, продолжу.

Большинство веб-мастеров убеждают клиентов, что им непременно нужен сайт на движке, с использованием CMS (ясно, зачем), что он должен обязательно иметь эксклюзивный дизайн и огромную красивую заставку, анимацию, выпадающие окошки, flash-вставки и прочие "навороты".
И многим это нравится!

Более того, большинство заказчиков считают, что главное достоинство сайта - красота дизайна.
Вредное заблуждение!
Это - всего лишь увеличение расходов на создание!

Поисковики не понимают картинки!

Основное - его должны высоко "оценить" поисковые системы: Яндекс, Rambler, Google, и другие.
Чем выше ранг сайта в глазах поисковиков, тем ближе он в списках выдачи. Тем больше людей придёт к Вам.

Читать рекомендации "Яндекса".

Тем не менее!

Без картинок сайт будет очень "тусклым", тоскливым, безрадостным.

Видимость фоновых рисунков

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

Мало того, что их размещение на сайте не требует никакого стороннего кода (достаточно лишь HTML+CSS), так ещё и их видимостью можно легко управлять.

Подробно об этом, с примерами и пояснениями, рассказал на странице "Видимость элементов" (откроется в новом окне).

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

Кроме этого, много информации, связанной с темами: веб-дизайн, веб-мастер, найдёте на странице "Выбор исполнителя" (откроется в новом окне).

К списку


Дизайн сайтов

Подробно, по этапам, узнать о том, как всегда работаю с заказчиками сайтов, Вы могли в подразделе: Удалённая работа над дизайном сайта" (откроется в новом окне).

Здесь же покажу ещё несколько примеров.

Дизайн страницы сайта, выполненный по заказу, Вы, скорее всего уже видели, если заходили по данной выше ссылке.
Не знаю, как Вы его оценили, но заказчик остался доволен. Для меня это главное! Его отзыв можно найти здесь: "Вопросы и Ответы" (откроется в новом окне).
Впрочем, не в этом дело.

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

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

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

Дизайн сайта

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

Кстати, и код таблицы для вставки кусков фотошоп тоже сам верстает. Красота! Правда?

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

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

* * *

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

Дизайн сайта

Что получилось, Вы видите, а опробовать, испытать эту веб-страницу в действии можно здесь: "Шаблон лендинга" (откроется в новом окне).

* * *

Прежде, чем испытывать примеры лендингов: верхний и нижний, рекомендую посмотреть эту маленькую статью: Использование рассылочных сервисов

* * *

Абсолютно всё то же самое. Дизайн этих двух сайтов разработал для своего портфолио. Верстал вручную. HTML+CSS блочная вёрстка.

Дизайн сайтов

Желающие проверить сайты на их полную, 100%-ную работоспособность, могут начать отсюда: "Мини-сайт" (откроется в новом окне).

Кто хочет почитать подробнее, как и зачем создавал эти сайты, тем сюда: Мини-сайт и страница подписки

К списку


Веб-дизайн блога

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

Веб-дизайн блога

Адрес "проживания" этого примера на общем сайте:
"Веб-дизайн Блога" (откроется в новом окне).

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

Напомню!  Исходник был "кривой".  Исправил недостаток полностью!

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

Только одно не нужно забывать, если вдруг Вы захотите "посадить" веб-дизайн блога на CMS WordPress.
Свой пример я верстал в кодировке ANSI, а WordPress "кушает" только UTF-8.

Однако, это легко исправить с помощью вкладок: "Файл" - "Кодировка". А разобраться с созданием собственного блога Вам поможет данная выше ссылка.

К списку


Веб-шрифты

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

Веб-шрифты

Стоит ли Вам применять для веб-дизайна и создания своего сайта нестандартные шрифты, и, если решите, что стоит, как это сделать, поможет страница "Веб-шрифты" (откроется в новом окне).

К списку


Цветовые модели

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

Цветовые модели

Это чрезвычайно важно(!), и их знание необходимо как веб-дизайнеру, так и веб-мастеру.

Подробно узнать о них сможете в одноимённом подразделе на странице "Полезное" моего же сайта.

Вот этот подраздел: "Цветовые модели" (в новом окне).

Уверен! Такая информация Вам будет нужна постоянно, почему, собственно, и храню её на странице с названием "Полезное".

К списку


Создание эффективного сайта

Когда вопросы "Зачем?" и "Какой?" Вы для себя решили, можно приступать к его созданию.
Создание сайта по заказу, подробно разобранное в разделе "Удалённая работа", поможет выяснить этапы дизайна для создания эффективного сайта (в новом окне).

Здесь же, расскажу о других шагах того же самого вопроса.

За время работы со своими заказчиками, у меня выработалась безотказная технология создания любых сайтов "под ключ"**.
      Ниже, предлагаю её Вашему вниманию.

  1. Просматриваю 10-12 сайтов схожей тематики, чтобы возник "образ" будущего ресурса.
  2. Создание начинаю с анализа востребованности продукции и услуг заказчика сайта.
    (Есть ли спрос? Насколько большой?)
  3. Составляю "портрет" возможных потребителей в зависимости от предлагаемого Вами.
    (Кто они, Ваши потенциальные клиенты? От этого зависит будущий контент.)
    • специалисты, или простые потребители
    • лица со специальным или только школьным образованием
    • молодые или пожилые, женщины или мужчины
    • жители городов или деревень
    • представители среднего класса или богачи
    • наёмные работники или владельцы бизнеса
  4. Анализирую запросы возможных потребителей Вашей продукции или услуг.
    (Какие слова и фразы люди вводят в поисковую систему?)
  5. Составляю список поисковых запросов посетителей сайта - потенциальных потребителей и заказчиков продукции.
  6. На основе полученной информации составляю семантическое ядро сайта.
    (Это означает, определяю: по каким словам, фразам будут находить предлагаемое Вами.)
  7. Подбираю рисунки, фотографии, подходящие по смыслу к тематике будущего сайта.
  8. Выбираю из найденного максимально подходящие по смыслу. (Обычно 1 из 5-6 найденных.)
  9. Подготавливаю комплекты рисунков, фотографий и веб-элементов подходящих размеров.
    (Работа в программе "Фотошоп".)
  10. Проектирую структуру: количество нужных страниц, систему всех внутренних и внешних ссылок.
  11. Разрабатываю оптимальное размещение на странице текстов, рисунков и прочих элементов.
  12. Рисую (от руки) набросок будущего сайта на листах формата А4.
  13. Готовлю основные CSS-файлы, нужные для оформления цветовой гаммы сайта.
  14. Создаю HTML+CSS макет, то есть "каркас" будущего сайта.
  15. Провожу работы по программированию, если нужно: пишу нужные скрипты, подбираю необходимые плагины.
  16. Вставляю в макет подготовленные графические файлы по мере написания текста.
  17. Пишу только оригинальные, авторские статьи для каждой страницы по заданной теме.
    (В них обязательно должны быть фразы из поисковых запросов.)
  18. Проверяю специальными программами орфографию и уникальность текстов.
  19. Провожу "вычитку" сделанного и необходимую коррекцию.
  20. Проверяю, как разные браузеры отображают "новорожденного".
  21. Загружаю вновь созданный сайт на свой "Полигон" в реальном интернете.
  22. Тестирую его полную работоспособность: функционирование ссылок, отображение и т.д..
  23. Убираю сайт с "полигона", передаю заказчику.

Далее нужно регистрировать сайт в каталогах, поисковых системах, но это уже другая история ... ... .

Внимание! P.S.** Что вкладываю в понятие "сайт под ключ" подробнее можете узнать на странице: "Сайт под ключ" (откроется в новом окне).

Насколько удачна данная методика?

Просто приведу фрагмент отчёта о результатах работы, взятый из своего же "Портфолио".

 

НЕ зря!  Поисковая система "Яндекс" 25.01.2014г. присвоила ему тИЦ 10.

Кроме того!

НЕ зря! Даже во время прохождения XXII Олимпийских зимних игр в Сочи 2014г, и их трансляции по телевидению, показатели посещаемости моего сайта оставались, тем не менее, стабильными! Смотрите сами:
скриншоты сделал 12.02 в 23-52 (МСК) -> Показания счётчика 12.02.14, а так же 22.02 в 23-45 (МСК) -> Показания счётчика 22.02.14

 

* * *

Очень много полезной информации, связанной с вопросами: создание сайтов,   веб-дизайн,   копирайтинг,   контент-менеджмент,  разместил в разделе "ВЫБОР".

К списку


Хороший/плохой сайт

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

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

Сначала о так называемых "крутых" сайтах.

Плохой - это, на первый взгляд, "крутой" сайт, где:

  • Хочется сразу нажать кнопку "X" - "ЗАКРЫТЬ".
  • Грузится, грузится, грузится, и никак не загрузиться ... ... .
  • Реклама и анимация занимает больше места, чем полезная информация.
  • Вдруг, всплывает баннер и закрывает читаемый текст.
  • Все полезное размещено в анимации. (Но, кто будет ждать, когда на секунду появится нужное?)
  • Навигация не даёт понять, где находишься.
  • Не понятно: что делать дальше, после того, как прочитал.
  • Зачем-то нужно регистрироваться, чтоб скачать прайс-лист.
  • Не ясно: как связаться.
  • Отсутствует смысл. (Вообще, о чём это? Владелец "крутого" сайта не думал над содержимым.)
  • "Подвал" занят десятками никому не нужных ссылок и баннеров.

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

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


* * *

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

К списку


Оптимизация и "раскрутка"

Вот Вы сделали, создали, "запустили" свой сайт ... ... .
Кто его видит? Только Ваши друзья и знакомые, кому Вы сказали о его появлении.
Он пока не "раскручен".

Если Вы всё делали по изложенной выше технологии - Ваш сайт ОПТИМИЗИРОВАН изначально!

Оптимизация - означает соответствие контента (текста, в большей степени) сайта поисковым запросам.
Другими словами, она - дело внутреннее. Её и называют "внутренняя оптимизация".

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

Подробно об оптимизации, с примерами и выводами, Вы можете посмотреть в разделе "Оптимизация" (откроется в новом окне).

Раскрутка - процесс внешний.
Здесь каждый выбирает сам, что ему больше подходит, на что хватит сил и денег.
        Выбирайте!

***

ЭЛЕКТРОННЫЕ КАТАЛОГИ

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

Собственные каталоги сайтов имеют все поисковые системы: Яндекс, Рамблер, Google и другие.

Нужно зарегистрироваться в возможно большем их количестве.
За 1 день Вы сможете сделать около 20-ти регистраций, не более.

Есть фирмы, которые за 4-20 тысяч рублей обещают зарегистрировать Вас в десятках тысяч каталогов!
Однако, учтите - качество такой регистрации будет низким. Существует надёжная защита от "авторегистраторов".

**И еще(!) – некоторые каталоги просят сделать на Вашем сайте ссылку на себя.
Не делайте этого! Пусть лучше в этом каталоге не будет Вас.

Знак Разумеется, я не имею ввиду Яндекс, Рамблер, Google и других поисковиков.

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

Смысл поискового алгоритма очень прост. Вспомните басню Крылова:

"За что кукушка хвалит петушка?
За то, что хвалит он кукушку ... ... ."

Поисковые роботы эту басню очень хорошо "помнят" ... ... .

***

ДОСКИ ОБЪЯВЛЕНИЙ

Если Вы хотите привлечь внимание массовой аудитории – нужно регулярно давать объявления на электронных досках.
Таких в интернете тысячи! Есть платные и бесплатные. Общероссийские и региональные, отраслевые и узкоспециальные, разные.

Особенно объявления эффективны, если у Вас товары массового спроса.
Если Вы появились в сети только что, рекомендую: хотя бы месяц-два регулярно подавать и обновлять объявления о своих товарах и услугах.

Текст его должен быть коротким - не более 2-3 строк. Длинные объявления никто читать не станет.

***

ФОРУМЫ И СОЦИАЛЬНЫЕ СЕТИ

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

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

Недостатков у такого метода продвижения - 2 основных: время и нервы.

Время: его потребуется огромное количество, особенно если Вам лично интересны темы обсуждений на форумах. Не успеете и "глазом моргнуть", а уже вечер.

Способ, как избежать чрезмерной потери времени - использовать хронометр.

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

Самое главное здесь - "отделить зёрна от плевел". Не "падать духом", а рационально подойти к критике.
Что это означает, можете посмотреть на странице "Дизайн" (откроется в новом окне).

***

РАССЫЛКА

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

Конечно, для этого у него должен быть специальный "спутник" - страница подписки или мини-сайт.
Что это такое, можете посмотреть на этой же странице здесь: Мини-сайт и страница подписки

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

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

***

ОБМЕН ССЫЛКАМИ

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

Однако, такой метод нужно применять осмотрительно (... вспомните басню).
Не стремитесь к количеству. Качество! Вот, что нужно.

Ссылки с "опальных" сайтов на Ваш ресурс нанесут ему только вред. Важно!
Самые ценные - ссылки с сайтов аналогичной тематики или от лидеров интернета.

В сети существует немало сайтов, торгующих ссылками. Есть даже целые биржи.

***

ИСПОЛЬЗОВАНИЕ СЕРФИНГА

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

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

***

КОНТЕКСТНАЯ РЕКЛАМА

Один из недешёвых, но самый действенный метод.

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

Сразу же после оплаты счёта, Ваш сайт появится на первой странице выдачи Яндекса, и его увидят сотни и тысячи ваших потенциальных клиентов.

***

ВИЗИТКИ, БУКЛЕТЫ, КАТАЛОГИ ПРОДУКЦИИ ...

После публикации сайта, сразу позаботьтесь заказать новые визитки с указанием его адреса.
Вообще, на всех печатных материалах: визитках, фирменных бланках, сувенирах с символикой и т.д. и т.п. – везде должен присутствовать Ваш сайт!

***

РЕКЛАМА В СМИ

Если у Вас есть возможность разместить рекламу о своём сайте в СМИ или в специальных изданиях, - проблема решена!

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

***

СПАМ

Наверняка, Вам приходит множество писем с рекламой. Это - спам (мусор).
Десятки специализированных фирм занимаются этим, и с удовольствием примут Ваш заказ на рассылку. Стоимость одной рассылки спама – от 3 тысяч рублей.

Не занимайтесь этим!!!

Поисковые системы отслеживают таких "пачкунов" и выбрасывают их из индексации.

Не попадайтесь на удочку этих дельцов грязи, марающих ИНТЕРНЕТ подобными делами и объявлениями:

"... Эффективность спама невелика. Но если из многих миллионов адресатов хотя бы доле процента спам окажется полезным – это уже сотни и тысячи ваших новых клиентов ..."

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

***

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

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

К списку


Отличный способ раскрутки

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

Электронные книги

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

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

Кроме того!  Этот большой, 11-ти страничный раздел, поможет людям, хоть немного знакомым с HTML+CSS, создать собственную книгу.

Впрочем, не буду повторяться. Проще зайти и посмотреть.

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

Поэтому, думаю, не зря считаю такой способ раскрутки сайтов самым лучшим, отличным!
Единственный недостаток - время ... ... .

К списку


Продающие сайты

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

"Продающий сайт", "посадочная страница", "продающая страница", "страница захвата", "лендинг пейдж" (landing page) - как их только не называют. По сути же - это маленькие, простые интернет-магазины.

Продающий сайт

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

Делал его в качестве шаблона landing page, который легко можно изменить, имея определённые навыки, конечно.
Но самое главное(!), что он создан, и работает(!) БЕЗ CMS, баз и прочего балласта.

Почему отсутствие "служебного балласта" важно, Вы могли читать в предыдущих статьях.

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

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

Не буду "ходить вокруг, да около". Смотрите сами: "Продающие сайты".

* * *

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

К списку


БЕСПЛАТНЫЕ интернет-магазины

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

Бесплатные интернет-магазины

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

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

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

Кроме того, найдёте там много дополнительной, полезной информации по выбору и запуску своего магазина.

К списку


Интернет-магазин

Как раз один из таких бесплатных интернет-магазинов уже был установлен на домене моего сайта когда-то (в первые годы "жизни" сайта).
Создавал его не сам. Он был сделан профессиональными программистами.

Несколько лет он был полностью работоспособный.
Я не "включал" его (т.к. ничего и никому не продаю), но пользоваться, разумеется, умею. Тренировался неоднократно. У магазина была возможность тестовых запусков.

Интернет-магазин

Интуитивно понятный интерфейс панели управления.
Магазин наполнен спортивными товарами (такой шаблон). Зная как, я спокойно мог изменить его внешний вид на любой.

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

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

К списку


Автоматический интернет-магазин

Также создавал не сам. Купил его скрипт у профессионального программиста.

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

Автоматический нтернет-магазин

Простой, понятный интерфейс панели управления.

Изменил, как мне хотелось, его внешний вид и запустил "в работу".

Подробнее можете узнать, нажав на рисунок (откроется в новом окне), на его буферной странице.

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

К списку


Интересное об интернет-магазинах

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

Привожу ниже эти данные, взятые из газеты "Ведомости".

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

    Преимущества:
  • Экономия времени - 74%
  • Доставка на дом - 65%
  • Возможность избежать суеты традиционных магазинов - 61%
  • Круглосуточный режим работы - 58%
  • Возможность найти товар, отсутствующий в традиционных магазинах -55%
  • Доступ к подробной информации о продукте - 53%
  • Низкие цены - 52%
  • Возможность купить продукт, не представленный в вашем регионе - 43%
  • Возможность провести сравнительный анализ брендов и продуктов - 42%
  • Наличие отзывов других пользователей о продуктах - 32%
  • Анонимность - 22%
    Недостатки:
  • Невозможность «пощупать» товар, прежде чем купить - 59%
  • Неуверенность в том, что товар доставят в хорошем состоянии - 58%
  • Сложно вернуть товар - 50%
  • Ожидание, товар слишком долго доставляют - 36%
  • Доставка стоит слишком дорого - 31%
  • Низкий уровень безопасности сайта - 21%
  • Неудобный в использовании сайт (навигация, поиск) - 20%
  • Недостаточно подробное описание продуктов на страницах сайта - 19%
  • Нежелание раскрывать свои персональные финансовые данные в Интернете - 18%
  • Страны/города нет в списке регионов доставки - 18%
  • Недостаточно широкий ассортимент товаров - 11%
  • Магазин не предоставляет услуги заказа он-лайн - 11%
  • Отсутствие банковской карты - 9%
  • Это слишком сложно технически - 5%

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

К списку


Удалённая работа

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

Удалённая работа

Не буду здесь расписывать, что это за "зверь" такой, тем более, что уже обо всём подробно написал.

Разобраться в вопросах заказа сайта и того, что требуется от хорошего технического задания для удалённого специалиста, Вам поможет раздел "Удалённая работа" (в новом окне).

Кроме всего прочего, сможете скачать там пример хорошего, грамотного технического задания.

Да, собственно, название раздела говорит само за себя. А сам раздел посвящён, и начинается с того, что ждут заказчики от удалённого специалиста, и какие навыки необходимы ему (с точки зрения работодателей) для осуществления удалённой работы в интернете на дому.

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

Оформление удалённой работы

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

Однако же, думаю, ссылку на неё стоит повторить отдельно и здесь: "Оформление удалённой работы" (в новом окне).

Просто, на указанной странице есть много чего нужного, что Вам рано или поздно понадобится.

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

Если Вас интересует подобный вид деятельности, то ссылки перед Вами.

К списку


Фриланс

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

Фриланс

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

О специфике удалённой работы на таких биржах (отличной от такой же работы со своего сайта) Вы и узнаете в разделе с аналогичным названием "Фриланс" (откроется в новом окне).

К тому же! Сможете там скачать хоть и очень неоднозначную, но всё же очень интересную книгу о фрилансе.

И ещё!  Найдёте там (в конце раздела) полезнейшую(!) ссылку на он-лайн журнал, где есть ОГРОМНОЕ количество нужной информации.

К списку


Уход за компьютером

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

Уход за компьютером

К сожалению, наше главное средство производства иногда "заболевает".

Как уберечь компьютер, чтобы избежать подобных проблем? Вам поможет раздел "Уход за компьютером" (в новом окне).

Кстати!  Кроме большого количества полезной информации, сделал там 4 кнопки прямого перехода на очень нужные и интересные сервисы, способные помочь быстрее решить проблемы со "здоровьем".

И тоже кстати!

В указанный раздел я несколько позже добавил полезный материал об обновлениях.

Старые версии программ

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

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

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

К списку



Заключение

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

Какой сайт делать?

В любом случае - захотите ли последовать моему совету, и используете HTML+CSS, или решите применять CMS,  PHP,  JavaScript,  jQuery и т.д., Вам хорошо поможет большой раздел моего ресурса: "Полезное" (откроется в новом окне).

Там найдёте БЕСПЛАТНО(!) всё, что нужно: много испытанных, только проверенных лично инструментов, программ, обучающих материалов.

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

Старатель Интернета

Надеюсь, размещённая мною информация была Вам полезна.
Ну ... ..., или просто интересна.

В одном уверен!
Она поможет определиться Вам с правильным выбором техники и дизайна при создании собственного сайта.

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

Верных решений и удачного создания сайтов!

ВВЕРХ

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

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