Как сделать свой сайт и заработать на нем. Практическое пособие для начинающих по заработку в Интернете

Евгений Мухутдинов

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

Практическое пособие для начинающих по заработку в Интернете

Благодарности

Автор благодарит Никиту Перепелицу за участие в подготовке книги (в частности, написание части, посвященной конструктору сайтов uCoz), а также Александра Галицкого за создание и предоставление иллюстраций для книги.

Мы выражаем благодарность Сергею Михайлову – автору блога www.sm100.ru и Сергею Титову – автору сайта www.lamer-stop.ru за предоставление дополнительного материала.

Мы также благодарим Анастасию Быкову за интерес, проявленный к книге на этапе написания. Спасибо Юрию Кравченко за то, что подбадривал нас во время работы.

Особая благодарность ведущему специалисту проектной группы издательства «Питер» Андрею Юрченко за полезные замечания по поводу структуры книги и ее содержания.

Введение

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

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

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

Все начинается с малого. Заработав первые 10 центов (как Скрудж Макдак), вы сможете оценить свой потенциал. Кто-то опустит руки, вернувшись к бесцельному блужданию по бескрайним просторам Интернета, а кто-то пойдет дальше, и, как знать, возможно, для него дополнительный заработок в Сети превратится в основной. По крайней мере, мы на это надеемся, ведь первый шаг вы сможете сделать, прочитав нашу книгу.

Книга рассчитана на новичков, поэтому не подойдет пользователям, которые уже имеют сайты на Joomla! WordPress, установили на своих вебстраницах контентную рекламу Google AdSense и активно используют сервис ключевых слов «Яндекса». Для читателей такой категории в книге будет мало интересного.

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

Желаем приятного чтения!

От издательства

Ваши замечания, предложения, вопросы отправляйте по адресу электронной почты [e-mail] (издательство «Питер», компьютерная редакция).

Мы будем рады узнать ваше мнение!

На веб-сайте издательства http://www.piter.com вы найдете подробную информацию о наших книгах.

Глава 1

Сайт как источник дохода

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

1.1. Что такое Интернет?

Слово «Интернет» прочно вошло в наш обиход. Трудно найти взрослого человека в России, который его не использовал, но если спросить, что это такое, то ответят далеко не все. Если говорить простыми словами, то Интернет – это глобальная компьютерная сеть, объединяющая компьютеры, разбросанные по всему миру. Если ваш компьютер подключен к Интернету, то он тоже является частью этой сети.

Интернет, или Глобальная сеть, предоставляет своим пользователям различные сервисы.

• WWW (World Wild Web) – на русский язык можно перевести как «Всемирная паутина». Многие считают, что WWW и Интернет – это одно и то же. Как вы уже поняли, WWW – это только часть Интернета, состоящая из электронных документов, таких как хорошо знакомые всем веб-страницы, из которых сформированы сайты.

• Электронная почта (e-mail) – старейший сервис Интернета. Он появился задолго до того, как пользователи смогли получать через Сеть графические изображения. Даже «чайники» знают, что адрес электронной почты содержит значок под названием «собака» – @.

• Файловые серверы (FTP) – компьютеры, на которых хранится большое количество различных файлов. Любой пользователь Интернета может разместить на файловом сервере свои файлы и даже заработать на них.

• Телеконференции (UseNet) – это система, предназначенная для обмена информацией между большим количеством пользователей. Благодаря телеконференциям обсуждение одной и той же темы может длиться довольно долго, например полгода. Как говорится, до победного конца.

• Системы общения в реальном времени – к ним относятся хорошо знакомые всем Skype и ICQ. При наличии микрофона и веб-камеры (современные веб-камеры уже имеют встроенный микрофон) собеседники могут не только слышать друг друга, но и видеть.

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

1.2. Что такое сайт?

Итак, что же такое сайт? Чтобы разобраться в этом вопросе, подумаем, какая именно информация может содержаться на сайте? Ответ очевиден – практически любая. Сайт может включать информацию о компьютерных играх, автомобилях, аквариумных рыбках, мифических существах, городах и странах мира и т. д. Список можно продолжать бесконечно. На сайте даже можно разместить, к примеру, произведения великих русских классиков. Как вам, например, сайт «Война и мир»? Получается, что сайт – это книга, только не простая, а электронная? Да, сайт по сути действительно является электронной книгой, журналом или учебником и может содержать как полезную информацию, так и совсем не интересующую вас в данный момент. Как и обычная книга, сайт состоит из страниц, которые называются вебстраницами. На веб-странице находится текст, но не совсем простой, а гипертекст. Основное отличие гипертекста от обычного текста заключается в том, что он может содержать хорошо знакомые всем гиперссылки. Пожалуй, именно гиперссылки – основное преимущество гипертекста перед обычным текстом, поэтому стоит рассказать о них более подробно.

Примечание

Любой текст, хранящийся в памяти компьютера, можно превратить в гипертекст с помощью HTML – языка разметки гипертекста. О HTML мы расскажем подробнее в главе 3.

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

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

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

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

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

Если в качестве гиперссылки использовано графическое изображение, например фотография, то будет сложно догадаться о том, что это гиперссылка. Как же в таком случае определить, является изображение гиперссылкой или нет? Для этого запомните следующее правило: «Если указатель мыши при наведении на элемент веб-страницы принимает форму руки, то этот элемент является гиперссылкой».

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

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

1.3. Способы заработка в Интернете

Человек, который днями и ночами «сидит» на развлекательных сайтах, очень удивляется, когда с ним заводишь речь о возможности заработка в Интернете. В мыслях сразу всплывает неугомонный Сергей Мавроди со своей финансовой пирамидой МММ начала 1990-х гг., а затем и ее современной модификацией МММ-2011.

