Насколько дорого обойдётся сделать что-то с помощью Web?
========================================================

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

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

Резюме
------

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

Программное обеспечение
-----------------------

### Текстовые редакторы

Вероятно, у вас уже есть текстовый редактор: например, блокнот на Windows, Gedit на Linux, TextEdit на Mac. Но вам будет легче писать код, если вы выберете редактор, который имеет подсветку синтаксиса и поможет вам наладить структуру кода.

Многие редакторы бесплатны, например, Atom, Brackets, Bluefish, TextWrangler, Eclipse, Netbeans, и Visual Studio Code. Некоторые, такие как Sublime Text, вы можете использовать в пробном режиме сколько угодно, но при этом, будете получать рекомендации о возможности приобретения. Некоторые, такие как PhpStorm, могут стоить от нескольких десятков до 200 долларов, в зависимости от выбранного плана. Наконец, есть те из них, такие как Microsoft Visual Studio, которые могут стоить сотни или даже тысячи долларов; хотя Visual Studio Community бесплатна для индивидуальных разработчиков или проектов с открытым исходным кодом. Часто, у платных редакторов есть также пробные версии.

Для начала, мы предлагаем вам попробовать несколько редакторов, чтобы понять, какой из них подходит лучше вам. Если вы пишите лишь простые HTML, CSS, and Javascript, используйте простой редактор.

Цена не влияет на качество или полезность текстового редактора. Вам необходимо попробовать и решить какой из них отвечает вашим потребностям. К примеру, Sublime Text дешёвый, но поставляется с множеством бесплатных плагинов которые могут здорово расширить его функциональность.

### Редакторы изображений

Ваша система, вероятно, включает в себя простой редактор изображений или просмотрщик: Paint на Windows, Eye of Gnome на Ubuntu, Preview на Mac. Эти программы относительно ограничены, и вскоре вы захотите более развитый редактор, чтобы иметь возможность добавлять слои, накладывать эффекты и группировать объекты.

Редакторы могут быть бесплатными (GIMP, Paint.NET), относительно недорогими (PaintShop Pro, меньше чем $100), или иметь стоимость в пару сотен долларов (Adobe Photoshop).

Вы можете использовать любой из них, так как они имеют похожую функциональность, хотя некоторые из них настолько всеобъемлющие, что вы никогда не сможете использовать весь их функционал. Если в какой то момент вам необходимо обменяться проектами с другими дизайнерами, то вам следует выяснить, какие инструменты они используют. Редакторы могут экспортировать законченные проекты в стандартные форматы, но каждый редактор сохраняет текущие проекты в своём собственном, специализированном формате. Большинство изображений в интернете защищены авторским правом, так что лучше проверить лицензию файла, перед его использованием. Такие сайты, как Pixabay, предоставляют изображения под лицензией Creative Commons Zero, так что вы можете использовать, редактировать, и даже публиковать их после изменения, ради коммерческой выгоды.

### Медиа редакторы

Если вы хотите встроить видео или аудио в ваш веб-сайт, то вы можете встроить онлайн сервисы (например, YouTube, Vimeo, или Dailymotion), или встроить ваши собственные видео (см. ниже расходы на пропускную способность).

Для аудиофайлов, вы можете найти бесплатное программное обеспечение (Audacity, Wavosaur), либо заплатить пару сотен долларов (Sony Sound Forge, Adobe Audition). Подобным образом, видеоредакторы могут быть бесплатными (PiTiVi, OpenShot для Linux, iMovie для Mac), менее чем $100 (Adobe Premiere Elements), либо иметь стоимость в пару сотен долларов (Adobe Premiere Pro, Avid Media Composer, Final Cut Pro). Программное обеспечение, поставляемое с вашей цифровой камерой может, также, удовлетворить все ваши нужды.

### Инструменты публикации

Вам также потребуется возможность выгрузки файлов: с вашего жёсткого диска на удалённый веб-сервер. Чтобы осуществить это, вам потребуется утилита для публикации, такая как (S)FTP client, RSync, или Git/GitHub.

Каждая операционная система включает (S)FTP клиент, как часть своего файлового менеджера. Проводник Windows, Nautilus (распространённый файловый менеджер Linux), и Mac Finder - все имеют такую функциональность. Однако, люди часто выбирают удалённые (S)FTP клиенты, для одновременного отображения локальных и удалённых каталогов и хранения паролей сервера.

Если вы хотите установить (S)FTP клиент, то существует несколько, заслуживающих доверия, бесплатных вариантов: FileZilla, WinSCP для Windows, Cyberduck для Mac/Windows, и другие.

Из-за того, что FTP по своей природе небезопасен, вам следует использовать SFTP — безопасную, зашифрованную версию FTP, которую большинство хостинговых сайтов будут предлагать вам по умолчанию — или другое безопасное решение, такое как Rsync, работающее через SSH.

Браузеры
--------

У вас уже есть браузер либо вы можете загрузить его бесплатно. Если необходимо, загрузите Firefox отсюда или Google Chrome отсюда.

Веб-доступ
----------

### Компьютер / модем

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

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

Вам потребуется загружать контент на удалённый сервер (*см. ниже Хостинг*), а значит вам потребуется модем. Ваш провайдер может предоставлять доступ в интернет вам за пару долларов в месяц, однако, это также зависит от места вашего проживания.

### Доступ по провайдеру

Убедитесь что у вас достаточная скорость передачи данных:

