Бесплатный курс по HTML - 33 видеоурока

Создание сайта
Регистрация
Продвижение
Монетизация
Облако тегов

Требуется для просмотраFlash Player 9 или выше.

Показать все теги

Главная » Как создать сайт » Инструкция по созданию сайта

Инструкция по созданию сайта



Раздел: Как создать сайт  
14 сентября 2009   |   автор: admin Оставить комментарий

Инструкция по созданию сайта

 

Если вы читаете эту статью, то, по всей видимости, интересуетесь вопросом:

 

«Как самостоятельно создать интернет сайт?»

 

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

 

Ниже приведены основные этапы:

1. Идея для сайта
2. Внешний облик: структура и дизайн
3. Выбор CMS: движка для сайта
4. Установка локального сервера
5. Создание макета с помощью графического редактора
6. Верстка и тестирование
7. Регистрация: домен и хостинг
8. Наполнение контентом
9. Продвижение
10. Доход с сайта

 

Теперь давайте рассмотрим эти этапы подробней.

 

 

 

Идея для сайта

 

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

 

  •  для чего вам нужен сайт. С какой целью вы его делаете;
  •  на кого он рассчитан, кто ваши потенциальные посетители;
  •  что вы хотите и можете им предложить;
  •  что в итоге получат ваши посетители

 

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

 

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

 

 

Внешний облик: структура и дизайн

 

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

 

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

 

Все это очень увлекает. Хочется и себе сделать нечто подобное. Добавить такую же «фишку», как на сайте «N».

 

Но стоит ли?

 

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

 

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

 

 

Выбор CMS: движка сайта

 

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

 

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

 

Определите для себя, каким будет ваш сайт. Если он состоит из 1-2 страниц, то возможно обойтись без CMS. Но если это многостраничный ресурс, тут на помощь придет Система управления содержимым сайта - CMS (подробнее см. здесь).

 

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

 

 

 

Установка локального сервера.

 

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

 

Одним из самых распространенных наборов таких программ является DENWER (скачать можно здесь). На сайте разработчика вы найдете все необходимы инструкции по установке и работе с ним. А если возникнут вопросы - загляните на их форум.

 

Видеоурок по установке Денвера и CMS DLE можно скачать здесь.

 

 

 

Создание макета сайта в графическом редакторе.

 

 Зачем веб-мастеру Фотошоп? Лично меня этот вопрос волновал, а вас? Когда я только начинал делать сайты, то не видел потребности изучать еще и графические программы. Мне казалось, что дело сводится лишь к написанию кода и все. Но не тут-то было.

 

Современный сайт - это не только текст. Его трудно представить без графики: картинок, фото, иконок, баннеров и просто кнопок. Они являются органическим элементом любого web сайта.

 

Поэтому вам потребуется потратить дополнительное время на изучение Фотошопа (либо другого графического редактора, например Corel).

 

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

 

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

 

 

 

Верстка.

 

 Основной процесс верстки сайта сводится к написанию HTML кода (см. Учебник по основам HTML и блочной верстки), и оформлению с помощью CSS (см. Учебник CSS). Естественно без базовых понятий в html и css тут не обойтись. Хотя все это достаточно просто освоить.

 

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

 

Сверстав сайт, протестируйте его. Важно, чтобы все корректно работало.

 

 

 

Регистрация: домен и хостинг

 

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

 

Сначала можете потренироваться на бесплатном хостинге. Затем, накопив опыт, переместиться на платный.

 

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

 

 

 

Наполнение контентом

 

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

 

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

 

 

 

Продвижение.

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

 

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

 

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

 

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

 

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

 

 

 

Ну а теперь непосредственно о раскрутке.

 

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

 

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

 

 

 

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

 

 

 

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

 

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

 

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

 

 

 

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

 

 

Доход с сайта

 

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

 

 

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

 

 

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

 

 

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

 

 

Сделайте свой инфопродукт и предлагайте его.

 

 

 

На этом буду заканчивать краткое введение в сайтостроение.

 

Удачи вам в ваших начинаниях!

 

 

 

Полезные курсы:

 

1. Все Технические Моменты Онлайн Бизнеса в Видеоформате

 

2. Как СДЕЛАТЬ БЛОГ на Wordpress? 

 

3. Фотошоп с нуля. Видеокурс 

 

4. Как привлечь подписчиков на свой сайт 

 

 

 

 

Сайт:  web-lesson.ru

 


Ключевые теги: Как создать сайт
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
web-lesson.ru

Если Вы давно мечтаете о создании собственного блога на движке Wordpress, то советую Вам обратить внимание на мой новый видеокурс "Wordpress - Профессиональный блог за один день". Это более 100 видеоуроков, по всем аспектам создания и ведения своего блога на самом популярном движке в мире.

Узнать подробнее