Главная / Для блоггеров. / Создание сайта с нуля – своими силами. Создаем многофункциональный сайт с широкими возможностями своими силами.
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока нет оценок. Будь первым!)
Загрузка...

Создание сайта с нуля – своими силами. Создаем многофункциональный сайт с широкими возможностями своими силами.

Итак, схема работы вкратце:

  1. Выбираем домен
  2. Регистрируем домен
  3. Выбираем хостинг
  4. Выбираем движок сайта
  5. Заливаем движок на хостинг
  6. Настраиваем сайт
  7. Наполняем контентом

 

1)2)Выбираем доменное имя, регистрируем.

Домен – это адрес Вашего сайта. Имя должно быть простым и запоминающемся, а главное свободным, то есть не зарегистрированным на другого человека. Так что начинаем проверять имя. Заходим на сервис timeweb.ru (ссылка ниже) нажимаем проверить домен (рис. 1)

(Рис. 1)

(Рис. 1)

На примере я забил имя primer1.ru, Вы вписываете свое имя, которое хотите сделать именем сайта и нажимаете кнопку справа «проверить». Сервис начинает проверять имя на занятость в разных доменных зонах. Как видите primer1.ru – свободен, а слева Вам показываю наличие этого домена в других зонах (.su, .org, .info, .tv и др.) и его стоимость смотри (рис. 2)

(Рис. 2)

(Рис. 2)

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

Если Ваше имя свободно у Вас есть два пути:

1- Регистрируете домен, оплачиваете.

2- Оплачиваете хостинг на год и получаете домен бесплатно (об этом расскажу ниже)

 

3)Выбираем хостинг

Хостинг – под этим словом подразумевается организация предоставляющая Вам дисковое пространство под Ваш сайт на своих серверах. В услуги каждой организации входят:

— дисковое пространство

— определенная нагрузка на сервера

— информационная поддержка (то есть будут вопросы, а они будут, Вы сможете задать службе поддержки, график 24/7)

— почтовый сервис и многое другое

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

Итак, нажимаем «хостинг » (рис. 3) Затем выбираем тарифный план.

(Рис. 3)

(Рис. 3)

___________________________________________

ВАЖНО: на первых порах сайт будет «весить» мало и посещаемость будет небольшая, поэтому советую взять самый дешевый тариф – Вам его более чем хватит. (Рис. 3.1)

(Рис. 3.1)

(Рис. 3.1)

____________________________

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

 ______________

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

 

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

(Рис. 4)

(Рис. 4)

 

ВАЖНАЯ ИНФОРМАЦИЯ: для тех кто хочет на первых порах попробовать создать сайт и не за что не платить (хост, домен) – у Вас есть такая возможность. Timeweb.ru предоставляет возможность пользоваться своими серверами бесплатно в течении двух недель. Для этого выбираем «конструктор сайтов» (рис. 5).

(Рис. 5)

(Рис. 5)

Заполняем форму (рис. 6)

(Рис. 6)

(Рис. 6)

Вот и все теперь у вас есть полноценный хостинг на 14 дней

________________________

Едем дальше, Вы зарегистрировались, взяли хостинг (либо платно, либо бесплатно). Заходим в панель управления (рис. 7)

(Рис. 7)

(Рис. 7)

Вводим свой логин и пароль. Панель управления выглядит следующим образом (рис. 8)

(Рис. 8)

(Рис. 8)

Нам понадобится «конструктор сайтов» нажимаем на него и переходим к следующему пункту.

 

4)5)Выбираем движок сайта и ставим его на сервера.

 

Конструктор сайтов (рис. 9) предлагает нам широкий выбор движков для сайта – как платных так и бесплатных.

(Рис. 9)

(Рис. 9)

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

После нажатия на wordpress всплывет окно, нажмите «приступить к установке».

 

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

 

6)Настраиваем сайт.

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

(Рис. 9.1)

(Рис. 9.1)

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

Едем дальше – вводим логин и пароль. Поздравляю Вы зашли на свой сайт, согласен пока выглядит не очень – надо настраивать. На рисунке (№ 10) один из моих сайтов, нажимаем, как показано, на кнопочку с названием Вашего сайта, у меня это izobata.ru.
(Рис. 10)

(Рис. 10)

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

 

Шаблоны, темы WordPress.

 

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

(Рис. 11)

(Рис. 11)

затем установить тему рисунок (№ 12).

(Рис. 12)

(Рис. 12)

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

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

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

Так что качайте, устанавливайте, пробуйте разные темы.

Плагины, виджеты.

Плагины и виджеты это наше всё!!! Они помогают решить самые разнообразные задачи.

Например:

 

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

Плагины: «GoogleXMLSitemaps» — создает карту сайта для поисковых роботов , «GTranslate» — переводит Ваш сайт на 58 языков мира, «RelatedPosts» — выводит похожие статьи для удобства пользователей и простоты навигации по Вашему сайту, «WP-DownloadManager» — дает возможность скачивать файлы с Вашего сайта, «Snow Storm» — заставит идти снег на страницах сайта и т. д. Подробней о разных плагинах читайте здесь.

 

7)Наполняем сайт контентом.

 

Заключительная часть этой статьи как наполнять сайт контентом. То есть статьями, фото и видео.

 

Для начала создаем новую запись рисунок 13.

(Рис. 13)

(Рис. 13)

Пишем заголовок, на рисунке 14 пример статьи,

(Рис. 14)

(Рис. 14)

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

После написания статьи нажимайте опубликовать. Теперь у Вас на сайте появилась первая статья, которая видна для посетителей сайта.

 

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

За сим всё. Специально для тех кто не любит читать внизу подробное видео.

Опубликовать на своей стене в:
Итак, схема работы вкратце: Выбираем домен Регистрируем домен Выбираем хостинг Выбираем движок сайта Заливаем движок на хостинг Настраиваем сайт Наполняем контентом   1)2)Выбираем доменное имя, регистрируем. Домен – это адрес Вашего сайта. Имя должно быть простым и запоминающемся, а главное свободным, то есть не зарегистрированным на другого человека. Так что начинаем проверять имя. Заходим на сервис timeweb.ru (ссылка ниже) нажимаем проверить домен (рис. 1) На примере я забил имя primer1.ru, Вы вписываете свое имя, которое хотите сделать именем сайта и нажимаете кнопку справа «проверить». Сервис начинает проверять имя на занятость в разных доменных зонах.…

Обзор

Итог: Дайте свою оценку статье. На сколько она была для Вас полезной и интересной!?

Рейтинг пользователей 3.6 ( 1 голосов)
браузеры

Добавить страницу в закладки браузера - Нажмите Ctrl+D

   

О Александр Муратов

Авторский Блог Муратова Александра. Тематика: сайтостроение - wordpress. Продвижение, раскрутка, монетизация и оптимизация сайтов. Администратор Live-Net Журнала HandicapNews.ru Все статьи автора.

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

Яндекс.Метрика

Watch Dragon ball super