Как создать сайт и заработать на нем?

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




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

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

Как создать сайт и начать зарабатывать на нем?


Немного о сайтостоении
Прежде чем начинать разговор о планировании структуры сайта, его дизайна, назначения, мы должны иметь представления о том, что это вообще такое. Итак, вебсайт (от англ. website: web — «паутина, сеть» и site — «место», буквально «место, сегмент, часть в сети») - совокупность электронных документов, объединенных под одним адресом (доменным именем или IP-адресом). Важно понимать, что файлы сайта объединяет именно адрес, а не место расположения. Один-единственный сайт физически может быть разбросан по всему миру, но пользователь видит целостную конструкцию, единый объект, посвященный какой-либо тематике.

Упрощенно, сам сайт состоит из наполняющего его контента(текст, картинки, фильмы и так далее), а так же из программных средств, этим самым контентом управляющих. Сейчас давайте ознакомимся с самыми элементарными вещами. Итак, рассмотрим отдельно взятую страничку сайта, которая выглядит допустим вот ТАК. Это простейшая HTML страничка, то есть страница, созданная средствами языка HTML. Язык этот отвечает за разметку документа и именно благодаря ему мы делаем текст "жирным", обозначаем абзацы, вставляем в документ таблицы, картинки и тд. По большому счету мы даем команды, как именно отобразить материал на экране монитора. И команды эти называются - дескрипторы. Но, чаще используют слово ТЕГ. То есть. теги - метки, которые указывают браузеру как будет выглядеть данная интернет-страничка.

Пример - Текст - тег strong делает текст "жирным". Каждый тег заключен в угловые скобки <>, причем есть теги открывающие (указывающие на начало области, к которой будет применена команда) и закрывающие (указывающие на окончание данной области). Причем, закрывающий тег отбивается в скобках знаком "/". Пример:

-тег, обозначающий начало абзаца,

- тег, обозначающий конец абзаца. Кстати, в случае с тегом

-закрывающий тег не обязателен.

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

Бесплатные онлайн конструкторы сайтов


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

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

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

Ниже я приведу некоторые, самые популярные ресурсы:


uCoz - пожалуй чемпион на просторах Рунета. Около 10 лет работы, более 1 миллиона созданных сайтов. uCoz — это бесплатная система управления сайтом и хостинг для сайтов, созданных с её использованием. После регистрации Вам будет доступно меню создания нового сайта. Интерфейс ресурса довольно дружелюбный, поэтому для вас не составит труда в нем разобраться.

Основные возможности системы uCoz:

  • более 200 шаблонов (дизайнов) для вашего сайта, с возможностью создания собственных шаблонов, или переделки существующих;
    гибкая настройка конфигурации сайта с помощью настраиваемых модулей (редактор страниц, новости сайта, поиск, регистрация на сайте, опросы и тд.);
  • бесплатное предоставление домена 2-го уровня.
  • бесплатное предоставление места на диске, дисковое пространство увеличивается с ростом числа посетителей и жизни сайта;
  • возможность привязать к сайту собственный домен;
  • FTP доступ;
  • простой онлайн редактор и визуальный конструктор блоков ;
  • возможность резервного копирования и много других возможностей, позволяющих абсолютно неподготовленному человеку сконструировать
  • полноценный ресурс и опубликовать его в интернете.


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

Как создать сайт и заработать на нем?


Сервис Hostinger. Отличнейший бесплатный хостинг, возможности которого, кое в чем, даже выше, чем в uCoz. Самое главное его преимущество - отсутствие внешней рекламы на вашем сайте. Такого нет практически нигде! Для построения своего сайта вы сможете воспользоваться простым Сайт Билдером или использовать один из ста готовых и гибко настраиваемых шаблонов. Но и это еще не все, только на этом ресурсе можно получить полный доступ к MySQL и PHP, а такие возможности предоставляются только полноценными платными хостингами. Еще один громадный плюс - автоматическая установка скриптов. Несколько нажатий и установка Wordpress, Joomla, форумов и много другого завершена. Нет ничего проще создания полностью функциональных и профессиональных сайтов в течении нескольких минут! Мой совет - обязательно регистрируйтесь на Hostinger , даже если Вы далеко не новичок, этот бесплатный сервис приятно удивит Вас богатейшим функционалом и полным отсутствием платы!

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


Сайты Google - последний рассмотренный нами проект. Что бы создать и опубликовать свой сайт на этой платформе, вам необходимо иметь регистрацию на сервисе электронной почты Gmail. По сравнению с другими рассмотренными системами, этот сервис имеет меньшую гибкость в настройках и довольно простенькие шаблоны, по сравнению с конкурентами. Размещение сайта - бесплатное.

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


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

