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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Но стоит ли?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Верстка

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

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

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

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

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

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

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

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

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

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

Оставить комментарий

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*