Алёнка

Как загрузить сайт на свой хостинг

Грамотная загрузка сайта на хостинг: пошаговая инструкция

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

Правильное размещение файлов сайта на хостинге - это ответственный этап в процессе получения оптимально работающего сайта. Важно понимать, что сайты, как правило, состоят из собственно исходных файлов (html, css, скриптов php и js, файлов изображений и т.д.), а также из хранящейся в базе данных информации (учетные записи пользователей, списки товаров, новостей и т.д.).

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

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

Способы загрузки файлов

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

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

Как загрузить | Импортируйте свой веб-сайт в Hostinger

Intro

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

Если вместо этого вы предпочитаете смотреть видео, прокрутите страницу вниз или щелкните здесь »» »», но рекомендуется полностью прочитать эту статью для лучшего понимания.

Список содержимого

Щелкните по ссылкам ниже, чтобы перейти непосредственно к любому соответствующему месту в этой статье.

Если вы уже создали учетную запись хостинга и хотите пропустить этот шаг, нажмите »» »»

# 1 Создание учетной записи хостинга

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

Советы!

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

Желательно не использовать домен Meximas.com , потому что у вас могут возникнуть проблемы с безопасностью при сохранении вашей окончательной URL-ссылки в качестве вашего веб-сайта в Facebook, Twitter, Instagram и некоторых социальных сетях.Это связано с тем, что пользователи этого бесплатного домена злоупотребляли им до такой степени, что эти социальные сети теперь считают его угрозой безопасности.

# 2 Размещение заказа

После выбора тарифного плана выберите поддомен , , имя для вашего веб-сайта, а также пароль (вы также можете использовать автоматически сгенерированный пароль, просто нажав кнопку сгенерировать ). в правой части текстового поля пароль ). Нажмите продолжить , затем разместите заказ после ввода правильного кода капчи и отметки флажка «Я согласен с условиями и положениями» на следующей странице.См. Снимок экрана ниже.

Совет: если вам трудно четко видеть изображения, щелкните изображение, чтобы перейти в режим предварительного просмотра. Если это тоже не поможет. Используйте кнопки Ctrl, и + на клавиатуре, чтобы увеличить изображение, и Ctrl и -, чтобы вернуть его к нормальному размеру.

# 3 Управление учетной записью

Теперь, когда учетная запись хостинга субдомена создана, щелкните поле «Скрыть / показать» (поле со знаком + для отображения дополнительных параметров).Выберите , управляйте из вариантов.

Теперь вы должны перейти на новую страницу. Нажмите кнопку подробностей , чтобы увидеть некоторую информацию о вновь созданном веб-сайте (например, URL-адрес веб-сайта, предварительный просмотр веб-сайта, IP-адрес и т. Д.), Как показано на снимке экрана ниже. Обратите внимание, что при предварительном просмотре своего веб-сайта он не будет отображать разумную веб-страницу, потому что вы еще не импортировали свой веб-сайт и выполните некоторые из необходимых шагов, которые я покажу вам, когда вы будете читать.

Вы также сможете увидеть всю информацию о веб-сайте на панели инструментов, которая находится справа на странице.

# 4 Импорт вашего веб-сайта

Прокрутите вниз и посмотрите в левую часть страницы, пока не найдете поле для отображения / скрытия W ebsite . вы также можете найти его в разделе счета . Щелкните знак + внутри небольшого поля, чтобы получить доступ к дальнейшим действиям.

Теперь нажмите кнопку import your website . Когда откроется новая страница, подготовьте файлы своего веб-сайта. Убедитесь, что они заархивированы (поскольку все файлы веб-сайта хранятся в папке и подпапках, заархивируйте основную папку и загрузите ее в поле импортируемого веб-сайта, перетащив или выполнив обычную процедуру поиска файлов).

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

# 5 Тестирование веб-сайта на данный момент

Сразу после загрузки веб-сайта вы увидите сообщение на скриншоте ниже. Это потому, что нам нужно удалить файл default.php , поскольку наша страница автоматически активирует файл default.php.

# 6 Удаление файла default.php из папки Public.html

Нажмите кнопку «Назад» в браузере один раз, если вы не тестировали веб-сайт в новой вкладке.Прокрутите вниз до вкладки files в левой части экрана и выберите кнопку подменю File Manager 2. Когда он загружен, откройте файл Public.html , отметьте файл default.php и htaccess , затем нажмите удалить.

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

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

не забудьте продолжать щелкать ссылку, пока не дойдете до страницы index.html (или другого имени, которое вы назвали домашней страницей своего веб-сайта). Когда вы попадете туда, запустите его и скопируйте ссылку с помощью Ctrl и C, так как это будет очень полезно на следующем шаге. Это также сэкономит время.

Подсказки !!

Убедитесь, что вы удалили http: // или https: // скопированной ссылки после вставки, чтобы избежать дублирования. замените http: // на www. вы получите сообщение об ошибке, если будут дублироваться https.