Самое удручающее впечатление возникает, когда это непонимание встречается у молодых людей в возрасте 20–25 лет, которые совсем недавно окончили образовательные учреждения и получили специальности, связанные с компьютерными технологиями. Невольно возникает вопрос: «Чему же они учились в техникумах, колледжах и университетах?» Видимо всему, кроме того, как зарабатывать деньги на своих знаниях.

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

• Игра на валютной бирже Forex.

• Poker-online.

• Копирайтинг и рерайтинг.

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

• Наполнение сайтов статьями.

• Ведение и модерация форумов.

• Интернет-серфинг.

• Заработок на контекстной рекламе.

• Работа с прямыми рекламодателями.

• Заработок на партнерских программах.

• Получение прибыли на файлообменниках.

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

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

– Игра на валютной бирже Forex. В двух словах принцип очень простой: нужно купить валюту по низкой цене, а продать – по высокой. Разницу между покупкой и продажей можно пустить в оборот либо положить себе в карман. Статистика на различных сайтах говорит о 3–5 % удачливых игроков, соответственно подавляющее большинство лишаются кровно нажитых денег.

Вывод: игра на валютной бирже Forex – весьма надежный способ избавиться от «лишних» денег.

– Poker-online – азартная игра на деньги в покер через Интернет. Профессиональные игроки в покер неплохо зарабатывают на любителях.

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

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

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

• II группа. Способы «активного» заработка. Под словом «активный» понимается принцип рабочего с лопатой: копаешь – получаешь деньги, не копаешь – не получаешь.

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

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

– Копирайтинг – написание текстов с целью дальнейшей их продажи. Здесь надо владеть темой, на которую пишешь статьи. Если шустро работать, можно неплохо заработать.

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

Вывод: если есть возможность, то лучше создать собственный сайт и писать и «рерайтить» статьи для него.

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

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

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

• III группа. Здесь мы собрали способы получения прибыли, отвечающие принципу «солдат спит – служба идет». Такой вид заработка называется «пассивным».

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

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

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

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

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

Вывод: если нет своего продукта, почему бы не продавать чужой?

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

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

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

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

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

• продажа рекламы;

• заработок на партнерских программах;

• получение прибыли на файлообменниках;

• продажа ссылок.

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

Когда мы заводим речь о продаже рекламы, у многих пользователей часто возникает вопрос, который вкратце можно сформулировать так: «Кто платит деньги и за что?» Ответить на него просто, если вспомнить телевидение, где постоянно «крутят» ненавистную многим зрителям рекламу. Первый канал получает огромные деньги за трансляцию рекламы. Кто платит в этом случае? Производитель, который хочет, чтобы о его товаре или услугах узнало как можно больше людей и, как следствие, увеличились его доходы. Абсолютно то же самое происходит в Интернете.

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

1.4. Реальные истории успеха

Мы старались обходить темы, касающиеся заработка в Интернете, в которых фигурируют заоблачные доходы. В первую очередь речь идет об игре на упомянутой выше валютной бирже Forex. Дело в том, что для подавляющего большинства любителей азартных увлечений подобные способы решить финансовые проблемы заканчиваются весьма печально. Вам же мы предлагаем позитивные примеры успешных начинаний наших соотечественников. Они показательны именно потому, что в них речь идет об обычных российских гражданах, которые сумели добиться неплохих результатов на ниве заработка в Интернете. Рассматривать истории успеха Марка Цукерберга или, к примеру, Сергея Брина не совсем уместно, так как Facebook и Google были посажены в более благодатную почву, чем та, которая есть на данный момент «под ногами» российских пользователей.

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

Вот как Нелли Федосенко отвечает в одном из интервью на вопросы «Не могли бы вы вспомнить историю проекта homebusiness.ru? Какие события поспособствовали появлению homebusiness.ru?» на странице http://business.bal-con.ru/homebusiness_ru:

Даже вспоминать нечего – я с этим живу. В 1994 г. у меня родился ребенок-инвалид, за которым нужно было постоянно ухаживать. Я поняла, что вернуться на работу не смогу, на инвалидную пенсию не проживешь, нужно как-то выкручиваться. Родители помогли мне купить компьютер, начала я с набора текстов. Но заработок был так себе, к тому же труд машинистки – очень тяжелый. Представьте, я ребенка укладываю спать и начинаю набирать текст. Глаза закрываются, я чуть со стула не падаю, но нужно соблюсти сроки – заказ срочный.

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

И я мечтала найти такой вид бизнеса, с которым не придется нервничать. Я читала все объявления в газетах. Особенно мне нравилась рубрика «Мое дело» в газете «Труд-7». Там читатели газеты делились своими способами заработка. Но вот незадача. Рубрика выходила слишком редко, информации было слишком мало. Я решила заполнить этот пробел и начать самой собирать данную информацию.

Так я открыла свою рассылку «Домашний бизнес». Публиковала в ней свои идеи и те идеи, что мне присылали читатели (спасибо им большое!).

Через год создала сайт с таким же названием – «Домашний бизнес» – http://www.homebusiness.ru. Над содержанием голову не ломала, просто заполнила его теми же самыми идеями, которые скопились в моей коллекции. И продолжаю заполнять новыми идеями.

Постепенно, по мере моего узнавания Интернета, на моем сайте появились и другие разделы – «Как сделать бизнес в Интернете», «Раскрутка сайта» и т. д.

Сайт Нелли Федосенко «Домашний бизнес» размещен по адресу www. homebusiness.ru, а его посещаемость даже в летние месяцы составляет более 6000 посетителей в сутки. Сайт нельзя назвать шедевром веб-дизайна, и он практически под завязку забит различной рекламой (рис. 1.1).

Рис. 1.1. Сайт Нелли Федосенко «Домашний бизнес»

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

