Простые способы создания Вебсайта14 Июня 2015

Эта статья ориентирована на следующие типы сайтов: портфолио дизайнера, галерея фотографа, сайт группы или исполнителя, сайт сервис компании, сайт программы. Я обьясню с чего начать и что нужно знать прежде чем начинать создавать свой сайт. Всё написано для новичков и основано на собственном опыте работы с этими типами сайтов, так как я работаю только с артистами.

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

Что такое HTML+CSS Вебсайт?

По моему мнению, самый удобный способ для всех типов сайтов, перечисленых в начале статьи. Вы можете скачать либо бесплатный шаблон сайта, либо купить более сложный и замысловатый и модифицировать его под себя. Дизайн такого сайта управляется одним CSS файлом, который не нужно изменять для добавления своего контента на сайт. Контент хранится в HTML файлах с простым кодом разметки, где приведено много примеров, которые можно копировать и вставлять, заменяя демо содержимое на свой текст и изображения. Урок по HTML, возможно, вместился бы на 5 страниц и в нем нет ничего сложного. Не нужно быть вебмастером или программистом, или даже продвинутым пользоватетем чтобы в этом разобраться.

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

Структура папок обычно выглядит так:

HTML сайт, структура корневой папки

На скриншоте все внутри папки 'My Website' находится в корне (ROOT) сайта. Загружать на сервер нужно только содержимое папки 'My Website' (не саму папку с файлами внутри).

Папка 'My Website' может беть переименована как угодно и может располагаться где угодно на жестком диске, на флешке, на планшете или смартфоне. Вы даже можете редактировать свой сайт с планшета.

index.html - по умолчанию сервер считает стартовой страницей, куда посетители будут попадать введя адрес сайта в браузере.

Единственное что понадобится для публикации сайта онлайн это хостинг и домен.

Из минусов будет отсутствие расширенных функций сайта: отсутствие опции комментариев (можно использовать Facebook Comments плагин для ее добавления), нельзя создать онлайн-магазин с мгновенной оплатой, нет регистрации или зоны только для зарегистрированных пользователей. HTML работает только в браузере пользователя, он не может менять ничего на сервере. Однако многие опции могут быть добавлены с помощью javascript, так как в интернет множество бесплатных готовых скриптов.


CMS: Вебсайт работающий на движке WordPress или Joomla!

CMS предоставляет достаточно много возможностей, в сравнении с HTML но им сложнее управлять. В теории вам не надо рыться в HTML разметке, но на практике, к примеру, только руководства для Joomla или WordPress обьемом около 500 страниц... руководство по HTML будет страниц 5.

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

Недостатки: даже если у вас всего от 5 до 7 страниц (как в большинстве сайтов артистов или портфолио), вам нужно будет загрузить все несколько тысяч файлов движка на сервер для работы сайта. Сайт нельзя запустить с любого устройства. Для редактирования сайта оффлайн вам нужно будет установить виртуальный сервер. Данные не могут быть отредактированы вручную, так как сохранены в базе MySQL. Огромные руководства, игнорирование которых приведет к проблемам безопасности (кто-нибудь сможет повредить ваш контент), плохому индексированию поисковыми системами (как результат - отсутствие посетителей) и прочим проблемам. Высокая цена за функции которые совершенно ненужны такому типу сайтов.

Блоги для использования как Портфолио?

Обычное дело сегодня, легкий способ создания своего сайта. У вас будет бесплатный хостинг, бесплатный суб-домен, уже установленный и сконфигурированный WordPress. Звучит хорошо? Если бы не одно НО - вы не владеете этим сайтом, и сервис блогов может удалить его когда посчитает нужным, или в один день может просто закрыться. Нет никакого переноса сайта, нет редактирования оффлайн. Все нужно будет начинать сначала.

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

Как выбрать Хостинг для Портфолио или сайта Группы

Хостинг это сервер где будет располагаться ваш сайт, чтобы быть доступным для посетителей онлайн. Для Портфолио или сайта группы вам не нужна поддержка PHP, MySQL, конструкторы и прочее. Просто базовый тарифный план с минимум 300mb до 500mb дискового пространства и неограниченным трафиком. Обычно это стоит от 3$ до 5$ в месяц. Убедитесь что есть поддержка загрузки файлов по FTP, так как это самый быстрый и удобный способ. Стоит остерегаться самых дешевых и ненадежных сервисов, так как их серверы часто бывают оффлайн и ваш сайт будет недоступен для посетителей.

Я рекомендую один из этих сервисов:
AwardSpace
Hostgator
1and1
Majordomo (Рус)
ucoz (Рус, Навязывается конструктор, но по FTP можно спокойно загружать свой сайт и игнорировать конструктор)

Как только файлы сайта будут отредактированы в папке сайта на компьютере их нужно будет загрузить на ваш новый хостинг.

Приобретение Домена для сайта

Домен это адрес вашего сайта, как YourSite.com, NewSite.org. Иногда он включен в тарифный план хостинга (что облегчает работу, так как вам не придется его конфигурировать вручную), но некоторые предпочитают ркгистрировать домен на другом сервисе и затем сконфигурировать. Так же как и с хостингом - выбирайте наиболее надежный и опытный сервис, даже если он немного дороже. Это того стоит. Почему?

Представьте ситуацию: Вы пользуетесь дешевым хостингом и доменом в течение полугода и все в порядке. У вас появилось 1000+ посетителей в день и ваш бизнес полностью зависит от сайта, потому что через него ваши клиенты могут с вами связаться. В один день хостинг закрывается, ваш домен более недоступен, сайт оффлайн. Клиенты не могут на вас выйти. Ок, покупаем новый хостинг, загружаем копию сайта, но домен должен быть перенесен (около 50$ за услугу и некоторые сервисы стопорят процесс на недели), потому что вы не можете зарегистрировать одно и то же имя дважды от разных сервисов. Либо вам нужно будет ждать месяц пока адрес станет доступен снова для регистрации. Месяц вы сидите почти без работы. Можно сменить доменное имя, но клиенты сделавшие себе закладку, имеющие вашу визитку все еще будут искать вас по старому адресу, который приведет их вникуда.

Я рекомендую приобрести домен вместе с хостингом от одного из провайдеров указанных выше. мноиге из моих клиентов и друзей имеют сайты от 5 до 10 лет на их хостинге.

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