# 7 Redirecting - Final step

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

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

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

Теперь посмотрите это видео о том, как загрузить | Импортируйте свой сайт в hostinger

Если после прочтения этой статьи и просмотра моего видео по этой теме у вас все еще есть проблемы, не стесняйтесь оставлять комментарии здесь или на моем видео на Youtube.

 Опубликовано 28 августа 2014 г.

Как вы загружаете файлы на веб-сервер? - Изучите веб-разработку

В этой статье показано, как опубликовать свой сайт в Интернете с помощью инструментов передачи файлов.

Сводка

Если вы создали простую веб-страницу (см. Пример в разделе «Основы HTML»), вы, вероятно, захотите разместить ее в Интернете на веб-сервере. В этой статье мы обсудим, как это сделать, используя различные доступные параметры, такие как клиенты SFTP, RSync и GitHub.

SFTP

Существует несколько клиентов SFTP.Наша демонстрация охватывает FileZilla, поскольку она бесплатна и доступна для Windows, macOS и Linux. Чтобы установить FileZilla, перейдите на страницу загрузок FileZilla, нажмите большую кнопку «Загрузить», затем выполните установку из установочного файла обычным способом.

Примечание : Конечно, есть много других вариантов. См. Дополнительные сведения в разделе «Инструменты публикации».

Откройте приложение FileZilla; вы должны увидеть что-то вроде этого:

Вход в систему

В этом примере мы предположим, что наш хостинг-провайдер (служба, которая будет размещать наш HTTP-сервер) - это фиктивная компания «Example Hosting Provider», чьи URL-адреса выглядят следующим образом: mypersonalwebsite.examplehostingprovider.net .

Мы только что открыли счет и получили от них следующую информацию:

Поздравляем с открытием учетной записи на Example Hosting Provider.

Ваш аккаунт: demozilla

Ваш сайт будет виден по адресу demozilla.examplehostingprovider.net

Для публикации в этой учетной записи подключитесь через SFTP со следующими учетными данными:

SFTP-сервер: sftp: // demozilla.examplehostingprovider.net

Имя пользователя: demozilla

Пароль: quickbrownfox

Порт: 5548

Для публикации в Интернете поместите свои файлы в каталог Public / htdocs .

Давайте сначала посмотрим на http://demozilla.examplehostingprovider.net/ - как видите, пока там ничего нет:

Примечание : В зависимости от вашего хостинг-провайдера большую часть времени вы увидите страницу, на которой написано что-то вроде «Этот веб-сайт размещен на [Hosting Service]».»При первом переходе на свой веб-адрес.

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

Выберите Файл> Менеджер сайта ... в главном меню.
В окне Site Manager нажмите кнопку New Site , затем введите имя сайта как demozilla в отведенное место.
Укажите SFTP-сервер, указанный вашим хостом, в поле Host: .
В раскрывающемся списке Тип входа: выберите Обычный , затем введите предоставленные имя пользователя и пароль в соответствующие поля.
Введите правильный порт и другую информацию.

Ваше окно должно выглядеть примерно так:

Теперь нажмите Connect , чтобы подключиться к серверу SFTP.

Примечание. Убедитесь, что ваш хостинг-провайдер предлагает SFTP (безопасный FTP) подключение к вашему хостинговому пространству. FTP по своей сути небезопасен, и вам не следует его использовать.

Здесь и там: локальный и удаленный просмотр

После подключения ваш экран должен выглядеть примерно так (мы подключились к нашему собственному примеру, чтобы дать вам представление):

Давайте посмотрим, что вы видите:

На центральной левой панели вы видите свои локальные файлы.Перейдите в каталог, в котором вы храните свой веб-сайт (например, mdn ).
На центральной правой панели вы видите удаленные файлы. Мы вошли в наш удаленный корень FTP (в данном случае пользователя / demozilla )
На данный момент вы можете игнорировать нижнюю и верхнюю панели. Соответственно, это журнал сообщений, показывающий состояние соединения между вашим компьютером и сервером SFTP, и журнал в реальном времени каждого взаимодействия между вашим клиентом SFTP и сервером.

Загрузка на сервер

В наших примерах инструкций хоста говорилось: «Чтобы опубликовать в Интернете, поместите свои файлы в каталог Public / htdocs ."Вам нужно перейти в указанный каталог на правой панели. Этот каталог фактически является корнем вашего веб-сайта, где будет находиться ваш файл index.html и другие ресурсы.

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

Они действительно онлайн?