Вообще в мире существует не одна сотня CMS для самых разных целей, разного качества, стоимости и тд. Мы же рассмотрим те системы, которые наиболее ближе для понимания неспециалиста, ну и конечно же являются бесплатными. так чем же занимается CMS на сайте? Да практически всем. Именно через панель управления CMS администратор управляет структурой и функционалом сайта, свойствами отображения материала, комментариев, разнообразных блоков и тд. и тп. Всего и не перечислишь. То есть нет необходимости обращаться к кодировке страниц, пользователь устанавливает на свой хостинг CMS и потом работает уже с ней. С помощью шаблонов настраивается внешний вид, задаются нужные настройки (например - можно ли оставлять комментарии, а если можно - то кому?), с помощью визуального редактора сайт наполняется материалом (причем авторов может быть бесконечно много и находится они могут в любой точке планеты, где есть интернет, конечно), и вот -перед нами уже готовый ресурс. Я конечно немного все упростил, но примерно так все и происходит.

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

CMS Joomla



Одна из наиболее известных и распространенных CMS на просторах Рунета. Система управления содержимым Joomla! является ответвлением широко известной CMS Mambo. Команда независимых разработчиков отделилась от проекта Mambo по причине несогласия в экономической политике. 16 сентября 2005 года в свет вышла первая версия Joomla!, являющаяся по сути переименованной Mambo 4.5.2.3 и включающая в себя исправления найденных на тот момент ошибок и уязвимостей.

Joomla — это динамическая система управления контентом сайта (CMS). CMS Joomla есть бесплатной и распространяется по лицензии GPL. Лицензия GPL означает свободное распространение программного обеспечения. Поэтому Вы можете установить Joomla на любое количество сайтов и даже можете изменять ее исходный код. Но только новые программные продукты, созданные на базе GPL-продуктов, должны также распространяться по лицензии GPL, т. е. свободно. Joomla представляет собой базу данных MySQL и набор скриптов, которые написаны на языке программирования PHP с использованием xml и jаvascript.

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


Основные преимущества Joomla! включают:

  • Легкая и быстрая установка
  • Простой и понятный интерфейс
  • Высокий уровень безопасности
  • Широкий выбор бесплатных и коммерческих расширений
  • Множество стильных шаблонов, позволяющих легко изменять внешний вид сайта


Какие же сайты можно создавать на основе Joomla? Да любые, к примеру:

  • Блоги – это платформы для обсуждений или информационные сайты, состоящие из статей (сообщений, записей). Самые последние статьи появляются первыми. www.joomlablogger.net
  • Брендинг-сайты - сайты, целью которых является создание представления о бренде в Интернете. Они обычно не занимаются продажами, а сосредоточены только на раскрутке бренда. www.ihop.com
  • Сайты-визитки - включают в себя информацию о компании, ее продуктах и услугах. Используется текст, фотографии, анимация, аудио и видео, интерактивные меню и навигация. www.solesolutions.no
  • Сообщества - сайты, где общаются люди со схожими интересами. www.starvmax.com/community
  • Интернет-магазины - сайты, предлагающие товары и услуги для онлайн продаж. regalosdecocina.com
  • Форумы - сайты, где люди обсуждают различные темы. www.sol.dk/debat/kategorier
  • Сайты-галереи - сайты, разработанные специально для использования в качестве галерей. Они могут иметь коммерческий или не коммерческий характер, и представляют собой художественную или фото галерею. www.mb-photography.com
  • Новостные сайты - схожи с информационными сайтами, но ориентированы на новости, политику и комментарии. www.aa.com.tr
  • Персональные сайты - сайты о каком-либо человеке или небольшой группе людей (например, семье), которые содержат любой контент или индивидуальную информацию, размещенную на усмотрение создателя. www.ilnono.it/it


CMS WordPress



WordPress — система управления содержимым сайта с открытым исходным кодом, распространяемая под GNU GPL. Написана на PHP, в качестве базы данных использует MySQL. Основная сфера применения - создание блогов.

На сегодняшний день Wordpress — самая популярная система для ведения блогов. Основные преимущества:

  • моментальная публикация;
  • простота установки, настройки;
  • поддержка веб-стандартов (XHTML, CSS);
  • поддержка RSS, Atom, trackback, pingback;
  • подключаемые модули (плагины) с уникальной простой системой их взаимодействия с кодом;
  • поддержка так называемых «тем», позволяющих легко менять как внешний вид, так и способы вывода данных;
  • «темы» реализованы как наборы файлов-шаблонов на php, что положительно сказывается на скорости и гибкости;
  • громадные библиотеки «тем» и «плагинов»;
  • заложенный потенциал архитектуры позволяет легко реализовывать сложные решения;
  • наличие ЧПУ (Человеко-Понятный URL);
  • наличие русских официальных и неофициальных переводов.


Конечно же Joomla! и Wordpress - далеко не единственные популярные CMS. Подобных систем можно насчитать не один десяток. Какие-то из них бесплатные, какие-то - платные, есть и такие, которые разрабатывались для какого-нибудь конкретного проекта и используются только при работе с ним. Я выбрал только эти две системы, так как они являются абсолютно бесплатными, а главное - именно эти системы лучше всего описаны в пространстве Рунета. Именно Joomla! и Wordpress - лидеры по количеству разнообразных обучающих материалов. Поэтому они как нельзя лучше подойдут для изучения новичкам.

