Как сделать сайт общедоступным html

Размещение сайта в сети интернет

Однажды я сам столкнулся с тем, что сделал сайт, простенький сайт — свою страничку, а как выложить сайт в интернет не знал, не знал ничего про размещение сайта в сети интернет. Также и сейчас ко мне очень часто обращаются знакомые с вопросом размещения сайта в интернете. Так вот в этой статье я и расскажу вам, как это сделать.

Подготовка сайта

Если вы не знаете даже, как создать HTML-страничку, то специально для вас есть первая часть этой статьи.

Допустим что вы уже сделали сою страничку, а может быть и целый сайт. Сначала его надо проверить на ряд ошибок (недоработок). Я настоятельно рекомендую выкладывать сайт в интернет только после их исправления:

• Все файлы, связанные с сайтом должны называться на латинице маленькими буквами без пробелов. Это касается рисунков, самих .html или .php страниц, .css стилей и т.д. Слева показан неправильный вариант, а справа правильный:

• Следите, чтобы все теги в html-коде были закрыты. Оставлять открытые теги крайне не рекомендуется.
• Главная страница сайта (с которой должен начинаться его просмотр) должна называться "index" (index.html, index.htm или index.php)

Регистрация домена

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

Определимся сразу, мы будем использовать хостинг-провайдер timeweb.ru. Какие у него есть плюсы:

• Стоимость домена (плата за использование имени сайта) в первый год бесплатно, далее (если захотите) 179 рублей в ГОД!
• Стоимость хостинга (плата за размещение страниц сайта в сети интернет) немного ниже чем у других провайдеров (119 рублей в месяц). Тариф Year+ на декабрь 2018 года.
• Техническая поддержка отвечает очень быстро (регламент ответа на вопрос: 10-15 минут) и на любые вопросы.
• Своевременное обновление систем: всегда новый phpMyAdmin, всегда свежая версия php, постоянно дорабатывающаяся панель управления, постоянно расширяющаяся «справка» и, самое главное, форум.

Продолжим. Скажем, вы хотите чтобы по адресу www.vasyapupkin.ru открывался ваш сайт. Нужно сначала проверить, а свободен ли этот домен? Сделать это можно через множество систем. Мы воспользуемся этой. В поле для проверки домена на доступность вводим желаемое имя:

Жмем "Проверить". Скорее всего домен будет занят, т.к. все "крутые" домены уже раскуплены. А новички, как правило, хотят сразу крутой домен. Ну к примеру домен az.ru продавался за 550 тыс. рублей. Так что к выбору имени подходите креативно. Не обязательно чтобы у вас был домен, скажем, tema.ru, если вас зовут Артем. Возьмите домен te-ma.ru или te777ma.ru.

Итак, домен вы себе подобрали и увидели сообщение, что он свободен:

Не переживайте, на первый год он вам достанется абсолютно бесплатно!

Жмем "Добавить в корзину" и далее кликаем по корзине. Далее вам нужно будет заполнить некоторые данные о себе. Ну если вы хотите, чтоб домен принадлежал лично вам, то рекомендую все заполнять правдиво (позже вам по почте пришлют сертификат, подтверждающий что домен принадлежит именно вам).

Какой тип тарифного плана выбрать? Я рекомендую "year+", т.к. это самый экономный и практичный вариант. Он предоставляет вам:

• возможность разместить 1 сайт
• 5 Гб. дискового пространства
• 1 база данных MySql (если вы хотите научиться программировать сайты с php, то это вам только на руку)
• Почтовый ящик с вашим доменом (к примеру, info@te777ma.ru)
• Бесплатный SSL-сертификат (безопасность для пользователей)

Для чего же нужны остальные тарифные планы? Ну скажем, если бы у вас был фотопортал, то конечно же 5 Гб. вам не хватит, поэтому бы пришлось платить больше. Ну или вам нужно разместить больше чем 1 сайт, то также нужен другой тарифный план.

Итак, вы выбрали тарифный план "Year" и заполнили все данные:

После регистрации к вам на почту придет письмо с регистрационными данными. Вы их надежно сохраните и никому не показывайте. Используя эти данные (имя аккаунта, пароль к аккаунту) логинимся на странице cp.timeweb.ru и попадаем в панель управления нашим сайтом.

Итак, домен за нами забронирован. Осталось его оплатить. В панели управления кликаем «Оплата услуг» (иконка кошелька) и там выбираем удобный для вас способ оплаты и оплачиваем годовое пользование доменом и хостингом. Лично я всегда плачу с Web-Money или банковской карты. В этих случаях деньги доходят моментально.

Если вы не хотите платить сразу, то можете повременить. TimeWeb дает пробные 10 дней: если все понравится, то для того, чтобы все работало дальше, вам придется заплатить. В этом случаем на первые 10 дней вам будет выдан домен третьего уровня, типа cp***.timeweb.ru (его вы уже можете найти в разделе «Домены»), а после оплаты вы уже сможете привязать к своему сайту свой собственные домен.

