Как создать сайт самостоятельно

к списку статей

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

Для начала, немного о нашей веб студии

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

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

Краткий перечень того, что Вам потребуется, чтобы создать самостоятельно сайт

  • Зарегистрировать доменное имя. Заключить договор с одним из официальных регистраторов доменов и оплатить ему счет за выбранное доменное имя
  • Подобрать хостинг для размещения будущего веб ресурса, выбрать подходящий тариф хостинг провайдера. Оплатить счет за услуги хостера и на этой площадке развернуть сайт, подключить базу данных
  • Подобрать соответствующую задачам Вашего сайта систему управления, оплатить и купить её, изучить инструкцию по пользованию и работе, установить на хостинг, разобраться в возможностях платформы и в её настройках
  • Озадачиться поиском услуги создание дизайна сайта среди профессиональных дизайн студий. Выбрать устраивающую Вас компанию и исполнителя, оплатить дизайн веб сайта
  • Разработанные макеты дизайна передать специалисту html верстальщику для верстки, соответственно – следует найти грамотного верстальщика
  • Сверстанный дизайн передать в работу веб программисту наверстать и интегрировать в систему управления
  • Программирование сайта – тут Вам нужно будет именно физически, т.е. заняться программированием всех модулей и сервисов сайта так, чтоб все на ресурсе работало именно по Вашему сценарию. Готовый проект с помощью системного администратора разместить в интернете на оплаченный и выбранный хостинг
  • SEO копирайт, т.е. заняться подготовкой уникальных текстовых и графических материалов для заполнения
  • Делегировать купленное Вами доменное имя, прописав имена DNS серверов
  • Установить на сайте счетчики посещаемости и статистики, предварительно их выбрав и зарегистрировав
  • Сделать регистрацию сайта в основных поисковых системах.

А теперь поподробнее – создание сайта самостоятельно

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

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

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

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

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

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

Покупка площадки размещения

Если Ваш домен зарегистрирован у сертифицированного регистратора (r01.ru, webnames.ru, nic.ru), то при необходимости его можно будет сменить, поэтому лучше всего выбирать регистратора (хостинг-провайдера) в соответствии с рейтингом. У выбранного хостинг-провайдера необходимо зарегистрироваться и оплатить хостинг (можно тоже через Яндекс.Деньги). По итогам регистрации провайдер присылает письмо с паролями: для ftp-доступа к сайту (чтобы загружать и редактировать сайт), для доступа к контрольной панели (чтобы управлять разными настройками и почтой).

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

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

Создание html-страничек

Создание и редактирование сайта - существует множество программ, но их использование не является обязательным. Следует иметь в виду основное: html-документ или веб-страница – это обычный текстовый документ, который можно открыть и посмотреть с помощью стандартных программ типа Блокнота. Так, например, если зайти на любой сайт и нажать в браузере «Вид» – «Просмотр HTML-кода» (или какие-то аналогичные «кнопки»), можно увидеть смесь строчек кода и обычного текста.

Создание сайта самостоятельно - практическая последовательность действий:

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

Теперь все файлы будут отображаться с расширениями, к примеру, имя файла «Автобиография» будет видно как «Автобиография.doc». Именно это нам и требуется. Маленькая практическая хитрость: для удобства отдельную папку для сайта лучше создавать не в «Моих документах» и не на Рабочем столе, а где-нибудь на локальных дисках – «C» или «D». Это удобнее.

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

Его следует выделить и нажать клавишу «Enter» – отроется браузер (Internet Explorer или другой и в нем пустая страница. Если нажать последовательно «Вид» – «Просмотр HTML-кода», в Блокноте откроется пустой текстовый файл. В нем можно написать любую фразу (например, «Люди, я вас люблю!») и сохранить сделанные изменения («Файл» – «Сохранить»). После этого следует переключиться на то окошко, где открыт браузер с будущим сайтом, и нажать клавишу «F5» или «Обновить». На сайте должна появиться напечатанная фраза.

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

Однако чтобы создать реальную (и красивую) веб-страницу без знания HTML (Hypertext Markup Language, язык разметки гипертекста), Вам потребуются вспомогательные инструменты. Самый простой и первый из приходящих в голову вариантов – текстовый редактор Microsoft Word. 

С его помощью можно создать новый документ, написать там все, что хочется – например, собственное имя, контакты, и все-все-все, что хочется разместить на своей веб- странице на всеобщее обозрение – а при сохранении выбрать формат HTML и, например, название «index». Тогда получится файл «index.html», который можно будет открыть с помощью браузера, и если страница откроется – у Вас все получилось.

Загрузка на сервер

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

После запуска программы следует нажать кнопки «FTP» и «New connections» (новое соединение), после чего заполнить поля настроек в соответствии с данными, предоставленными хостинг-провайдером. Итог должен быть примерно таким:

  • Session: Мой сайт MYSITE.RU – свободное поле.
  • Host name: FTP. MYSITE.RU
  • User name: MIKHAIL
  • Password: ********

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

Обычно одна из них предназначена для сохранения статистики, другая – для почты, помимо этого обязательно должна быть специальная папка для сайта – ее точное название должен назвать хостинг- провайдер. Вы можете войти в эту папку и посмотреть ее содержимое – обычно это служебная папка «cgi-bin» и файл «index.html», но папка может быть и пустой.

В другой половинке окна программы «Total Commander» откройте папку с созданным ранее файлом «index.html» и перетащить его в папку сервера, после чего утвердительно ответить на появившийся вопрос. Файл закачается на сервер.Для проверки следует набрать в браузере адрес своего сайта – должна отобразиться та самая страничка, сайт-визитка. Еще раз ура – Вы достигли главной цели.   

Если вдруг страничка не отобразилась – нет повода для паники. Наберите адрес своего сайта, добавив через косую черту (слэш) название созданной Вами страницы – в нашем примере это http://www.mysite.ru/index.html. Если страничка опять не отобразилась – Вы что-то сделали неправильно, проверьте все свои действия пошагово, а если отобразилась – свяжитесь с хостингом и спросите, в чем, собственно, проблема и как сделать Ваш файл стартовым, индексным. И вообще – почаще звоните провайдеру, Вы ему платите, в том числе, и за это.

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

Создание хорошего сайта - тут немаловажно уметь обрабатывать изображения. Если Вы планируете и в дальнейшем совершенствоваться в направлении «веб разработка» (пусть и «по-детски» на Narod.ru с помощью шаблонов), рекомендуется пройти хотя бы несколько уроков по освоению популярного инструмента Adobe Photoshop для начинающих, ведь создание современного сайта просто-таки немыслимо без качественной графики.

Создание у профессиональных разработчиков веб проектов

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

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

Чтобы изготовить успешный интернет проект – мы рекомендуем

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

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

к списку статей
(он-лайн заявка)