Как загрузить сайт в интернет – 2 способа разместить созданный сайт в интернете

Новичкам: как выложить сайт на хостинг

 

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

Итак, что есть хостинг. Это услуга по предоставлению ресурсов для размещения информации на сервере, постоянно находящегося в сети Интернет.

А теперь по-простому – у вас есть HTML-документы (или если вы уже крутые, то phр или еще что-нибудь подобное), а у какого-то дядьки в сети есть сервак с постоянным ip-адресом. У вас же нет постоянного ip-адреса на компе, поэтому нужен тот, у кого он есть. И он дает возможность разместить эти файлы у себя на сервере за определенную плату (либо по доброте душевной, что реже).

Но одного хостинга недостаточно, потому что все сайты в сети привязаны к домену. Домены бывают второго, третьего и так далее уровней. И домены второго уровня придется покупать. Это, к примеру, site.ru, site.org и так далее. А для теста домены третьего уровня вам на хостинге легко дадут бесплатно. Это домены такого вида: text.site.ru, когда в url-адресе две точки. Сами хостинги, кстати, тоже делятся на платные и бесплатные.

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

Осталось выбрать хостинг и выложить туда свой первый сайт. Хостингов существует огромное количество, но нас, например, устраивает Timeweb. Здесь нужно зарегистрироваться, чтобы получить бесплатный пробный период. Заходим в хостинг, где можно найти очень много разных вариантов. Поскольку мы с вами только практикуемся –сейчас не важно, какой выбирать, все равно вы возьмете бесплатный пробный период, поэтому давайте выберем оптимальный тариф и вобьем свои данные. Ура, мы зашли в аккаунт. Вам еще нужно будет на почте выполнить стандартное подтверждение. Это совсем несложно.

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

Вбиваем адрес в адресную строку, и видим стандартное сообщение-заглушку: «Здравствуйте, уважаемый пользователь!».

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

Сейчас нам необходим FTP-клиент. Находим в гугле одну из самых популярных вещей – Filezilla. И внимание – на самом деле у них официальный сайт этот – filezillaproject.org. Проверить это можно на Википедии. Скачиваем файлзиллу и устанавливаем ее себе, разумеется пропуская все ненужные назойливые предложения. После установки файлзиллы у вас появится значок – открываем его и видим установленную программу. Здесь мы должны ввести те данные, по которым собираемся приконнектится к нашему серверу. Где брать эти данные – в поле «хост» копируем ip-адрес (также он есть и в письме которое было прислано после регистрации), копируем логин, и из письма достаем пароль. Нажимаем «быстрое соединение». Вот и каталог public.html. Заходим в него и удаляем документ index, он нам не нужен. А теперь элементарное действие – перетягиваем сюда мышкой первый html-файл (он остался с прошлого урока), его обязательно нужно назвать index.html, и мышкой затаскиваем в файлзиллу в эту папку. Теперь проверяем – заходим на таймвеб, копируем ссылку, которая уже была – и видим «Мой первый сайт». Все, можете отправлять эту ссылку друзьям и хвастаться, но лучше потерпите еще несколько уроков и пришлете уже реальное подобие сайта, сделанного с помощью HTML и CSS.

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

На этом все. Приятного изучения HTML и CSS!

ntschool.ru

Как выложить сайт в Интернет: загрузка на хостинг

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

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

Начнём с того, что нам для начала нужно понять, как вообще работают сайты. Что происходит с того момента, как Вы вводите в адресную строку yandex.ru, и до момента, когда Вы видите главную страницу Яндекса.

Происходит следующее – когда вы пишите в адресной строке доменное имя – yandex.ru и нажимаете Enter, Ваш компьютер обращается к специальным DNS-серверам в Интернете, с запросом найти для этого доменного имени IP-адрес. Эти DNS-сервера содержат записи, по которым можно найти связь между доменным именем и IP-адресом, на который оно указывает. Этот IP-адрес в большинстве случаев принадлежит хостингу.