Создание сайта с помощью HTML-реда́ктора



Как мы уже знаем, создание интернет-страничек происходит с помощью HTML кода. В принципе, такой код может быть написан в простом текстовом редакторе (например, Notepad). Но существуют специальные программы-редакторы HTML, которые многократно облегчают труд веб-мастера. Особенно удобны в этом отношении WYSIWYG -редакторы (что видишь, то и получишь - визуальный редактор). Т.е. специалист видит и правит HTML-документ, в том виде, в котором его видит пользователь, но это не исключает, конечно, и способность работать с HTML кодировкой.

Как водится, на просторах Интернета можно найти не один десяток подобных программ, некоторые из них - профессиональные платные продукты, некоторые - абсолютно свободно распространяются. Я пишу эти рекомендации в расчете на неопытного пользователя, поэтому главный критерий выбора рекомендуемых мною продуктов - легкость осваивания. Для работающих в Рунете, безусловно, самым рекомендуемым комплексом будет профессиональный продукт Adobe Dreamweaver. К сожалению он платный. Но заплаченные деньги будут того стоить (искать или не искать "взломанную" версию - ваше личное дело, помните, это наказуемо по закону).

Заработок на рекламе



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

Первый способ, который приходит на ум - это размещение рекламы. Так, например, объемы интернет-рекламы в 2010 году только в Европе оценили в 17,7 млрд евро.На долю же контекстной рекламы приходится около 50 %. от всего объема. Так что же такое контекстная реклама? Это размещение интернет-рекламы, основанное на соответствии содержания рекламного материала контексту (содержанию) интернет-страницы, на которой размещается рекламный блок. Носителем рекламы может быть тексто-графическое объявление, рекламный баннер либо видеоролик. Т.е. если ваш сайт о проблемах здоровья, то рекламироваться здесь выгодно аптекам, частным клиникам и т.д. Контекстная реклама подбераеться в соответствии с темой ресурса, поэтому действует на целевую аудиторию.

Как найти рекламодателя? Для этого можно воспользоваться услугами "провайдеров".


Размещение рекламы от Tak.ru. Очень демократичный рекламный брокер. Размещение рекламы, а значит и заработок, Происходит очень быстро (буквально через 10 минут, после того, как вы вставите рекламный блок на свой ресурс). Один из главных плюсов - это работа даже с бесплатным хостингом. Т.е., даже если Ваш сайт бесплатно размещен на uCoz, с вами будут сотрудничать.


Рекламная сеть Яндекса. На сайтах участниках сети размещаются объявления системы Яндекс.Директ. Дополнительно могут быть размещены блоки рекламы, предоставленные информационно-справочной системой Яндекс. Маркет. Владельцы сайтов, являющиеся участниками РСЯ, получают доход за клики (переходы посетителей по рекламным ссылкам) и могут просматривать в реальном времени количество показов рекламы и кликов по объявлениям, а также текущий доход.

В Рекламную сеть Яндекса может вступить любой сайт с русскоязычной аудиторией, удовлетворяющий правилам участия. Кроме того, участником может стать сайт, созданный на бесплатном хостинге Narod.ru и иных, к примеру Ucoz однако, подобные сайты принимаются непосредственно после прямого запроса в техподдержку РСЯ. Добавить автоматическим путем сайты, размещенные на бесплатном хостинге, нельзя.


Google AdSense — сервис контекстной рекламы от Google. Программа автоматически размещает на веб-сайтах текстовые и графические объявления, подходящие по контексту. Владельцы сайтов, размещающие рекламу, получают доход за клики (переходы посетителей по рекламным ссылкам) и показы рекламы (Google AdSense для контекста). Кроме того, издатели веб-сайтов с помощью AdSense могут предоставлять своим посетителям поиск Google как по Интернету, так и непосредственно по сайту, зарабатывая деньги от объявлений Google (Google AdSense для поиска).С помощью своей интерактивной учётной записи веб-издатель в любое время может просматривать количество запросов, кликов, рейтинг кликов, а также свои текущие доходы от использования AdSense.

В 1-ом квартале 2011 года на долю AdSense приходилось 28% доходов Google, что составляло 2,43 млрд долл. Google AdSense перечисляет деньги участникам программы раз в месяц, при накоплении суммы $100. В зависимости от страны доступны разные методы оплаты: чеком, через систему электронных платежей (EFT) непосредственно на банковский счёт, Western Union Quick Cash и через систему Рапида.

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


Бегун — российский сервис контекстной рекламы по ключевым словам на площадках Рунета. Основными особенностями системы являются оплата за клик, релевантность, аукционная система оплаты рекламного объявления.«Бегун» — один из самых доступных способов монетизации сайтов для вебмастеров, ориентирующихся на русский Интернет (порог входа 100 посетителей в день для сайтов на платном хостинге). Это позволило массовое использование «Бегуна» вебмастерами для заработка.