Пока все хорошо, но действительно ли файлы в сети? Вы можете перепроверить, вернувшись на свой сайт (например,грамм. http://demozilla.examplehostingprovider.net/ ) в вашем браузере:

И - вуаля ! Наш сайт работает!

Rsync

Rsync - это инструмент для синхронизации файлов между локальными и удаленными файлами, который обычно доступен в большинстве систем на базе Unix (таких как macOS и Linux), но существуют и версии для Windows.

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

 rsync [-options] SOURCE user @ x.x.x.x: DESTINATION

-options - это дефис, за которым следует одна или несколько букв, например -v для подробных сообщений об ошибках и -b для создания резервных копий. Вы можете увидеть полный список на странице руководства rsync (ищите «Сводка параметров»).
ИСТОЧНИК - это путь к локальному файлу или каталогу, из которого вы хотите скопировать файлы.
user @ - это учетные данные пользователя на удаленном сервере, на который вы хотите скопировать файлы.
x.x.x.x - IP-адрес удаленного сервера.
НАЗНАЧЕНИЕ - это путь к месту, куда вы хотите скопировать свой каталог или файлы на удаленном сервере.

Вам необходимо получить такие данные у вашего хостинг-провайдера.

Для получения дополнительной информации и дополнительных примеров см. Как использовать Rsync для копирования / синхронизации файлов между серверами.

Конечно, рекомендуется использовать безопасное соединение, например FTP. В случае Rsync вы указываете детали SSH, чтобы установить соединение через SSH, используя опцию -e .Например:

 rsync [-options] -e "ssh [ПОДРОБНОСТИ SSH ЗДЕСЬ]" ИСТОЧНИК [email protected]: DESTINATION

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

Инструменты графического интерфейса Rsync

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

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

GitHub

GitHub позволяет публиковать веб-сайты через страницы GitHub (gh-страницы).

Мы рассмотрели основы использования этого в статье «Публикация вашего веб-сайта» из нашего руководства «Начало работы с Интернетом», поэтому мы не собираемся повторять все это здесь.

Однако стоит знать, что вы также можете разместить веб-сайт на GitHub, но использовать с ним собственный домен. См. Подробное руководство в разделе Использование личного домена со страницами GitHub Pages.

Другие способы загрузки файлов

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

Веб-интерфейсы . HTML-интерфейс, действующий как интерфейс для службы удаленной загрузки файлов. Предоставляется вашим хостингом.
WebDAV . Расширение протокола HTTP для расширенного управления файлами.

c # - Как загрузить веб-сайт .Net на хостинг, чтобы он работал?

Переполнение стека

Около
Товары
Для команд

Переполнение стека Общественные вопросы и ответы
Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами

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

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

Какие есть варианты?

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

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

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

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

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

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

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

MDN не продвигает определенные коммерческие хостинговые компании или регистраторов доменных имен. Чтобы найти хостинговые компании и регистраторов, просто выполните поиск по словам «веб-хостинг» и «доменные имена». Все регистраторы будут иметь возможность проверить, доступно ли желаемое доменное имя.
Ваш домашний или офисный интернет-провайдер может предоставить ограниченный хостинг для небольшого веб-сайта. Набор доступных функций будет ограничен, но он может быть идеальным для ваших первых экспериментов.
Также доступны бесплатные сервисы, такие как Neocities, Blogger и WordPress. Иногда вы получаете то, за что платите, но иногда этих ресурсов достаточно для ваших первоначальных экспериментов.
Многие компании предоставляют хостинг и домены.

С помощью онлайн-инструмента, такого как GitHub или Google App Engine

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

GitHub - это сайт "социального кодирования".Он позволяет загружать репозитории кода для хранения в системе контроля версий Git . После этого вы можете совместно работать над проектами кода, и по умолчанию система имеет открытый исходный код, а это означает, что любой человек в мире может найти ваш код GitHub, использовать его, учиться на нем и улучшать его. GitHub имеет очень полезную функцию под названием GitHub Pages, которая позволяет вам размещать код веб-сайта в реальном времени в Интернете.
Google App Engine - это мощная платформа, которая позволяет создавать и запускать приложения в инфраструктуре Google - независимо от того, нужно ли вам создать многоуровневое веб-приложение с нуля или разместить статический веб-сайт.Посмотрите, как вы размещаете свой веб-сайт на Google App Engine? Чтобы получить больше информации.

Эти опции обычно бесплатны, но вы можете перерасти ограниченный набор функций.

Использование веб-среды IDE, например CodePen

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

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

Публикация через GitHub

Теперь давайте посмотрим, как легко опубликовать свой сайт через GitHub Pages.

Прежде всего, зарегистрируйтесь на GitHub и подтвердите свой адрес электронной почты.
Далее вам нужно создать репозиторий для хранения файлов.
На этой странице в поле Имя репозитория введите имя пользователя .github.io, где имя пользователя - ваше имя пользователя. Например, наш друг Боб Смит ввел бы bobsmith.github.io .
Установите флажок « Инициализировать этот репозиторий с помощью README» . Затем нажмите Создать репозиторий .
Перетащите содержимое папки вашего веб-сайта в репозиторий. Затем нажмите Принять изменения .

Примечание : Убедитесь, что ваша папка имеет индекс .html файл.
Перейдите в браузере к имени пользователя .github.io, чтобы увидеть свой веб-сайт в Интернете. Например, для имени пользователя chrisdavidmills перейдите на chrisdavidmills .github.io.

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