Так вот после того, как этот IP-адрес для домена определён, на него отправляется запрос по протоколу HTTP. И если на хостинге для этого доменного имени имеются настройки, то хостинг отдаёт результат в виде HTML-кода, который приходит в браузер.

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

Данный процесс можно исследовать с помощью инструментов разработчика в Google Chrome (смотрите видео).

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

И домены и хостинг приобретаются у специальных провайдеров. Один из таких – Макхост. Проект webshake.ru размещён именно у этого провайдера, и я очень доволен качеством обслуживания. Сегодняшний урок будем проводить именно на примере заказа домена и хостинга у данного провайдера. Тем более, что ребята из этого сервиса специально для Вас, пользователей webshake.ru согласились предоставить 3 месяца хостинга и доменное имя в зоне .ru или .рф совершенно бесплатно. Так что можете попробовать бесплатно – совершенно ничего не теряете. Подробнее о том, как получить халяву, читайте здесь — https://webshake.ru/post/729

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

Покупка хостинга и домена

Итак, заходим на страницу услуг хостинга, выбираем понравившийся тариф и жмём «Заказать».

Лично мне за глаза хватает тарифа Мак-10, на котором я размещаю 3 сайта, включая вебшейк.

И в следующем окне вводим свой email, а ещё можно тут же ввести промокод WEBSHAKERU и получить 3 месяца хостинга и домен в подарок. Подробности тут.

Жмём далее. Убеждаемся в том, что выбран нужный тариф, и указываем срок, на который хотим заказать услугу. Здесь же указываем доменное имя, которое хотим зарегистрировать. Я выбрал в качестве примера домен bestbooksforprogrammers.ru. Поиск хорошего доменного имени — отдельная тема, так как очень многие красивые домены заняты. Если интересно — погуглите на тему «подбор доменного имени».

После того как нажмете «далее» Вам будет отправлено письмо на почту с данными для входа на сайт.

Собственно, чего ждём? Входим в панель управления с полученными данными.
Входим, и видим, что для активации аккаунта нужно пополнить баланс.

Жмякаем на оплату, и видим, что доступны несколько способов оплаты. При этом на некоторые из них распространяется бонус в виде нескольких процентов от суммы на баланс. Мелочь, а приятно.

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

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

Делается это в первую очередь для Вашей безопасности, чтобы домен не украли и т.п.
Заполняется она довольно быстро, ко всем полям есть подсказки по заполнению. В каком формате, порядке, вот это вот всё.

После заполнения жмём «Сохранить персону». В почте читаем о том, что домен будет зарегистрирован в течение двух рабочих дней.

Если сейчас зайти в меню «сайты», то увидим, что домен регистрируется.

Ждём, в моём случае прошло где-то 6 часов. Сайт сменил статус на «активен».

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

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

Теперь нам нужно закачать наш сайт на хостинг. Делается это по специальному протоколу для передачи файлов — FTP (File Transfer Protocol). Для этого используются специальные программы, которые называются FTP-клиенты. Одна из таких бесплатных программ — FileZilla. Скачать — тут. После того как программа установится, можно подключаться к хостингу и работать с файлами. Для этого нужно взять данные для FTP из письма, присланного Вам на почту:

И забить их в настройки программы и нажать кнопочку «Быстрое соединение»:

После этого в правой вкладке откроется структура папок хостинга. Вас здесь интересует папка httpdocs

Переходим в неё, удаляем оттуда все файлы и перезагружаем вкладку с нашим сайтом. Видим ошибку.

Это нормально, ведь сейчас просто нечего показывать.
Давайте теперь просто перетащим туда файлы нашего сайтика, которые мы подготовили в предыдущем уроке.

На сайте, если не указан путь до конкретной странички, будет открываться файл index.html.
Давайте теперь обновим вкладку с нашим сайтом и увидим, что открылись написанные нами странички:

Успех, наш сайт в Интернете! С чем я Вас и поздравляю.

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

Всем всего хорошего!

webshake.ru

Как разместить сайт в интернете

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

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

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

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

