Публикация вашего веб-сайта

В процессе перевода.

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

Какие существуют варианты?

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

Получение хостинга и доменного имени

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

  • Хостинг — арендованное файловое пространство на веб-сервере хостинговой компании. Вы размещаете ваши файлы веб-сайта в этом пространстве, и веб-сервер выдает контент для веб-пользователей, которые запрашивают это.
  • Доменное имя — уникальный адрес по которому люди могут найти ваш веб-сайт, например http://www.mozilla.org, или http://www.bbc.co.uk. Вы арендуете ваше доменное имя на протяжении многих лет у регистратора домена.

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

Дополнительно, вам потребуется FTP-клиент (программа работающая по FTP-протоколу) (более подробно см. Как дорого это стоит: программное обеспечение), чтобы передавать файлы вашего сайта на хостинговый сервер. Существует множество FTP-клиентов, обычно вам нужно войти через клиент на хостинговый сервер используя реквизиты предоставленные вашим хостингом (например: имя пользователя (логин), пароль, имя хоста). Затем FTP-клиент отобразит файлы на вашем компьютере в одной половине окна и файлы на хостинговом сервере в другой половине, так вы сможете перетаскивая копировать файлы с вашего компьютера на сервер и обратно.

Советы по поиску хостингов и доменов

  • Мы не продвигаем какие-то конкретные хостинговые компании здесь. Чтобы найти хостинг и регистратора доменных имен, просто поищите через поисковую систему по запросам "веб-хостинг" и "доменные имена", чтобы найти компании предоставляющие соответствующие сервисы. Во всех таких сервисах вам предоставляется возможность найти себе доменное имя.
  • Ваш домашний или рабочий интернет провайдер может предоставлять хостинговые услуги для небольших веб-сайтов. Набор возможностей в таком случае может быть ограничен, но, тем не менее, он может отлично подойти для ваших первых экспериментов. Попробуйте связаться со своим провайдером и спросить об услуге хостинга.
  • Также есть несколько бесплатных сервисов, таких как Neocities, Blogspot, and Wordpress. Опять же, возможности которые они предоставляют соответствуют цене, но для первых шагов их будет достаточно. Бесплатные сервисы по большей части не требуют FTP-клиентов - вы можете перетаскивать ваши файлы напрямую в веб-интерфейсе.
  • Иногда компании предлагают одновременно и хостинг и домен.

Использование онлайн инструментов, как GitHub или Dropbox

Некоторые сервисы позволяют вам опубликовать сайт:

  • GitHub это "социальная сеть программистов". С помощью нее можно загружать репозитории с вашими разработками в Git - систему контроля версий. По-умолчанию все разработки хранятся с открытым исходным кодом, а это значит, что ваш код будет доступен любому - участники могут по нему учиться либо же предлагать свои улучшения. Вы также можете объединятся с другими кодерами! Это очень большое и полезное сообщество, в чьи ряды лучше вступить, и Git/GitHub это очень популярная система контроля версий — большинство компаний сейчас использует ее для работы. GitHub имеет очень полезную функцю GitHub pages, с помощью которой вы сможете опубликовать ваш код (ваш сайт) в интернет.
  • Dropbox - это облачный сервис,  который позволяет хранить данные в Интернете и дает возможность открыть их с любого другого компьютера. Любой человек, имеющий доступ к Интернету, может получить доступ к  папке в  Dropbox, которую вы сделали публично  доступной. Если это папка содержит данные веб-сайта, они будут показываться как веб-сайт автоматически. Откройте Host websites With Dropbox, чтобы получить более подробную информацию.

В отличие от других хостингов, эти услуги обычно бесплатны, но взамен вы получите ограниченный набор инструментов.

Использование облачных IDE , такие как Thimble