На момент написания этих строк расценки на размещение рекламы таковы:

• верхний рекламный блок – 720 руб. в сутки;

• ссылки справа и слева от верхнего рекламного блока – по 480 руб. в сутки;

• ссылки в левой колонке – по 150 руб. в сутки;

• ссылки в правой колонке – по 205 руб. в сутки.

Кроме ссылок прямых рекламодателей, на сайте установлены рекламные блоки Google AdSense и «Яндекс.Директ». Каков доход с этих блоков, мы точно не знаем, но в одном интервью Нелли проговорилась, что на Google AdSense зарабатывает примерно по $50 в день – на эту сумму можно ориентироваться при расчетах.

Даже не принимая во внимание доходы от «Яндекс.Директ», на рекламе набегает более 100 000 рублей в месяц, что в России весьма приличный заработок не только для домохозяйки.

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

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

Что касается программы, которая была использована при создании сайта «Домашний бизнес», то ее легко определить по строке в исходном коде страницы:

Иначе говоря, Нелли Федосенко создала свой сайт с помощью программы Microsoft FrontPage.

Теперь перейдем ко второй истории успеха.

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

У московского школьника Андрея Терновского зрела в голове мысль: «Как бы создать что-нибудь такое, что позволит куда-нибудь уехать?» Далее Андрея осенило: «А почему бы не объединить всех людей с веб-камерами на одном сайте?»

Так и появился сайт «Чат-рулетка» (www.chatroulette.com), который через считанные месяцы стал популярен во всем мире. Дело дошло до того, что посещаемость сайта достигала 1,5 млн посетителей в день, а средний заработок на продаже рекламы составлял $1000 ежедневно! Нетрудно подсчитать, что нерадивый российский школьник стал получать около миллиона рублей в месяц, то есть намного больше, чем педагоги, пытавшиеся научить его уму-разуму.

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

Как и в любом бизнесе, в интернет-бизнесе есть свои проблемы. Не обошли они стороной и детище Андрея Терновского. Одна из проблем заключалась в появлении «в эфире» большого количества пользователей, желающих заниматься перед веб-камерой разными неприличными делами. Отчасти Андрею удалось решить эту проблему: у посетителей появилась возможность помечать видео как непристойное, и если в течение пяти минут три человека таким образом занесли пользователя в черный список, он на определенное время перебрасывался на другие сайты. «Сливая» подобных посетителей, Терновский стал зарабатывать дополнительно по $100 000 в месяц, соответственно, более $1 млн в год. Кроме того, благодаря принятым мерам фильтрации Терновскому удалось повысить среднее время пребывания посетителей на сайте.

Ложка дегтя. Сайт «Чат-рулетка» выстрелил, но длительное время после его создания Андрей Терновский не предпринимал эффективных действий для динамичного развития проекта. Нет развития – нет роста, что особенно чревато последствиями при появлении большого количества клонов. На диаграмме, которую мы получили благодаря инструментам ресурса http://www.alexa.com, видно, что посещаемость сайта www. chatroulette.com практически в течение всего 2011 г. снижалась (рис. 1.2).

Рис. 1.2. На протяжении 2011 г. посещаемость сайта Андрея Терновского снижалась

Однако на данный момент Андрею удалось выправить ситуацию, что не может не радовать.

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

1. Хорошо учиться в школе и на высокий балл сдать ЕГЭ.

2. Окончить высшее учебное учреждение (желательно престижное).

3. Найти «хорошую» работу с достойным заработком.

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

Вместо того чтобы думать о том, как подготовиться к ЕГЭ, Андрей Терновский размышлял, как с помощью Интернета осуществить свою мечту, и ему удалось добиться успеха. Мы не призываем всех бросать школу и с головой погружаться в Интернет, а рекомендуем просто смотреть немного шире и не упускать очевидных возможностей, которые связаны с развитием компьютерных технологий.

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

1.5. Стратегия развития и неуверенность в собственных силах

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

1. Создание сайта.

2. «Раскрутка» сайта.

3. Заработок на сайте за счет рекламы чужих товаров и услуг.

4. Создание собственных товаров и услуг.

5. Реклама собственных товаров и услуг.

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

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

Стратегия вроде ясна, но, как всегда, возникают разные «непреодолимые препятствия».

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

Каждый психически нормальный (или почти нормальный) человек что-нибудь умеет или знает лучше, чем кто-нибудь другой. Предположим, человек действительно ничего не знает. Но ведь наверняка он чем-то интересуется. Если сфера интересов не выходит за рамки дозволенного, то почему бы не создать сайт на интересующую тему? Рано или поздно вы начнете в ней разбираться!

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

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

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

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

У меня катастрофически не хватает времени, вечером успеваю только просмотреть почту и написать пару сообщений «ВКонтакте».

Запомните высказывание одного американского миллионера (а может даже миллиардера), которое наверняка слышали создатели социальных сетей: «Дураки рождаются каждый день, и этим надо пользоваться».

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

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

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

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

Мне уже … лет, разве за молодежью угонишься?

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

Итак, что нужно для успеха:

• желание заработать;

• немного свободного времени.

Что может помешать? Только лень, которая в состоянии перевесить всё: силы, желания и светлые идеи. Не забывайте об этом, чтобы не оказаться в положении нашего персонажа (рис. 1.3).

Рис. 1.3. Лень способна перевесить всё

Мы понимаем, что есть люди с ограниченными возможностями по состоянию здоровья, которым намного тяжелее справляться с повседневными делами. Тем не менее многие из них, несмотря ни на что, добиваются успехов как в реальной, так и в виртуальной жизни. Перечисление «препятствий» из уст физически здорового человека – это, как правило, не более чем отговорки.

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

