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

Сделать сайт самому

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

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

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

В имени домена следует

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

По окончании подбора имени

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

Самое простое – заключить договор на себя

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

Покупка площадки размещения
Если ваш домен зарегистрирован

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

Помимо этого хостинг-провайдер должен

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

С полученными данными необходимо зайти

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

Генерация html-страничек
Для самостоятельного редактирования

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

img
Пошаговая инструкция при разработке сайта самостоятельно с нуля
  1. Следует проверить, чтобы на компьютере отображались расширения для всех файлов – два-три символа после последней точки в названии файла (очень похоже на зоны у доменов, например, у файла «doc.com» расширение «.com». Для этого необходимо открыть любую папку (каталог), пройти по маршруту типа «Сервис» – «Свойства папки» – «Вид» и убрать галочку с пункта «Скрывать расширения для зарегистрированных типов файлов».
  2. Теперь все файлы будут отображаться с расширениями, к примеру, имя файла «Автобиография» будет видно как «Автобиография.doc». Именно это нам и требуется. Маленькая практическая хитрость: для удобства отдельную папку для сайта лучше расположить не в «Моих документах» и не на Рабочем столе, а где-нибудь на локальных дисках – «C» или «D». Это удобнее.
  3. Войдя в папку, выбранную для работ, следует нажать правую кнопку мыши и выбрать строку «Сформировать текстовый документ» (или «html-документ», если будет такой вариант). Получив предложение назвать соответствующий файл, следует выбрать имя типа «index.html» (вместо стандартного «Текстовый документ.txt»). На вопрос, действительно ли вы желаете сменить расширение, следует ответить утвердительно. В результате в папке возникнет новый файл с синей интернетовской иконкой – это и есть будущий сайт, который вы реализуете самостоятельно и с нуля.
  4. Его следует выделить и нажать клавишу «Enter» – отроется браузер (Internet Explorer или другой и в нем пустая страница. Если нажать последовательно «Вид» – «Просмотр HTML-кода», в Блокноте откроется пустой текстовый файл. В нем можно написать любую фразу (например, «Люди, я вас люблю!») и сохранить сделанные изменения («Файл» – «Сохранить»). После этого следует переключиться на то окошко, где открыт браузер с будущим сайтом, и нажать клавишу «F5» или «Обновить». На сайте должна появиться напечатанная фраза.
  5. Ура! Вы самостоятельно осилили простейшую веб-страничку для сайта! Как говорится, возьмите с полки пирожок!
  6. Однако чтобы сделать самому реальную (и красивую) веб-страницу без знания HTML (Hypertext Markup Language, язык разметки гипертекста), Вам потребуются вспомогательные инструменты. Самый простой и первый из приходящих в голову вариантов – текстовый редактор Microsoft Word.
  7. С его помощью можно сделать новый документ, написать там все, что хочется – например, собственное имя, контакты, и все-все-все, что хочется разместить на веб- странице на всеобщее обозрение – а при сохранении выбрать формат 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» и перетащить его в папку сервера, после чего утвердительно ответить на появившийся вопрос. Файл закачается на сервер. Для проверки следует набрать в браузере адрес своего сайта-визитки, разработку которого вы провели самостоятельно – должна отобразиться та самая страничка. Еще раз ура – Вы достигли главной цели.

Если вдруг страничка не отобразилась –

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

Весь вышеописанный процесс

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

Немаловажно уметь обрабатывать изображения.

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

img
Что лучше выбрать – систему управления или конструктор сайтов
  • CMS ( платформа) предназначена для тех, кто хочет самостоятельно сделать сайт магазин и может подстроить функционал под свои задачи, используя для этого все возможности платформы (движка), работая при этом с html css и php.
  • В случае же, с конструктором, можно использовать только готовые блоки, довольствуясь теми возможностями, которые изначально заложены в систему. Тут не потребуется никаких технических навыков, но будет ограничение функционала
Обращайтесь к профессиональным разработчикам веб проектов

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

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

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

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

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

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

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