Существует много веб-приложений, которые эмулируют среду веб-разработки , дающих редактировать код HTML, CSS и JavaScript , а далее показывать результат кода, когда нужно увидеть как выглядит веб-сайт - все это в одном браузерном окне! Короче говоря, данные инструменты просты, прекрасны для обучения, бесплатны (для базовых функций), и предоставляют хостинг вашей созданной странице с уникальным веб-адресом. Однако, базовые функции довольны ограничены, например они не дают возможности опубликовать большие файлы( к примеру - изображения) .

Попробуйте один из этих и выберите для себя лучший:

Публикация с помощью GitHub

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

Основная настройка

  1. First of all, install Git on your machine. This is the underlying version control system software that GitHub works on top of.
  2. Next, sign up for a GitHub account. It's simple and easy.
  3. Once you've signed up, log in to github.com with your username and password.
  4. Next, you need to create a new repo for your files to go in. Click Plus (+) in the top right of the GitHub homepage, then choose New Repository.
  5. On this page, in the Repository name box, enter username.github.io, where username is your username. So for example, our friend bobsmith would enter bobsmith.github.io.
  6. Click Create repository; this should bring you to the following page:

Загрузка ваших файлов на GitHub

This is where we will have a go at using the command line to put our repository on GitHub. A command line is a window where you type in commands to do things like create files and run programs, rather than clicking inside a user interface. It will look something like this:

Note: You could also consider using a Git graphical user interface to do the same work, if you feel uncomfortable with the command line.

Every operating system comes with a command line tool:

  • Windows: Command Prompt can be accessed by pressing the Windows key, typing Command Prompt, and choosing it from the list that appears. Note that Windows has its own command conventions differing from Linux and OS X, so the commands below may vary on your machine.
  • OS X: Terminal can be found in Applications > Utilities.
  • Linux: Usually you can pull up a terminal with Ctrl + Alt + T. If that doesn't work, look for Terminal in an app bar or menu.

This may seem a bit scary at first, but don't worry — you'll soon get the hang of the basics. You tell the computer to do something in the terminal by typing in a command and hitting Enter.

  1. Point the command line to your test-site directory (or whatever you called the directory containing your website). For this, use the cd command (i.e. "change directory"). Here's what you'd type if you've put your website in a directory called test-site on your desktop:
    cd Desktop/test-site
  2. When the command line is pointing inside your website directory, type the following command, which tells the git tool to turn the directory into a git repository:
    git init
  3. Next, go back to the GitHub site. On the current page, you are interested in the section …or push an existing repository from the command line. You should see two lines of code listed in this section. Copy the whole of the first line, paste it into the command line, and press Enter. The command should look something like this:
    git remote add origin https://github.com/bobsmith/bobsmith.github.io.git
  4. Next, type the following two commands, pressing Enter after each one. These prepare the code for uploading to GitHub, and ask Git to manage these files.
    git add --all
    git commit -m 'adding my files to my repository'
  5. Finally, push the code up to GitHub by going to the GitHub web page you're on and entering into the terminal the second of the two commands we saw in step 3:
    git push -u origin master
  6. Now when you go to your GitHub pages' web address in a new browser tab (username.github.io), you should see your site online! Email it to your friends and show off your mastery.

Note: If you get stuck, the GitHub Pages homepage is also really helpful.

Further GitHub knowledge

If you want to make more changes to your test site and upload those to GitHub, you simply need to make the change to your files just like you did before. Then, you need to enter the following commands (pressing Enter after each one) to push those changes to GitHub:

git add --all
git commit -m 'another commit'
git push

You can replace another commit with a more suitable message to describe what change you just made.

We have barely scratched the surface of Git. To learn more, start off with the GitHub Help site.

Conclusion

By this point, you should have your sample website available at a unique web address. Well done!

Дополнительная литература

Метки документа и участники

 Внесли вклад в эту страницу: gnusee, romkadmitrievka1997, nemyxa, bondpuoq, Evgeny_Kurkin
 Обновлялась последний раз: gnusee,