В качестве экспериментальной площадки мы будем использовать созданный нами сайт «Компьютер для чайников», расположенный по адресу www.pcbee.ru. Кроме того, в качестве примера мы создадим сайт «Строю сам», который будет размещен по адресу www.строюсам.рф.

1.6. Выводы

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

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

• Как правило, неуверенность в собственных силах – это результат низкой самооценки. Начните работать – и все получится.

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

Глава 2

Основы «сайтостроения»

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

2.1. Что нужно для работы?

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

• персональный компьютер с подключением к Интернету;

• цифровой фотоаппарат;

• сканер или МФУ – многофункциональное устройство, а точнее три устройства: принтер, сканер и копир в одном корпусе.

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

• процессор Pentium 4 с частотой 3 ГГц;

• оперативная память объемом 2 Гбайт;

• жесткий диск объемом 500 Гбайт;

• видеоплата с объемом памяти 256 Мбайт;

• жидкокристаллический монитор формата 3:4 с диагональю 19 дюймов.

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

Во многих случаях достаточно цифрового фотоаппарата начального уровня, цена которого составляет около $100. Однако могут быть и исключения, например, если вы делаете блог профессионального фотографа. Увы, тут «мыльницей» явно не обойтись.

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

2.2. О чем сказать миру? Ограничения темы

Предлагаем запомнить правило: «Первый сайт – для души». Все остальные сайты, если у вас их будет несколько, могут быть на темы, которые вас интересуют только отчасти. Что касается первого сайта, то его тематика должна быть такой, чтобы вы были готовы длительное время работать над ним, не получая при этом денег. Если интересно вам – значит, с большой вероятностью интересно кому-то еще.

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

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

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

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

В качестве примера приведем фан-сайт канадской панк-рок-группы SUM 41 (на русский манер звучит как «сам фоти ван»), расположенный по адресу www.сам41.рф (рис. 2.1).

Рис. 2.1. Фан-сайт канадской группы SUM 41