Загрузка сайта на хостинг

Итак, домен оплачен и размещение сайта в сети интернет уже закончено на 50%. Теперь надо загрузить сами файлы вашего сайта на хостинг для того, чтобы они были доступны по купленному доменному имени (www.te777ma.ru).

Для закачки файлов на хостинг мы воспользуемся FTP-клиентом. Можно конечно воспользоваться "Файловым менеджером" (также доступен из меню), предоставленным панелью управления, и залить все файлы в папку "public_html", однако, мне кажется, это самоубийство — закачивать все файлы по одному. Лучше мы воспользуемся обычным FTP-клиентом.

Качаем FTP-клиент. Например, FileZilla. Скачать можно с официального сайта: filezilla.ru

Устанавливаем его себе и запускаем. Далее нам надо настроить соединение с нашим сайтом. Заходим "Файл" —> "Менеджер сайтов" —> "Новый сайт" —> Вводим все данные, касательно своего сайта.

Где их взять? Вспомните про письмо, которое вам приходило после регистрации на TimeWeb. Там есть все необходимые данные.

Жмем "Соединиться".

Если соединение неудачно, значит какие-то данные введены неверно (перепроверьте Хост — он содержится в письме, пользователь и пароль — там же).

Если все удачно, то в нижнем правом окне программы откроется директория нашего сайта. Заходим в папку "public_html". В левом окошечке открываем директорию с сайтом на вашем компьютере и простым перетаскиванием перемещаем файлы из левой директории в правую (с компьютера на хостинг). Файл index.html, который уже лежит на сервере в папке "public_html" можете просто удалить.

ПОЗДРАВЛЯЮ! Ваш сайт теперь размещен в сети интернет и доступен по адресу www.te777ma.ru (ну домен то у вас другой) любому пользователю интернета.

Заключение

Ну вот, мы увидели, что для содержания сайта в сети необходимо как минимум 1428 рублей в год.

Также можно воспользоваться и бесплатными хостингами:

• hut.ru
• narod.ru
• и т.д.

Однако у всех у них на вашем сайте будет появляться реклама в виде баннеров. Это и будет ваша плата за пользование хостингом. А также сайт ваш будет не второго уровня (te777ma.ru), а третьего (te777ma.narod.ru). Ах да, друзья, вот более новая статься на эту же тему, в которой также разбирается и создание самой простенькой странички.

Понравилась или помогла статья? Самое лучшее, что ты можешь сделать — это поделиться ею в любой из своих соцсетей (даже если ты поделишься в твиттере или google+, которыми ты не пользуешься — это очень поможет развитию моего блога). Спасибо! А если ты еще и оставишь любой комментарий снизу в обсуждениях, то это будет двойное СПАСИБО!

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

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

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

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

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

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

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

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

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

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

• Здесь мы не продвигаем какие-то конкретные хостинговые компании. Чтобы найти хостинг и регистратора доменных имён, просто поищите «веб-хостинг» и «доменные имена». Во всех таких сервисах есть функция, позволяющая вам проверить, доступно ли имя домена, или кто-то другой уже зарегистрировал его.
• Ваш домашний или рабочий Интернет-провайдер может предоставлять хостинговые услуги для небольших веб-сайтов. Набор возможностей в таком случае может быть ограничен, но, тем не менее, он может отлично подойти для ваших первых экспериментов — свяжитесь с ними и узнайте!
• Также есть несколько бесплатных сервисов, таких как Neocities, Blogspot, и WordPress. Опять же, вы получаете то, за что платите, но они идеально подходят для ваших первоначальных экспериментов. Бесплатные сервисы по большей части не требуют FTP-клиентов — вы можете перетаскивать ваши файлы напрямую в веб-интерфейсе.
• Иногда компании предлагают одновременно и хостинг и домен.

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

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

— это «социальная сеть программистов». С помощью неё можно загружать репозитории с вашими разработками для хранения в Git — систему контроля версий. По умолчанию все разработки хранятся с открытым исходным кодом, а это значит, что ваш код будет доступен любому — участники могут по нему учиться либо же предлагать свои улучшения. Вы также можете объединяться с другими кодерами! Это очень большое и полезное сообщество, в чьи ряды лучше вступить, и Git/GitHub это очень популярная система контроля версий — большинство компаний сейчас использует её для работы. GitHub имеет очень полезную функцию GitHub pages, с помощью которой вы сможете опубликовать ваш код (ваш сайт) в интернете. — это мощная платформа, которая позволяет создавать и запускать приложения в инфраструктуре Google — нужно ли вам создать многоуровневое веб-приложение с нуля или разместить статический веб-сайт. Смотрите как разместить ваш веб-сайт на Google App Engine чтобы узнать больше информации.

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

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

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

