- Які існують варіанти?
- Отримання хостингу і доменного імені
- Поради з пошуку хостингів і доменів
- Використання онлайн інструментів, таких як GitHub або Google App Engine
- Використання хмарних IDE, таких як Thimble
- Публікація за допомогою GitHub
- Основна настройка
- Завантаження ваших файлів на GitHub
- Далі вивчення GitHub
- висновок
- подальше читання
Після того, як ви закінчите писати код і організовувати файли, які складають ваш веб-сайт, вам потрібно розташувати все це в Інтернеті, щоб люди могли знайти ваш сайт. У цій статті описується, як розмістити простий приклад вашого коду з мінімальними зусиллями.
Які існують варіанти?
Публікація веб-сайту це не проста тема, головним чином, тому що існує багато різних способів зробити це. У цій статті ми не прагнемо документувати всі можливі методи. Швидше, ми обговоримо плюси і мінуси трьох великих стратегій з точки зору новачка, а потім ви пройдете через один метод, який буде працювати в даний час.
Отримання хостингу і доменного імені
Якщо вам потрібен мати повний контроль над опублікованим веб-сайтом, то вам, ймовірно, доведеться витратити гроші на покупку:
- Хостинг - орендоване файловий простір на веб-сервері хостингової компанії. Ви розміщуєте ваші файли веб-сайту в цьому просторі, і веб-сервер видає контент для веб-користувачів, які запитують його.
- Доменне ім'я - унікальна адреса за яким люди можуть знайти ваш веб-сайт, наприклад http://www.mozilla.org або http://www.bbc.co.uk. Ви орендуєте ваше доменне ім'я на багато років у реєстратора доменів.
Безліч професійних веб-сайтів розташовується в Інтернеті таким чином.
Додатково, вам буде потрібно File Transfer Protocol (FTP) -клієнт (детальніше див. Скільки це коштує: програмне забезпечення ), Щоб передавати файли вашого сайту на хостинговий сервер. Існує безліч FTP-клієнтів, але зазвичай вам потрібно увійти через клієнт на хостинговий сервер використовуючи реквізити надані вашим хостингом (наприклад: ім'я користувача (логін), пароль, ім'я хоста). Потім FTP-клієнт відобразить файли на вашому комп'ютері в одній половині вікна і файли на хостинговому сервері в іншій половині, так ви зможете перетягуючи копіювати файли з вашого комп'ютера на сервер і назад.
Поради з пошуку хостингів і доменів
- Тут ми не просуваємо якісь конкретні хостингові компанії. Щоб знайти хостинг і реєстратора доменних імен, просто пошукайте "веб-хостинг" і "доменні імена". У всіх таких сервісах є функція, що дозволяє вам перевірити, чи доступне ім'я домену, або хтось інший вже зареєстрував його.
- Ваш домашній або робочий Інтернет провайдер може надавати хостингові послуги для невеликих веб-сайтів. Набір можливостей в такому випадку може бути обмежений, але, тим не менш, він може відмінно підійти для ваших перших експериментів - зв'яжіться з ними і дізнайтеся!
- Також є кілька безкоштовних сервісів, таких як Neocities , Blogspot , і Wordpress . Знову ж таки, ви отримуєте те, за що платите, але вони ідеально підходять для ваших первинних експериментів. Безкоштовні сервіси здебільшого не вимагають FTP-клієнтів - ви можете перетягувати ваші файли безпосередньо в веб-інтерфейсі.
- Іноді компанії пропонують одночасно і хостинг і домен.
Використання онлайн інструментів, таких як GitHub або Google App Engine
Деякі сервіси дозволяють вам опублікувати сайт:
- GitHub - це "соціальна мережа програмістів". За допомогою неї можна завантажувати репозиторії з вашими розробками для зберігання в Git - систему контролю версій. За замовчуванням всі розробки зберігаються з відкритим вихідним кодом, а це значить, що ваш код буде доступний кожному - учасники можуть за нього вчитися або ж пропонувати свої поліпшення. Ви також можете об'єднуватися з іншими кодерами! Це дуже велике і корисне співтовариство, в чиї ряди краще вступити, і Git / GitHub це дуже популярна система контролю версій - більшість компаній зараз використовує її для роботи. GitHub має дуже корисну функцію GitHub pages , За допомогою якої ви зможете опублікувати ваш код (ваш сайт) в інтернет.
- Google App Engine - це потужна платформа, яка дозволяє створювати і запускати додатки в інфраструктурі Google - чи потрібно вам створити многоуровнего веб-додаток з нуля або розмістити статичний веб-сайт. дивіться Як розмістити ваш веб-сайт на Google App Engine? щоб дізнатися більше інформації
На відміну від інших хостингів, ці послуги зазвичай безкоштовні, але натомість ви отримаєте обмежений набір інструментів.
Використання хмарних IDE, таких як Thimble
Існує кілька веб-додатків, які емулюють середу веб-розробки, дозволяючи вам вводити HTML, CSS і JavaScript, а потім відображати результат виконання цього коду, так як буде виглядає веб-сайт - все це в одній вкладці браузера. Взагалі, дані інструменти досить прості, відмінно підходять для навчання і безкоштовні (для базових функцій), і вони розміщують вашу сторінку на унікальному веб-адресу. Однак, базові функції задоволені обмежені, і додатки не надають місце для хостингу файлів (наприклад - зображень).
Спробуйте один з цих та подивіться, який з них вам більше подобається:
Публікація за допомогою GitHub
А тепер, давайте розглянемо, як опублікувати свій сайт на сторінках GitHub. Ми не хочемо сказати, що цей метод є єдиним і найбільш вірним, але це безкоштовно, досить просто, а також зачіпає певні навички, які точно будуть корисні для вашого подальшого навчання.
Основна настройка
- Насамперед, встановіть Git на ваш комп'ютер. Це основна версія системи управління версій, що підтримує GitHub.
- далі, створіть акаунт у GitHub . Це просто і легко.
- Після того як ви зареєструвалися, увійдіть в github.com використовуючи ваш логін і пароль.
- Далі, вам потрібно створити новий репозиторій для ваших файлів. Нажмітре Плюс (+) в правому верхньому кутку головної сторінки GitHub, потім виберіть "Новий репозиторій".
- На цій сторінці, в поле Repository name, введіть ваше ім'я користувача, англійськими літерами без пробілу. Так, наприклад, наш друг Боб Сміт введе bobsmith.github.io.
- Натисніть "Create repository" і ви опинитеся на наступній сторінці:
Завантаження ваших файлів на GitHub
Тут у нас буде використовуватися командний рядок щоб відправити наш репозитарій на GitHub. Командний рядок - це вікно де ви вводите команди для швидкого виконання таких речей, як створення файлу або запуск програми, без використання призначеного для користувача інтерфейсу. Командний рядок повинен виглядати приблизно так:
Замітка: Ви також можете використовувати графічний користувальницький інтерфейс Git для цих же цілей, якщо вам не зручно працювати з командним рядком.
У всіх операційних систем є командний рядок:
- Windows: Командний рядок. Щоб відкрити її, натисніть Windows, потім введіть Командний рядок в поле пошуку, і виберіть її в списку. Зауважте, що Windows має свої власні угоди команд, відмінні від Linux і OS X, тому наведені нижче команди можуть відрізнятися на вашому комп'ютері.
- OS X: Terminal можна знайти в Додатку> Програми.
- Linux: Зазвичай ви можете витягнути термінал за допомогою Ctrl + Alt + T. Якщо це не спрацює, знайдіть Термінал в панелі додатків або меню.
Спочатку це може здатися трохи страшним, але не хвилюйтеся - ви скоро освоїте основи. Ви говорите комп'ютера зробити щось в терміналі, ввівши команду і натиснувши Enter.
- Вкажіть в командному рядку каталог test-site (або інша назва каталогу, що містить ваш сайт). Для цього використовуйте команду cd (тобто «change directory»). Ось те, що ви наберете, якщо розмістили свій веб-сайт в каталозі під назвою test-site на робочому столі: cd Desktop / test-site
- Коли командний рядок вказує всередину вашого каталогу веб-сайту, введіть наступну команду, яка повідомляє інструменту git, щоб він перетворив каталог в репозиторій git: git init
- Далі повернемося до сайту GitHub. На поточній сторінці вас цікавить розділ ... або натисніть існуючий репозиторій з командного рядка. Ви повинні побачити два рядки коду в цьому розділі. Скопіюйте всю перший рядок, вставте її в командний рядок і натисніть Enter. Команда повинна виглядати приблизно так: git remote add origin https://github.com/bobsmith/bobsmith.github.io.git
- Далі введіть наступні дві команди, натискаючи Enter після кожної. Це підготує код до завантаження на GitHub, і вкаже Git управляти цими файлами. git add --all git commit -m 'adding my files to my repository'
- Нарешті, завантажте код на GitHub - поверніться на веб-сторінку GitHub, на якій ви перебували, і введіть в термінал команду: git push -u origin master
- Тепер, коли ви перейдете по веб-адресою, створеному в GitHub, в новому вікні браузера (username.github.io), ви побачите ваш сайт онлайн! Розішліть посилання вашим друзям, нехай оцінять вашу майстерність.
Замітка: Якщо ви застрягли, GitHub Pages homepage буде дуже корисна для вас.
Далі вивчення GitHub
Якщо ви хочете зробити більше змін на своєму тестовому сайті і завантажити їх в GitHub, вам просто потрібно внести зміни в свої файли, як і раніше. Потім вам потрібно ввести наступні команди (натиснувши Enter після кожного), щоб вставити ці зміни в GitHub:
git add --all git commit -m 'another commit' git push
Ви можете замінити another commit більш відповідним повідомленням, що описує які зміни ви тільки що зробили.
Ми ледь торкнулися Git. Щоб дізнатися більше, почніть з GitHub Help site .
висновок
До цього моменту, у вас повинен бути власний приклад веб-сайту, доступний за унікальним веб-адресою. Відмінно!
подальше читання
У цьому модулі
Які існують варіанти?Які існують варіанти?