Если кратко, то все выглядит примерно так:

Рассмотрим все элементы данной схемы.

Создание сайта.

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

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

Во втором случае у вас есть несколько вариантов — это:

• Сделать сайт на HTML страницах.
• Создать сайт при помощи специального конструктора сайтов.
• Создать сайт при помощи CMS — системы управления контентом.

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

Все последующие шаги будут зависеть от того, на каком способе создания сайта вы остановились. 

Выбор и регистрация доменного имени для сайта.

Домен или доменное имя — это адрес по которому будет доступен ваш сайт. Например на данном сайте домен выглядит так: webmastermix.ru. Поэтому, как вы понимаете, без доменного имени разместить свой сайт в интернете просто не возможно.

К выбору доменного имени необходимо подойти серьезно. Оно должно быть легко запоминающимся, отражающим суть вашего сайта и по возможности кратким. Есть множество нюансов связанных с выбором доменного имени, подробнее смотрите материал «Как выбрать домен».

Теперь, что касается регистрации доменного имени. Регистрацией доменных имен занимаются специальные фирмы-регистраторы.  Конкуренция на этом рынке просто сумасшедшая и нюансов тоже хватает. Поэтому, чтобы не наделать ошибок ознакомьтесь со статьей: «Как зарегистрировать домен».

Выбор хостинга для сайта.

Хостинг — это услуга по предоставлению места для файлов и папок вашего сайта на сервере в интернет. Фирмы которые предоставляют хостинг называются хостинг-провайдерами.  Подробнее смотрите «Что такое хостинг» и «Виды хостинга».  

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

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

Материалы которые вам могут пригодится при выборе хостинга:

Процесс заказа хостинга немного отличается у разных провайдеров. Но в общих чертах он сводится к следующему:

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

После заказа к вам на E-mail, который вы указали при заказе, придет письмо содержащее очень важные данные. Эти данные пригодятся в дальнейшем при  переносе сайта на сервер в интернет и его управлении.

От себя могу порекомендовать вам воспользоваться быстрым и надежным хостингом HostLand.

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

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

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

Весь процесс переноса сайта в интернет можно разделить на два этапа. Это перенос папок и файлов сайта и перенос базы данных сайта на сервер в интернет. 

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

Перенос папок и файлов сайта на хостинг.

Для переноса папок и файлов сайта на сервер используются специальные программы — FTP клиенты. Самым популярным FTP клиентом является FileZilla Client. Для подключения при помощи данной программы к серверу необходимо в ней настроить FTP соединение.

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

После того как вы в программе FileZilla нажмете на кнопку «Соединиться», в окошке программы справа отобразятся файлы и папки находящееся на сервере в интернет, а в окошке слева папки находящиеся на вашем компьютере.

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

Перенос базы данных сайта на хостинг.

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

Т. к. скорее всего при создании сайта вы будете пользоваться локальным сервером. Вам необходимо зайти в phpMyAdmin по адресу: http://localhost/tools/phpmyadmin/, выбрать базу данных вашего сайта, а затем кликнув по вкладке «Экспорт» экспортировать данные в файл.

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

Для проведения импорта достаточно в phpMyAdmin перейти на вкладку «Импорт», затем выбрать ранее экспортированный файл и произвести процедуру импорта.

Теперь остается только связать ваше доменное имя с вашим сайтом. Для этого в кабинете пользователя, у того регистратора где вы регистрировали ваше доменное имя, необходимо найти раздел «Управление DNS-серверами» или «DNS сервера» и указать там адреса NS серверов вашего хостинга.

Узнать адреса NS серверов можно из письма присланного провайдером сразу после заказа хостинга. 

Сайт по вашему адресу станет доступен в течении суток, после того как произойдет сопоставление NS серверов с ваши доменом.

Материал подготовлен проектом: WebMasterMix.ru

Ещё материалы по размещению сайта в интернете:

Подробности

Опубликовано: 09 Январь 2012

Обновлено: 14 Октябрь 2013

Просмотров: 54272

webmastermix.ru