Попробуйте один из этих и посмотрите, какой из них вам больше нравится:

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

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

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

1. Прежде всего, установите Git на ваш компьютер. Это основная версия системы управления версий, поддерживающая GitHub.
2. Далее, создайте аккаунт в GitHub. Это просто и легко.
3. После того как вы зарегистрировались, войдите в github.com используя ваш логин и пароль.
4. Далее, вам нужно создать новый репозиторий для ваших файлов. Нажмите Плюс (+) в правом верхнем углу главной страницы GitHub, затем выберите New repository.

На этой странице, в поле Repository name, введите username.github.io, где username это ваше имя пользователя. Так, например, наш друг valerii15298 введёт valerii15298.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 на рабочем столе:

Примечание: Если вы застряли, GitHub Pages homepage будет очень полезна для вас.

Дальнейшее изучение GitHub

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

Вы можете заменить another commit более подходящим сообщением, описывающим какие изменения вы только что сделали.

Мы едва затронули Git. Чтобы узнать больше, начните с GitHub Help site.

Заключение

К этому моменту, у вас должен быть собственный пример веб-сайта, доступный по уникальному веб-адресу. Отлично!

Как сделать html сайт общедоступным

Понравилась или помогла статья? Самое лучшее, что ты можешь сделать — это поделиться ею в любой из своих соцсетей (даже если ты поделишься в твиттере или google+, которыми ты не пользуешься — это очень поможет развитию моего блога). Спасибо! А если ты еще и оставишь любой комментарий снизу в обсуждениях, то это будет двойное СПАСИБО!

1. Откройте сайт в новой версии Google Сайтов на компьютере.
2. Нажмите на значок «Просмотр» в верхней части экрана.
3. В правом нижнем углу выберите один из вариантов.
4. Чтобы выйти из режима предварительного просмотра, нажмите на значок «Закрыть» в правой нижней части экрана.

1. Откройте сайт в новой версии Google Сайтов на компьютере.
2. Нажмите Опубликовать в верхней части экрана.
3. Введите веб-адрес.
4. Все элементы сайта должны соответствовать Правилам допустимого использования.
5. Узнайте, как назначить сайту собственный URL.
6. Нажмите Опубликовать.
7. Если нужно, откройте сайт, чтобы проверить вид страниц.

1. Откройте сайт в новой версии Google Сайтов на компьютере.
2. Нажмите на значок «Открыть доступ» в верхней части экрана.
3. В разделе «Опубликованный сайт» нажмите Изменить и выберите один из вариантов:
4. Все в Интернете
5. Определенные пользователи.
6. Чтобы открыть доступ к сайту определенным пользователям, введите их имена или адреса электронной почты. Вы также можете указать группу Google. Затем нажмите на значок карандаша Просмотр опубликованной версииОтправить.
7. Нажмите Сохранить или Готово.

1. Откройте сайт в новой версии Google Сайтов на компьютере.
2. Нажмите на стрелку вниз рядом с кнопкой «Опубликовать» в верхней части страницы.
3. Выберите Настройки публикации.
4. Нажмите «Запретить общедоступным поисковым системам показывать мой сайт».
5. Нажмите Сохранить.

Шаг 4. Поиск по сайту на платформе Google (необязательно)

1. Откройте сайт, созданный на платформе Google.
2. Нажмите на значок поиска в правом верхнем углу экрана.
3. Введите запрос и нажмите Ввод.

1. Откройте сайт в новой версии Google Сайтов на компьютере.
2. В правом верхнем углу нажмите на значок «Настройки» .
3. В окне «Настройки» выберите Инструменты просмотра.
4. Включите или отключите параметр «Показывать ссылки привязки».
5. Нажмите Опубликовать в правом верхнем углу экрана.

Поиск в Google Сайтах

Классический интерфейс Google Сайтов

1. Откройте сайт в классической версии Google Сайтов на компьютере.
2. Нажмите кнопку Открыть доступ в правом верхнем углу экрана.
3. В разделе «Уровни доступа» нажмите Изменить.
4. Выберите нужный вариант.
5. Нажмите Сохранить.

1. Откройте сайт в классической версии Google Сайтов на компьютере.
2. Нажмите кнопку Открыть доступ в правом верхнем углу экрана.
3. В разделе «Пригласить пользователей» введите имя или адрес электронной почты пользователя либо название или адрес группы.
4. Нажмите Отправить.
5. Чтобы удалить пользователей или группы, нажмите на значок «Удалить» рядом с ними.

1. Откройте сайт в классической версии Google Сайтов на компьютере.
2. Перейдите на нужную страницу.
3. Нажмите на значок «Дополнительные действия» Предварительный просмотр страницы для читателя.

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