* Доступ с низкой пропускной способностью может быть приемлем для простого веб-сайта: изображения, тексты, немного CSS и JavaScript. Это, вероятно, обойдётся вам в пару долларов, включая аренду модема.
* С другой стороны, вам потребуется соединения с высокой пропускной способностью, такие как DSL, оптоволокно, если вы хотите более сложный веб-сайт с сотнями файлов, или если вы хотите предоставить доступ к тяжёлым видео/аудио файлам напрямую с вашего веб-сервера. Это может стоить столько же, сколько при соединении с низкой пропускной способностью, а может вырасти до пары сотен долларов в месяц, за более профессиональные потребности.
Хостинг
-------

### Понимание пропускной способности

Хостинг-провайдеры взимают плату в зависимости от того, сколько bandwidth ваш веб-сайт потребил. Это зависит от того как много людей и бот-сканеров получали доступ к вашему контенту за определённый промежуток времени, и, как много серверного пространства этот контент занимает. Вот почему многие люди, обычно, размещают их видео на удалённых сервисах, таких как Youtube, Dailymotion, и Vimeo. Например, ваш провайдер может иметь план, который позволяет выдерживать до нескольких тысяч посетителей в день. Однако, будьте осторожны, так как это условие меняется от одного провайдера к другому. Возьмите за правило, что надёжный, платный персональный хостинг может стоить около 10-15 долларов в месяц.

**Примечание:** Заметьте, что не существует такого понятия, как "неограниченная пропускная способность". Если вы использовали огромное количество трафика, будьте готовы выплатить огромную сумму денег.

### Доменные имена

Ваше доменное имя должно быть приобретено через провайдера доменных имён (регистратор). Ваш хостинг-провайдер может также быть регистратором (1&1, Gandi, например, являются в одно и тоже время регистраторами и хостинг-провайдерами). Доменное имя обычно имеет стоимость в $5-15 за год. Эта цена варьируется в зависимости от:

* Местных обязательств: В некоторых странах домены верхнего уровня стоят дороже, так как разные страны устанавливают различные цены.
* Сервисов, ассоциированных с доменным именем: некоторые регистраторы предоставляют защиту от спама, скрывая ваш почтовый адрес и адрес электронной почты за их собственными адресами: почтовый адрес может быть под покровительством регистратора, и ваш электронный адрес может быть скрыт под псевдонимом регистратора.
### Самодельный хостинг vs. хостинг "из коробки"

Когда вы хотите опубликовать веб-сайт, вы можете сделать все самостоятельно: настроить базу данных (если требуется), Систему управления наполнением, или CMS (такую как Wordpress, Dotclear, spip, и тд.), загружать заранее подготовленные вами шаблоны.

Вы можете использовать среду хостинг-провайдера, примерно за 10-15 долларов в месяц, или подписаться напрямую к удалённому хостинг-сервису с предустановленным CMSs (такие как, Wordpress, Tumblr, Blogger). В последнем случае, вам не придётся платить ни за что, но вы будете иметь меньше контроля над шаблонами и другими элементами.

### Бесплатный хостинг vs. платный

Вы могли бы задать вопрос, почему мне следует платить за хостинг, когда существует так много бесплатных сервисов?

* У вас есть больше свободы, когда вы платите. Ваш веб-сайт только в ваших руках, и вы можете легко перейти от одного хостинг-провайдера к другому.
* Бесплатные хостинги могут добавлять рекламные объявления к вашему контенту, в обход вашего контроля.

Лучше обратиться к платному хостингу, чем полагаться на бесплатный, так как большинство платных сайтов гарантируют бесперебойную работу и позволяют с лёгкостью управлять файловой структурой. Большинство хостинг-провайдеров предоставят вам огромную скидку для старта.

Некоторые люди выбирают смешанный подход. Например, их главный блог на платном хосте, с полным доменном именем, а неожиданный менее важный контент, на бесплатном хосте.

Профессиональные веб-сайты агентств и хостингов
-----------------------------------------------

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

Здесь перечислены расходы, зависящие сразу от нескольких факторов:

* Это простой веб-сайт с парой страничек текста? Или более сложный, с около тысячей страниц?
* Будете ли вы его обновлять регулярно? или это будет статический веб-сайт?
* Должен ли веб-сайт подсоединяться к IT структуре вашей компании, чтобы собирать контент (например, внутренние данные)?
* Хотите ли вы какую-нибудь уникальную функцию, которая сейчас в моде?
* Хотите ли вы, чтобы агентство решало сложные проблемы пользователей UX?

...и для хостинга:

* Хотите ли вы иметь резервный сервер, если вдруг ваш упадёт?
* Надёжность 95%, или вам требуется круглосуточный сервис обслуживания?
* Вам нужны высокопроизводительные, сверхчувствительные удалённые серверы или вам будет достаточно более медленной, машиной, предназначенной для совместного использования.

В зависимости от ответа на эти вопросы, ваш сайт может обойтись вам в тысячи или даже сотни тысяч долларов.

Следующие шаги
--------------

На данный момент у вас есть понимание того, во сколько вам может обойтись ваш сайт, так что настало время проектирования веб-сайта и настройки вашего рабочего пространства. (en-US)

* Прочитайте о том, как выбрать и установить текстовый редактор (en-US).
* Если вы больше сфокусированы на проектировании, взгляните на анатомию веб-страницы.