Сайт был создан старшей дочерью одного из авторов книги. Поскольку этот сайт создавался не для коммерческой выгоды, то перспективы его развития не анализировались. Тем не менее не поздно взглянуть на них и сейчас. Для этого воспользуемся статистикой ключевых слов «Яндекса» (http://wordstat.yandex.ru/) и узнаем количество просмотров в месяц, содержащих выражение «sum 41» (рис. 2.2).

Рис. 2.2. Количество просмотров, содержащих выражение «sum 41»

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

Необходимо заметить, что существует множество сайтов, посвященных группе SUM 41, поэтому в условиях конкуренции эта тема бесперспективна. Тем не менее если ваши дети хотят создавать сайты подобной тематики, не запрещайте им этого. Главное, чтобы это было им интересно, так как коммерческие проекты у них еще впереди.

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

Внимание!

Самое главное для любого сайта – это интересный, полезный и уникальный контент. В рамках нашей книги контент – это наполнение сайта (тексты, картинки, музыка, видео). Не хватайтесь за денежные темы типа «туризм» или «ювелирные украшения», если они вам малоинтересны и вы абсолютно не разбираетесь в них.

2.3. Какие бывают сайты? Статический или динамический?

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

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

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

Это кажется весьма сложным и, в принципе, соответствует истине. Действительно, динамический сайт, в отличие от статического, представляет собой «живой организм». К примеру, для его работы нужна база данных, к которой он обращается за нужной информацией. В базе данных хранится весь текстовый контент сайта, например статьи и комментарии. Необходимо отметить, что именно динамические сайты являются детищем Web 2.0 – технологии, которая подразумевает «взрывное» создание и распространение контента по всей Сети. Пожалуй, самый значимый проект, демонстрирующий воплощение этих принципов в жизнь, – это «Википедия» (www.wikipedia.org), созданная и живущая благодаря усилиям очень большого количества пользователей из разных стран мира.

Изначально сделав упор на динамические сайты, вы перекроете множество «узких» мест, главное из которых – уникальный контент. Динамический сайт позволит не только работать над проектом нескольким авторам (к этому есть смысл стремиться), но и получить уникальный контент в виде комментариев к вашим статьям. Кроме того, «динамика» сведет к минимуму время на изменение дизайна сайта за счет загрузки и установки на сервер всего лишь одного файла с новым шаблоном.

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

2.4. О хостинге для статических и динамических сайтов

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

У вас может возникнуть вопрос: «Можно ли использовать собственный домашний компьютер как сервер и разместить на нем свои сайты?» В принципе, это возможно. Однако мы не советуем идти по этому пути, так как в этом случае никто, кроме вас, не будет отвечать за круглосуточную доступность вашего сайта для пользователей. Доверьте эту обязанность компаниям, специализирующимся на предоставлении хостинга. У них мощные и надежные серверы, высокоскоростные каналы связи, источники бесперебойного питания и хорошие специалисты (хотя всегда встречаются «бродяги», у которых не все так радужно, как мы описываем). Более того, серверы хостеров защищены от различных сетевых атак хакеров и потери данных.

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

К примеру, если вы захотите создать пробный сайт на бесплатном хостинге http://narod.yandex.ru/ (далее просто «Народ»), то должны знать, что на нем можно разместить только статический сайт. Да, как это ни странно, «Яндекс» решил не давать пользователям возможности создавать динамические сайты. Наверняка все упирается в более сложную реализацию поддержки пользователей и в проблемы обеспечения безопасности динамических сайтов.

Существуют бесплатные площадки и для динамических сайтов, например http://holm.ru/. Увы, бесплатный хостинг накладывает очень большие ограничения как на дисковое пространство, так и на остальные ресурсы сервера.

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

Существуют следующие виды платного хостинга.

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

• Виртуальный выделенный сервер (VPS) – обычный жилой дом. В доме много квартир, в каждой из которой есть свои удобства: вода, газ, телефон, туалет и т. д. На одном физическом сервере располагается определенное количество серверов виртуальных. Каждому серверу гарантировано определенное количество вычислительной мощности процессора и оперативной памяти.

• Выделенный сервер (dedicated server) – особняк, в котором все ваше. Все ресурсы оплаченного вами сервера находятся только в вашем распоряжении.

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

На данный момент виртуальный хостинг начального уровня обходится в совсем небольшие деньги: 30-100 руб. в месяц.

В рамках книги мы будем упоминать две хостинговые компании – Best Hoster и Logol. В своей практике мы используем Best Hoster (www.best-hoster.ru) для «рассады» сайтов, а по мере их «прорастания» переносим успешные проекты на более мощный и надежный хостинг Logol (www. logol.ru).

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

2.5. О доменах

У каждого компьютера, подключенного к Интернету, есть уникальный адрес, который называется IP (Ай-Пи). Серверы, на которых размещаются сайты, тоже имеют свои IP-адреса, соответственно, добраться до сайта можно по IP-адресу. Но как человеку запомнить эти самые IP-адреса, например такой: 213.180.204.11?

Для облегчения запоминания была введена Доменная Система Имен, больше знакомая по аббревиатуре DNS (Domains Name System). Смысл очень прост: к IP-адресу «привязывается» доменное имя, которое, как и IP-адрес, является уникальным. Другими словами, не может быть двух одинаковых доменных имен, иначе возникнет путаница, ведь будет неизвестно, какой из сайтов загружать.

Указанный выше IP-адрес связан с доменным именем поисковой системы «Яндекс», то есть попасть на «Яндекс» можно введя в адресную строку 213.180.204.11 вместо yandex.ru. Согласитесь, проще запомнить доменное имя, чем IP. Когда мы вводим в адресной строке браузера www.yandex.ru, DNS-сервер ищет, где находится сайт с таким именем, и отправляет нас по IP-адресу 213.180.204.11.

Система доменных имен имеет иерархическую структуру:

• www.ru – домен верхнего уровня, принадлежащий России;

• www.pcbee.ru – домен второго уровня;

• www.proba.pcbee.ru – домен третьего уровня.

Доменные имена третьего уровня можно использовать бесплатно, а вот за использование имен второго уровня, как правило, надо платить. На данный момент российские веб-мастера используют для своих сайтов несколько доменных зон: ru, рф, com, реже net и su.

По количеству купленных российскими пользователями доменных имен лидирует кириллическая зона РФ, свободная регистрация доменов в которой началась 11 ноября 2010 г. в 12.00. Мы не случайно так хорошо помним дату и время начала свободной регистрации в зоне РФ, так как и сами поучаствовали в этом мероприятии, пытаясь приобрести пару звучных имен для своих проектов. Нашу деятельность на этом поприще успешной назвать нельзя, но в книге мы все же используем купленный нами домен в зоне РФ: www.строюсам.рф.

Для начала мы все же расскажем о бесплатном сыре в виде бесплатных доменных имен и хостинге.

2.6. Постройте свой сайт за 60 секунд!

Услуги по предоставлению бесплатного хостинга оказывают многие интернет-компании. На протяжении долгих лет в списке самых популярных бесплатных хостингов присутствует www.narod.yandex.ru, или просто «Народ». Эта площадка вполне подойдет для экспериментов со статическими сайтами.

«Постройте свой сайт за 60 секунд» – именно такой лозунг красовался на сайте «Народ» несколько лет назад. В наших архивах сохранился скриншот, датированный 2007 г. и подтверждающий достоверность наших слов (рис. 2.3).

Рис. 2.3. Несколько лет назад на «Народе» предлагалось создать свой сайт за 60 секунд

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

За прошедшие годы на «Народе» произошли определенные изменения в лучшую сторону. Хотя возможности создания динамических сайтов до сих пор нет, в помощь начинающим веб-мастерам создан конструктор сайтов. Его функции нельзя назвать исчерпывающими, но он дает простор для творчества. К примеру, можно выбрать подходящий макет для сайта (рис. 2.4).

Рис. 2.4. Конструктор сайтов на «Народе» предлагает различные макеты для вашего сайта

Учитывая, что сервис бесплатный, провести несколько экспериментов на «Народе» вы можете самостоятельно. Для этого нужно лишь зарегистрироваться на сервисе, пройдя по ссылке http://narod.yandex.ru/.

Примечание

Если у вас есть почтовый ящик на «Яндексе», например myname@ yandex.ru, то за вами автоматически закрепилась площадка myname.narod.ru. Если вас устраивает такое имя сайта и вам удалось зайти в мастерскую под логином myname и паролем от ящика, то нет необходимости создавать новую учетную запись.

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

2.7. Создание сайтов на бесплатном сервисе uCoz

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

Рис. 2.5. Главная страница uCoz

На главной странице uCoz есть слайдер, в котором показаны варианты сайтов, созданных с использованием этого конструктора. К примеру, на uCoz создан довольно известный среди учителей сайт http://pedsovet.su.

Прежде чем приступать к созданию сайта, разберемся, что же такое uCoz.

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

Модули – это веб-приложения. Модули можно сравнить с деталями конструктора «Лего» – выбирая нужные детали, получаем задуманную конструкцию. Благодаря этому можно создать сайт любой сложности: от персональной страницы до новостного портала.

Список модулей uCoz довольно обширен:

• форум;

• интернет-магазин;

• новости сайта;

• сетевой дневник (блог);

• каталог статей;

• каталог файлов;

• каталог ссылок;

• мини-чат;

• доска объявлений;

• фотоальбом;

• онлайн-игры;

• опросы;

• гостевая книга;

• FAQ (вопрос/ответ);

• почтовые формы;

• редактор страниц сайта;

• статистика посещений.

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

• неограниченное дисковое пространство (хостинг);

• удобная работа с файлами по FTP-доступу;

• создание и управление базами пользователей;

• встроенный визуальный редактор HTML;

• различные шаблоны;

• поддержка JavaScript – языка программирования сценариев, на котором создаются разные «примочки» для сайтов типа часов и всплывающих окон.

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

Сначала необходимо пройти стандартную процедуру регистрации в системе Unet.

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

Шаг 1. Переходим на сайт uCoz и в верхнем меню щелкаем на ссылке Регистрация. В результате откроется страница с формой регистрации, которую необходимо заполнить (рис. 2.6).

Рис. 2.6. Страница с формой регистрации

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

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

Шаг 3. Мы попадаем в вебтоп. Вебтоп (WebTop) – это оболочка учетной записи uNet, которая предназначена для установки и применения пользователем приложений (программного обеспечения), работы со своими данными, контактами и сайтами. Для входа необходимо заполнить данные учетной записи администратора (рис. 2.7).

Рис. 2.7. Получение доступа к вебтоп

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

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

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

Шаг 1. В открывшемся окне (рис. 2.8) в поле Адрес сайта вводим вариант устраивающего нас доменного имени. Может случиться так, что желаемый домен уже занят. Тогда придется придумать другое имя.

Рис. 2.8. Окно для подбора адреса сайта

Подбирая свободное доменное имя, мы остановили свой выбор на варианте moirecepty.ucoz.ru (см. рис. 2.8).

Совет

Если не удается подобрать походящее имя сайта, то можно попробовать сменить доменную зону. Выбор довольно большой – 18 зон. Если имя mysite.ucoz.ru (зона ru) занято, можно проверить mysite. ucoz.com (зона com).

Шаг 2. Вводим код безопасности с картинки и устанавливаем флажок Согласен с правилами хостинга. Есть смысл почитать эти правила, чтобы в дальнейшем не возникало вопросов к администрации проекта. Нажимаем кнопку Продолжить.

Шаг 3. Если все сделано правильно, должно открыться окно с уведомлением о создании сайта, в котором остается нажать кнопку Панель управления сайтом. После этого можно приступать к настройкам сайта.

После того как стала доступна панель управления сайтом, можно выполнить начальные настройки (рис. 2.9).

Рис. 2.9. Панель управления сайтом

Шаг 1. Заполняем поле с названием сайта. Как мы и договаривались, наш сайт будет называться «Мои рецепты». Ваш сайт может носить любое имя – это зависит только от вас.

Шаг 2. Кроме того, здесь мы можем выбрать дизайн из готовой коллекции шаблонов. Для этого нажимаем кнопку Выбрать дизайн – перед нами открывается страница с большой коллекцией шаблонов. Для удобного поиска все шаблоны распределены по категориям (рис. 2.10).

Рис. 2.10. Коллекция шаблонов uCoz

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

Шаг 3. В следующем окне нас просят выбрать необходимые для сайта модули (рис. 2.11).

Рис. 2.11. Окно выбора модулей

Примечание

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

Для проекта мы выбрали следующие модули:

• Редактор страниц;

• Фотоальбомы;

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

• Каталог статей;

• Опросы;

• Почтовые формы.

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

После применения параметров в панели управления появится вся необходимая информация и инструменты для дальнейшей настройки и редактирования сайта (рис. 2.12).

Рис. 2.12. Панель управления сайтом со всей необходимой информацией и инструментами

Теперь можно осмотреться и познакомиться с панелью управления сайтом.

Знакомство с панелью управления начнем с верхнего меню под названием админ-бар (рис. 2.13).

Рис. 2.13. Админ-бар

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

• Общее – общая информация о сайте, ссылка на сайт и на главную страницу панели.

• Настройки – из названия понятно, что эта вкладка содержит все основные настройки. Вот некоторые из них: редактор названия сайта, смена дизайна и языка сайта, отключение сайта и т. д.

• Дизайн – на этой вкладке собраны все инструменты для настройки шаблона сайта. Если вы преуспели в изучении HTML, то можете самостоятельно изменить внешний вид сайта или установить сторонний шаблон.

• Инструменты – настройки, которые не вошли в предыдущие вкладки. Кроме того, здесь есть несколько крайне важных инструментов, которыми мы будем пользоваться. Один из них – файловый менеджер. С его помощью мы будем загружать нужные файлы на хостинг.

• Безопасность – инструменты для обеспечения безопасности сайта: можно сменить пароли к учетным записям и FTP, а также настроить другие параметры.

• Помощь – полезные советы по раскрутке сайта, ссылка на официальный форум uCoz и службу поддержки.

Примечание

Мы намеренно не стали описывать вкладку Платные услуги, так как в наши планы не входит использование платных услуг. Дело в том, что цена на них «кусается» и проще купить хостинг на другой площадке, чем создавать коммерческий проект на uCoz.

Следующая часть, которую мы рассмотрим, – меню модулей (рис. 2.14).

Рис. 2.14. Меню модулей

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

Центральная часть панели управления разделена на две области: нижнюю и верхнюю (рис. 2.15).

Рис. 2.15. Центральная часть панели управления

В верхней области отображаются имя пользователя, адрес сайта, доступное дисковое пространство (с очень интересной кнопкой Изменить), а также различные предупреждения. В гордом одиночестве в правой области находится ссылка с не менее интересным названием Стать Премиум пользователем. За этими «интересными» названиями прячутся платные услуги, из чего можно сделать вывод, что uCoz – это своеобразная «завлекалочка» для доверчивых пользователей. Внизу размещены ссылки для доступа ко всем основным инструментам.

В дальнейшем, чтобы попасть на панель управления сайтом, необходимо зайти на главную страницу сайта, дописать к адресу слово admin через прямой слеш (/) и нажать клавишу Enter. К примеру, адрес нашего сайта http://moirecepty.ucoz.ru/. После добавления получается так: http://moirecepty.ucoz.ru/admin.

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

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

Шаг 1. Заходим в панель управления сайтом. В меню модулей выбираем пункт Каталог статей, после чего становится доступной панель управления модулем (рис. 2.16).

Рис. 2.16. Панель управления модулем Каталог статей

Выбираем пункт Управление категориями.

Шаг 2. На панели Управление категориями отображаются все разделы и категории модуля. В нашем случае видна только одна категория Мои статьи (рис. 2.17).

Рис. 2.17. Панель Управление категориями

Кроме того, здесь есть две кнопки: Добавить раздел и Добавить категорию.

Шаг 3. Нажимаем кнопку Добавить раздел, в результате чего открывается соответствующее окно (рис. 2.18).

Рис. 2.18. Окно Добавить раздел

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

Далее есть два пути добавления категорий.

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

• Щелкнуть на ссылке Добавить категорию рядом с разделом, но в этом случае уже будет автоматически выбран раздел.

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

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

Рис. 2.19. В разделе Горячие блюда теперь есть две категории

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

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

Шаг 1. Заходим в каталог статей.

Шаг 2. С правой стороны находится ссылка для создания материала, которая называется Добавить материал. Щелкаем на ней, и система отправляет нас на сайт, где нужно авторизоваться для продолжения добавления новостей.

Шаг 3. Щелкаем на ссылке Вход, и во всплывающем окне вводим адрес электронной почты и пароль учетной записи uNet. При правильном вводе появляется редактор статей (рис. 2.20).

Рис. 2.20. Редактор статей

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

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

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

Шаг 7. Для добавления картинки в статью на панели инструментов редактора для полного текста нажимаем кнопку Изображение, после чего появляется соответствующее окно (рис. 2.21).

Рис. 2.21. Окно выбора изображения

Изображение загрузим с локального компьютера. Для этого щелкаем на значке справа от поля Путь, после чего открывается окно файлового менеджера (рис. 2.22).

Рис. 2.22. Окно файлового менеджера

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

Шаг 8. После загрузки картинки на хостинг нужно щелкнуть на названии файла с картинкой и задать ее настройки:

– название;

– выравнивание;

– рамку;

– ширину и высоту;

– отступ.

Заполняем нужные параметры и нажимаем кнопку Вставить.

Шаг 9. Теперь статью можно сохранить, и она будет доступна на сайте. Для этого нажимаем кнопку Добавить в конце страницы. Через некоторое время появляется окно с уведомлением, что материал доступен для посетителей сайта.

Добавим на наш сайт фотоальбом, в котором будут запечатлены кулинарные «шедевры».

Шаг 1. В меню модулей выбираем пункт Фотоальбомы. Панель управления модулем Фотоальбом мало чем отличается от панели управления модулем Каталог статей (рис. 2.23).

Рис. 2.23. Панель управления модулем Фотоальбом

Система создания разделов и категорий здесь точно такая, как и в каталоге статей.

Шаг 2. Переходим в Управление категориями и видим, что у нас уже есть две категории по умолчанию: Мои фотографии и Моя семья (рис. 2.24).

Рис. 2.24. Панель Управления категориями для фотоальбома

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

Шаг 3. Заходим в категорию Мои успехи. На данный момент здесь пусто, поэтому будем добавлять фотографии. Для этого нажимаем кнопку Добавить материал. После авторизации мы попадаем на страницу добавления материала в фотоальбом (рис. 2.25).

Рис. 2.25. Страница добавления материала в фотоальбом

Доступны два способа добавления фотографий в фотоальбом.

• Добавление архивом – позволяет загрузить много фотографий сразу. Можно запаковать их в ZIP-архив и выгрузить на сайт. Главное, чтобы архив не превышал максимально допустимого размера 40 Мбайт.

• Обычное добавление – добавление по одной фотографии в альбом на сайте.

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

Сразу после загрузки архив с фотографиями окажется в разделе сайта Фотоальбомы (рис. 2.26).

Рис. 2.26. Фотоальбом Мои успехи

В этом подразделе мы рассмотрим такую «фишку» uCoz, как конструктор. Он работает только на сайте и при условии, что вы вошли на сайт под учетной записью администратора. С помощью конструктора можно менять, добавлять блоки сайта, а также вносить изменения в шаблон даже без знания HTML.

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

Рис. 2.27. Страница в режиме конструктора

Теперь можно изменить содержание блоков. Для этого надо щелкнуть на изображении шестеренки. В базе uCoz собрано большое количество различных гаджетов (рис. 2.28).

Рис. 2.28. Гаджеты, доступные для добавления в блок

Кроме того, в режиме конструктора можно изменить надпись в заголовке сайта «Мой сайт». Для этого щелкаем на надписи, затем пишем свой вариант и нажимаем клавишу Enter. В данном случае заменим стандартную надпись названием нашего сайта – «Мои рецепты». После выполнения всех операций вновь нажимаем кнопку Конструктор, а затем – Сохранить изменения.

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

Рис. 2.29. Включение редактора главной страницы

После запуска редактора отредактируем главную страницу, добавив текст и фотографию «шеф-повара». Выполнив все манипуляции, необходимо нажать кнопку Сохранить. После этого появится таблица с предложением перейти на главную страницу и посмотреть результат. Результат нашей работы показан на рис. 2.30.

Рис. 2.30. Главная страница сайта «Мои рецепты» www.moirecepty.ucoz.ru

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

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

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

2.8. Стоит ли создавать сайты на бесплатном хостинге?

Если бы мы задали профессиональным веб-мастерам вопрос о перспективах создания сайтов на бесплатном хостинге, то в большинстве случаев услышали бы в ответ категорическое неприятие такой идеи. С другой стороны, многие интернет-пользователи, ищущие способ заработка на сайтах без особых материальных затрат, активно используют и «Народ», и uCoz для создания многочисленных веб-проектов.

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

Многие подобные сайты канули в лету, но некоторые превратились в «живых мертвецов». Чтобы сохранить интригу, мы не будем сразу посвящать вас в суть использованного нами словосочетания со зловещей окраской, а познакомим с двумя заброшенными сайтами, размещенными на бесплатном хостинге «Народ».

Первый сайт называется «Мяу – все о кошках» (www.miaow7.narod.ru). Как вы понимаете, он посвящен братьям нашим меньшим. Что касается уникальности, то, увы, уникален только шаблон и то отчасти, так как фотографии для него взяты из Интернета (рис. 2.31).

Рис. 2.31. Сайт «Мяу – все о кошках»

Второй сайт нацелен на фанатов Гарри Поттера и размещен по адресу www.harry-potter-fan.narod.ru (рис. 2.32).

Рис. 2.32. Фан-сайт Гарри Поттера

Как и в первом случае, контент на 80 % неуникален. Как вы догадываетесь, сайты созданы детьми, в частности дочерьми одного из авторов книги. Совокупный доход с этих сайтов составляет около $50 в месяц. С одной стороны, сумма смехотворная, но, учитывая, что эти деньги практически падают с неба, очень даже неплохо. Сожалеть остается только о том, что таких сайтов лишь два, а не 100, ведь при таком раскладе «халявный» заработок превысил бы среднюю зарплату по Российской Федерации.

Так вот, понятие «живые мертвецы» наилучшим образом подходит для этих двух сайтов. Этими сайтами длительное время никто не занимается, но они продолжают жить и приносить доход. Более того, у них периодически наблюдается рост посещаемости.

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

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

• Придется мириться с «чужой» рекламой, которая иногда выглядит более чем агрессивно. На некоторых бесплатных хостингах можно убрать показ рекламы, но за это придется платить.

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

• В рекламную сеть «Яндекс.Директ» не берут сайты, расположенные на бесплатных хостингах, за исключением сайтов на «Народе».

Хотя «народный» сайт можно протолкнуть в «Яндекс.Директ», существует жесткое ограничение на рекламу. Рекламный блок может быть только один, он должен располагаться в верхней части экрана и при этом нельзя изменить его внешний вид (цвет фона, шрифта и т. д.).

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

Совет

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

2.9. Выводы

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

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

• В качестве бесплатной площадки для экспериментирования с динамическими сайтами вполне подойдет uCoz.

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

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

Глава 3

HTML и не только

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

3.1. Что такое HTML и стоит ли тратить время на его изучение?

Как мы уже сказали в главе 1, аббревиатура HTML определяет язык разметки гипертекста (Hyper Text Markup Language). По сути дела, гипертекст – это текст, описывающий особую разметку, которая указывает браузеру, где и в каком виде отображать содержимое веб-страницы. К примеру, браузер должен знать, что картинку надо выводить по центру, а текст под ней должен быть зеленого цвета.

Не стоит путать HTML с языками программирования. На языках программирования, таких как Java, C++, Pascal и т. д., пишутся программы, а с помощью HTML лишь размечается обычный текст, который после подобной разметки превращается в гипертекст.

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

Как увидеть гипертекст конкретной веб-страницы? Очень просто – необходимо щелкнуть правой кнопкой мыши на открытой веб-странице (но не на картинке) и выбрать команду для отображения исходного кода. Для браузера Google Chrome это команда Просмотр кода страницы, для Opera – Исходный код, а для Mozilla Firefox – Исходный код страницы.

Вот так, к примеру, выглядит HTML-код веб-страницы одного из сайтов, открытый в браузере Google Chrome (рис. 3.1).

Рис. 3.1. HTML-код веб-страницы

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

Это так называемые управляющие символы – tags, или «теги». Любой профессиональный веб-мастер знает HTML, как любой профессиональный музыкант знает нотную грамоту. Но стоит ли тратить время на изучение HTML начинающим веб-мастерам, если и без его знания можно создавать сайты? Действительно, создавая сайт на uCoz, мы обошлись без знания HTML, но только потому, что не меняли шаблон и не использовали сторонний HTML-код. Увы, в реальных условиях без этого не обойтись. Готовясь к серьезной работе, не стоит пропускать эту главу. Постарайтесь вникнуть в основы HTML, так как в дальнейшем это сократит время работы над вашими сайтами.

Перед тем как переходить к созданию веб-страницы, немного расскажем о картинках.

3.2. О картинках

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

Совет

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

Поскольку картинки – это далеко не последний элемент любой веб-страницы, стоит поговорить о них подробней.

Файл – это программа или данные, хранящиеся в долговременной памяти компьютера. У каждого файла есть имя, состоящее из двух частей, разделенных точкой. До точки пишется собственно имя файла, как правило, присваиваемое пользователем. После точки пишется расширение файла, по которому компьютер понимает, с файлом какого типа он имеет дело (в операционной системе Linux расширение файла может отсутствовать).

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

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

К основным типам растровых графических файлов относятся GIF, JPG (JPEG), PNG, BMP и TIF. При создании сайтов необходимо использовать только форматы GIF, JPG (JPEG) и PNG.

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

JPEG – «любимый» формат пользователей Интернета. Именно в нем, как правило, хранятся фотографии, выложенные на различных сайтах. Формат JPEG позволяет хранить изображение с большим количеством цветов – около 16 млн.

Конец бесплатного ознакомительного фрагмента.