Как закачать на хостинг сайт


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

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

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

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

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

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

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

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

Например, провайдер Reg.ru предлагает следующую структуру каталогов:

 

Необходимо найти папку “www”, внутри которой уже будут располагаться папки с названиями конкретных доменов. Если сайт с привязанным доменом уже создан в панели управления, то папка с его названием обязательно будет видна в файл-менеджере. В нее как раз и необходимо загрузить файлы сайта.

Использование файлового менеджера для загрузки сайта

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

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

Файловый менеджер в этой панели можно найти в меню “Главное”.

 

 

Файл-менед

Как загрузить | Импортируйте свой веб-сайт в 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-клиент к удаленному серверу, выполните следующие действия:

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

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

Теперь нажмите 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 для расширенного управления файлами.
.

FTP - Общие настройки FTP

Файлы вашего основного веб-сайта необходимо загрузить в папку public_html . Чтобы узнать, как опубликовать свой сайт в дополнительном домене, см. FTP для дополнительных доменов .

Общая информация о FTP

Лучший способ загрузить свой сайт - через FTP. Это можно сделать разными способами, используя множество разных FTP-клиентов. Каждому клиенту нужно 4 вещи:
  1. Доменное имя или IP-адрес : будет использоваться в поле «FTP-адрес» .
  2. Имя пользователя : такое же, как cPanel или созданная учетная запись FTP.
  3. Пароль : пароль, который вы установили для доступа к cPanel или имени пользователя FTP.
  4. Порт : Порт 21.
Примечание : Главный домен и имя пользователя можно найти в разделе Stats слева на cPanel. Пароль такой же, как и ваш пароль cPanel.

Настройки для конкретного приложения

Следующие статьи содержат инструкции для рекомендуемых FTP-приложений.

Окна
Mac
На базе Linux
Дополнительные сведения о клиентах FTP см. В разделе Рекомендуемые приложения FTP. .

Как мне загрузить файл на мой сервер?

Есть несколько способов загрузить файл на ваш сервер на хостинге InMotion. Способ загрузки файлов будет зависеть от ваших предпочтений и вашей доступности на сервере. В этом руководстве мы объясним, как загрузить файл с помощью диспетчера файлов, FileZilla и Notepad ++. Мы предполагаем, что вы знаете, куда в своей учетной записи вам нужно загрузить файлы. Однако, если вы не уверены, прочтите нашу статью под названием «В какой каталог мне помещать файлы?».

В чем разница между каждым методом?

Есть причины, по которым разработчик мог бы использовать File Manager, FileZilla или Notepad ++. Ниже будет объяснено, почему вы выбрали тот или иной метод.

Файловый менеджер (на основе браузера): Файловый менеджер удобен для использования, когда вы находитесь вдали от компьютера и у вас есть доступ к браузеру. К файловому менеджеру можно получить доступ из любого места. Это избавляет от необходимости устанавливать такую ​​программу, как FileZilla или Notepad ++.

FileZilla (FTP): FileZilla хорошо использовать для загрузки файлов, потому что он работает через порт 21 и может загружать большое количество файлов одновременно.

Notepad ++ (редактор кода): Использование Notepad ++ - это способ загрузки файлов во время создания содержимого для них, notepad ++ похож на DreamWeaver в том, что вы можете редактировать файлы и загружать их через тот же интерфейс. Это избавляет от необходимости одновременно иметь редактор HTML и программу FTP.

Как загрузить файл через файловый менеджер

  1. Войдите в свою cPanel.Нажмите кнопку Диспетчер файлов в разделе Файлы .
  2. Перейдите в каталог , в который вы хотите загрузить файл, и щелкните ссылку Загрузить в верхней части файлового менеджера . Откроется страница загрузки в новой вкладке.
  3. Перетащите файл в окно или щелкните Select File , чтобы найти на компьютере файл, который вы хотите загрузить. Установите флажок «Доступно», если вы хотите перезаписать файлы, которые уже существуют в папке загрузки.
  4. Ваш файл будет загружен. По завершении загрузки вы увидите сообщение «100%».
  5. Щелкните ссылку Вернуться , чтобы вернуться в файловый менеджер .
  6. Обновите файловый менеджер , щелкнув ссылку Reload в верхней средней части файлового менеджера. Теперь вы должны увидеть файл, указанный в диспетчере файлов.

Как загрузить через FTP с помощью FileZilla

FileZilla может загружать файлы с вашего компьютера на ваш сервер вместе с нами.Левая сторона - это « Local Site », а правая - « Remote Site ». « Local Site » - это ваш компьютер, где находятся файлы. « Remote Site » - это расположение файлов на сервере. Ниже описано, как загрузить файл с помощью FileZilla.

  1. Подключитесь к вашему серверу с помощью FileZilla.
  2. Навигация по файлам в третьем окне слева под полем « Local Site: », где написано « Filename ».
  3. Окно справа от него - это каталог « Remote Site ». Перейдите к папке, в которую вы хотите загрузить файл / папку , в окне « Filename » под окном « Remote Site ».

    Перетащите файл, который нужно загрузить на сервер , с « Local Site » на « Remote Site ».

    Файл будет загружен, и вы увидите файл в списке файлов в каталоге, куда вы перетащили файл.

Использование такой программы, как Notepad ++

Notepad ++ - это программа, которая позволяет редактировать ваш сайт, а также загружать и создавать файлы на сервере. Он похож на программы-редакторы HTML, такие как Edit Plus или DreamWeaver . Ниже будет объяснено, как создать файл на вашем сервере с помощью Notepad ++.

  1. Подключитесь к серверу с помощью Notepad ++.
  2. В окне NppFTP в правой части Notepad ++ перейдите к папке , в которую вы хотите загрузить файл. Щелкните папку правой кнопкой мыши и выберите « Загрузить сюда другой файл». . . “.
  3. Найдите на сервере файл , который вы хотите загрузить. Выберите файл и нажмите «Открыть» .

    Теперь вы увидите файл в папке на сервере.

Чтобы увидеть другие статьи о том, как управлять своими файлами, перейдите на страницу Как управлять файлами на сервере ?.

Чтобы узнать, как редактировать файл, см. Нашу статью Как мне редактировать файл на моем сервере ?.

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий