Алёнка

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

❶ Как разместить готовый сайт 🚩 как выложить готовый сайт 🚩 Интернет 🚩 Популярное

Бесплатным хостингом называют сервис, предоставляемый некоторыми крупными интернет-порталами, и позволяющий создавать личные страницы пользователей (сайты) на своем сервере. Наиболее известны такие бесплатные хостинги как Narod.ru, Ucoz.ru,
Alfaspace.NET и т.п. Получить полный список бесплатных хостингов можно при помощи любого поисковика по ключевому запросу «бесплатный хостинг для сайта». Некоторые из этих сервисов, такие как Ucoz.ru , одновременно являются своего рода конструкторами сайтов и помогают неопытному пользователю создавать вебстраницы, другие просто предоставляют на своих серверах физическое пространство для сайта. Как правило, все бесплатные хостинги имеют те или иные ограничения в функционале (отсутствие MsSql, Perl, лимит почтовых ящиков), принудительное присутствие посторонней рекламы, отсутствие техподдержки и частые падения сайта. Поэтому более серьезные и опытные вебмастера всегда предпочитают платные хостинги для своих проектов. Стоит заметить, что при современном разнообразии компаний, предоставляющих хостинговые услуги, сравнительно не сложно выбрать наиболее оптимальное сочетание цены и качества для любой ситуации даже при очень ограниченном бюджете.

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

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

Прежде чем мы начнем с самого процесса, вы должны сначала узнать больше о веб-сайтах в целом.

Что такое веб-сайт?

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

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

Что такое веб-браузер?

Чтобы понять, что такое веб-сайт и как его можно загрузить, вам необходимо ознакомиться с веб-браузерами. Причина этого проста - веб-сайты доступны только через веб-браузеры. Веб-браузер - это название компьютерного приложения, которое может загружать и отображать файлы, документы и другие компоненты, необходимые для создания веб-сайта. Некоторые из самых популярных - Google Chrome, Opera, Mozilla Firefox, Safari и т. Д.Все веб-браузеры могут читать и понимать доменные имена, находить файлы, необходимые для отображения этих веб-сайтов, а затем отображать их на вашем экране в виде веб-сайта.

Что такое HTML?

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

Что такое веб-сервер?

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

Как работает веб-сайт?

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

Сервер получает запрос страницы, отправленный из вашего браузера.
Браузер подключается к серверу через IP-адрес, который в основном представляет собой числовое представление доменного имени вашего веб-сайта.

Затем сервер отправляет обратно запрошенную страницу.

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

Что такое веб-хостинг? Как выбрать веб-хостинг?

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

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

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

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

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

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

Еще одна замечательная вещь в BlueHost - это простой интерфейс, которым легко пользоваться даже для новичков.Этот веб-хостинг предлагает программное обеспечение Weebly для создания веб-сайтов. Благодаря этим функциям вы наверняка создадите привлекательный и чрезвычайно функциональный веб-сайт.

Один из самых популярных веб-хостингов для бизнеса - InMotion Hosting. Они предоставляют несколько планов общего хостинга Linux, а также VPS и выделенные серверы. В дополнение к базовому веб-хостингу они также предлагают конструктор сайтов для WordPress под названием BoldGrid. Электронная почта, скрипты с открытым исходным кодом и другие дополнительные услуги также находятся в их списке.Еще одно важное преимущество - это бесплатный домен, который вы можете зарегистрировать при регистрации в InMotion.

Самым большим преимуществом этого веб-хостинга является цена, которую он предлагает. У них есть как краткосрочные, так и долгосрочные планы, которые очень доступны и разумны. Если вы используете InMotion Hosting, вы заметите, что у них отличная служба поддержки, поэтому, если вы чего-то не понимаете или что-то не работает должным образом, у вас не будет проблем с этим. Их поддержка является профессиональной и удобной для клиентов, поэтому даже нетехнические специалисты поймут, о чем они говорят.

Что такое доменное имя?

Последний шаг подготовки к загрузке и запуску вашего веб-сайта - это выбор уникального доменного имени. Каждый домен зарегистрирован в DNS (сервере доменных имен). Вы также получаете единственный в своем роде IP-адрес для вашего доменного имени.

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

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

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

Как загрузить сайт в Интернет?

Итак, теперь, когда у вас есть доменное имя и веб-хостинг для вашего веб-сайта, пришло время создать его и загрузить в Интернет. Это делается просто путем загрузки файлов и документов в свой домен. Вы можете выполнить эту задачу с помощью веб-браузера, но, вероятно, гораздо проще использовать приложение FTP или другой аналогичный протокол.Как только вы это сделаете, вам придется использовать файловый менеджер для работы с файлами вашего сайта. У вас также будет возможность установить программное обеспечение, которое позволит вам управлять своим контентом (CMS).

Протокол передачи файлов (FTP)

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

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

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

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

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

Файловый менеджер

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

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

Существует множество типов файловых менеджеров, таких как ортодоксальные файловые менеджеры, пространственные файловые менеджеры, навигационные файловые менеджеры, файловые менеджеры 3D, файловые менеджеры через Интернет и т. Д.Наиболее важными файловыми менеджерами для вашего веб-сайта являются веб-файловые менеджеры, которые стали более популярными с расширением использования систем управления контентом (CMS). Это позволяет пользователям, не обладающим достаточными техническими знаниями, управлять своим контентом и своими файлами.

Системы управления контентом (CMS)

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

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

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

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

Обновлено: 21 июля 2017 г.

Как опубликовать (загрузить) свой веб-сайт в Интернет с помощью Expression Web (thesitewizard.com)

Глава 8. Перенос веб-страниц в Интернет

Кристофер Хенг, thesitewizard.com

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

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

Цель этой главы

К концу этой главы вы загрузите свои веб-страницы в Интернет.

Предварительные требования

Веб-хостинг

Я упоминал в главе 1 что вам понадобится веб-хостинг.Если вы так долго откладывали получение одного из них, вы не можете больше откладывать эту задачу, так как вы обязательно нужно здесь. Для тех, кто не знает, с чего начать поиск, есть список коммерческие веб-хосты на thefreecountry.com, а еще у меня есть обзор веб-хостинга, который я сейчас использую для thesitewizard.com.

Еще раз напомним, что если вы студент, который следит за этим руководством в рамках требований курса, вам может и не потребоваться регистрироваться на веб-хостинге. Ваш университет (или школа) мог выделить место на собственном веб-сервере (т. е. на компьютере в Интернете) для вашего веб-сайта.Узнайте подробности у своего лектора (или учитель).
Сведения о FTP или SFTP

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

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

Не пугайтесь жаргона выше. «FTP» означает просто «Протокол передачи файлов». это просто метод, который Expression Web использует для передачи файла с одного компьютера на другой, что-то вроде HTTP протокол главы 5, который браузеры используют для получения веб-страниц. Некоторые веб-хосты предлагают "SFTP", который является безопасная версия FTP, которая шифрует все, чтобы (надеюсь) никто не мог перехватить ваш пароль. В любом случае, чтобы Expression Web мог передавать файлы, ему необходимо знать адрес FTP-сервера на другой конец, ожидающий получения этих файлов.

Подождите, а как насчет моей контактной формы?

Я понимаю, что, хотя вы завершили большую часть своего веб-сайта, у вас есть еще не создать контактную форму. Как я сказал ранее, это будет сделано только в главе 9. Есть причина для этого.

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

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

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

Как настроить параметры публикации Expression Web

Если у вас есть файлы, открытые в Expression Web, сохраните и закройте эти файлы.В противном случае вы можете случайно опубликуйте старую версию своей работы.
В меню выберите «Сайт | Настройки сайта».
Щелкните вкладку «Публикация» в открывшемся диалоговом окне «Параметры сайта».
Нажмите кнопку «Добавить ...» под полем «Назначения публикации». Диалоговое окно «Подключения» будет появляться.
Введите имя вашего веб-хостинга в поле «Имя». На самом деле, неважно, что вы здесь набираете.Содержимое этого поля используется только в поле «Пункты назначения публикации». Однако, если вы напечатаете здесь что-то случайное, вы только запутывать себя годы спустя, когда вы забыли свои собственные шалости.
В поле «Тип подключения» выберите «SFTP», если ваш веб-хост предоставляет вам доступ по SFTP, или «FTP». если они предоставляют вам только доступ по FTP. Если ваш веб-хостинг позволяет использовать оба, выберите SFTP, поскольку это более безопасно.
В поле «Местоположение» вам нужно имя вашего FTP-сервера (иногда его называют «FTP-адрес» или «FTP-хост»).Фактическое имя отличается от веб-хостинга к веб-хосту. Например, на на некоторых хостах имя сервера выглядит как «ftp.example.com» (где «example.com» - ваш сайт). На другие, это ваш домен. Есть также некоторые хосты, которые предоставляют совершенно другое имя. Используйте имя, которое они дают, без изменений. Помните, что вы не можете использовать догадки чтобы выяснить, что здесь ввести. Это должно быть имя сервера, который есть у вашего веб-хостинга. настроил для вас.

Введите имя сразу после « ftp: // ».Например, если адрес FTP-сервера "ftp.example.com", теперь в поле будет указано " ftp://ftp.example.com ".

Обновление : Expression Web использует устаревшую технологию шифрования для своего SFTP-соединения. Если вы используете веб-хост, обновленный до последних версий SSH (т. Е. Программное обеспечение, которое обрабатывает SFTP-соединения), возможно, редактор не сможет подключиться к вашему сайту. Если вы получаете сообщения об ошибках, например "время ожидания соединения с сервером истекло" (и, возможно, другие), это может быть причиной.Если да, у вас есть две альтернативы.
- Используйте специализированную последнюю версию FTP-программы, например FileZilla в загрузите свой сайт. Ссылка в предыдущем предложении ведет к руководству о том, как это сделать. (Незначительный) недостаток этого заключается в том, что вы отказываетесь от возможности Expression Web отслеживать и только публиковать страницы, которые изменились с момента предыдущей загрузки. Другими словами, вам нужно будет запомнить это себя и загрузите соответственно. Или, если вы действительно настолько безнадежно рассеянны, просто загрузите все каждый раз, когда вы что-то меняете.
- Другой способ - использовать менее безопасный вариант «FTP» для вашего типа подключения. К сожалению, это более рискованная альтернатива, так как другие смогут подслушать ваше соединение и узнать ваш FTP пароль.
Поле «Каталог» - это место, где должны быть размещены ваши веб-страницы (на компьютере вашего веб-хоста). Опять же, эта информация должна быть предоставлена вашим веб-хостингом. Не вводите сюда случайный каталог; просить их, если у вас еще нет информации.

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

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

Для тех, кто не знает, как найти соответствующий бит информации в электронной почте вашего веб-хостинга, найдите, где, по их словам, находятся ваши веб-страницы (или "HTML-файлы") быть размещенным.Например, некоторые веб-хосты советуют размещать файлы в каталоге «www». Если так, введите «www» (без кавычек) в поле «Каталог». Другие веб-хосты говорят, что вы необходимо использовать каталог "public_html". Если да, введите «public_html» (без кавычек). И так далее. Не забудьте использовать точное имя, которое они вам дают. Не меняйте заглавные буквы в имени. «WWW» отличается от «www», как и «public_html» от «PUBLIC_HTML». Если ваш веб-хостинг предлагает опубликовать ваши файлы в каталоге по умолчанию, который вы видите при подключении по FTP, оставьте поле «Каталог» пустым.
Введите свой логин в поле «Имя пользователя» и свой пароль в поле «Пароль».

Если вы используете компьютер, которым вы делитесь с другими, вы также можете опустить «Имя пользователя» и поле «Пароль» пока. Затем Expression Web запросит информацию позже. Однако в этом руководстве предполагается, что вы ввели информацию, как указано в абзаце. выше.
Нажмите кнопку «Добавить».
В диалоговом окне «Параметры сайта» теперь будет отображаться новая запись в поле «Назначения публикации».Нажмите «ОК», чтобы закрыть окно.

Как опубликовать (загрузить) свой веб-сайт

В меню выберите «Сайт | Публикация».
На вкладке "Просмотр сайта" теперь будет отображаться пустая страница с единственной ссылкой "Подключиться к текущее место публикации ". Щелкните эту ссылку.
Если Expression Web выдает сообщение об ошибке

Не удается подключиться к ftp.example.com. Проверьте имя сервера и настройки прокси.Если настройки верны, сервер может быть временно недоступен.

это означает либо что вы неправильно ввели доменное имя на вкладке «Публикация» в настройках сайта (часть после ftp: // выше), или что вы только что купили ваше доменное имя и системы вашего местного провайдера широкополосного доступа (или коммутируемого доступа) не были обновлены информацией об этом. Когда доменное имя новое, остальной мир может узнать о его существовании в течение 2 дней.

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

Если это правильно, и вы купили домен (скажем) всего за несколько часов до этого, то вам, вероятно, придется подождать день или два, прежде чем продолжить. Вы не можете ускорить процесс и пожаловаться своему веб-хосту или регистратор домена не поможет, так как это вне их контроля.
Если Expression Web выдает сообщение об ошибке типа «время ожидания соединения с сервером истекло», см. этот раздел выше.
Когда Expression Web успешно подключится к сайту, вы увидите две панели рядом. В слева перечислены файлы на вашем компьютере, а справа показаны файлы на вашем веб-хосте. машина.

Щелкните правой кнопкой мыши файл index.dwt на левой панели и выберите «Исключить из публикации» в появившееся меню. Файл "index.dwt", как вы помните из глава 7, является шаблоном вашего сайта и не обязательно должен быть в Интернете.
Теперь щелкните "Сайт | Опубликовать все файлы в "пример.com "'(где example.com - все, что вы ввели в поле «Имя» вкладки «Публикация» ранее).
Expression Web продолжит загрузку ваших файлов на веб-сервер (т. Е. На компьютер вашего веб-хоста). В зависимости от того, сколько у вас файлов, это может занять некоторое время, в течение которого вы можете просмотреть его прогресс в нижней половине окна просмотра сайта. Когда он будет завершен, вы сможете увидеть файлы на сервере в правой панели. Он должен включать все, что у вас есть слева, кроме "index.dwt ", который вы намеренно исключили. (Обратите внимание, что на сервере также могут быть некоторые дополнительные файлы, размещенные там вашим веб-хостингом при настройке вашей учетной записи, например, по умолчанию Файл с ошибкой 404 File Not Found.)

Как проверить свой «живой» сайт

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

Проверить страницу по умолчанию

Перейдите на свой веб-сайт, набрав «http: // www.example.com/ "(или другое имя вашего домена) в адресную строку вашего браузера. Не , а введите его в поле поиска Google или Bing. Для , а не для используйте "http://www.example.com/index.html", где добавляется имя файла домашней страницы. до конца адреса.

Когда вы это сделаете, вы все равно должны увидеть свою страницу index.html. Если нет, взгляни при сообщении об ошибке. Если в сообщении написано «404 Файл не найден »,« Документ не найден »,« Запрещен »,« В каталоге нет индексного файла », это означает одно из следующие вещи.
- Возможно, вы неправильно назвали свой файл. Например, если вы использовали имя файла « Index.html » (примечание заглавная « I »), вы получите эту ошибку. Домашняя страница должна называться « index.html ». если вы хотите, чтобы этот трюк с вводом вашего доменного имени работал.
- Возможно, вы загрузили свои файлы не в тот каталог. Не думайте, что эта возможность к вам не относится. Как я сказал ранее, веб-серверы будут отображать только файлы, размещенные в определенных папках, по соображениям безопасности.Да просто так то, что вы успешно загрузили файлы на свой сервер, не означает, что они находятся в правильном месте.
- Более отдаленная возможность заключается в том, что ваш веб-хост не настроил свой сервер для отображения index.html как страница по умолчанию. В настоящее время это происходит очень редко, поскольку большинство веб-хостов настраивают свои серверы в соответствии с соглашениями. с которыми знакомо большинство веб-мастеров (хотя бы для того, чтобы уменьшить объем технической поддержки, которую они должны оказывать).
  
  Чтобы проверить эту возможность, введите «http: // www.example.com/index.html "(да, на этот раз с именем файла) в адресную строку вашего браузера. Если это работает, а http://www.example.com/ - нет, значит, вы в эта лодка. Вы можете решить проблему, попросив свой веб-хостинг установить страницу по умолчанию на «index.html». для вас, или вы можете узнать у них, как вы можете сделать это для себя. Хотя у меня есть учебник для изменение имя страницы по умолчанию для одного часто используемого программного обеспечения веб-сервера (называемого Apache), ваш веб-хост, вероятно, использует другая программа для их системы.Я говорю это потому, что Apache по умолчанию распознает index.html.
  
  Другое решение - переименовать index.html в имя, используемое серверным программным обеспечением вашего веб-хоста. Однако это означает, что любые ссылки на вашем сайте, указывающие на домашнюю страницу с "index.html" где-то в URL-адрес сломается, и вам придется исправить все эти ссылки. Кроме того, если вы когда-нибудь переедете ваш сайт на другой веб-хостинг, используя стандартное соглашение "index.html", вы снова столкнетесь с этой проблемой.
С другой стороны, если вы получите сообщение «Домен не найден», «Нет DNS для www.example.com "или слова по этому поводу, это может быть одна из трех причин.
- Вы можете столкнуться с проблемой распространения доменного имени, о которой я упоминал выше, когда ваше доменное имя меньше старше 2 дней.
- Кроме того, ваш веб-хостинг мог не настроить субдомен «www» для вашего сайта. Не каждый веб-хостинг делает это автоматически. Чтобы узнать, так ли это, введите http://example.com (то есть ваше доменное имя без префикс "www") в адресную строку браузера.Если это работает, а версия www.example.com - нет, свяжитесь со своим веб-хостингом, чтобы узнать, как настроить версию с www. (Например, на некоторых веб-хостингах вам может потребоваться войти в панель управления вашего сайта и поставить где-нибудь флажок.)
- Вы допустили опечатку при вводе своего доменного имени в браузер. Прежде чем смеяться над этим, проверьте это. Ошибки при печати беспокоят всех нас, будь вы новичок или опытный веб-мастер.
Проверьте свои ссылки

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

Все ваши ссылки должны указывать на допустимые места назначения, за исключением ссылки на контактную форму. Последний будет, как и ожидалось, приведет к ошибке "404 File Not Found" (или другим словам), поскольку вы еще не создали его.
Проверьте свои изображения

Убедитесь, что изображения, которые вы разместили на своей странице, отображаются на вашем «живом» сайте. Им следует, если у вас есть следовал моей процедуре в главе 2, всегда копируя их в папку изображений, а затем используя Expression Web «Опубликовать все файлы... "выложить все в сеть.

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

После того, как вы исправили все нерешенные проблемы и все заработало, поздравляем! С вашим сайт в Интернете, теперь вы полноценный веб-мастер.

Следующая Глава

В следующей главе вы дополните свой сайт последним набором страниц: контактной формой и вспомогательными файлами.

Авторские права © 2016-2019 Christopher Heng. Все права защищены.
Получите больше бесплатных советов и подобных статей, по веб-дизайну, продвижению, доходам и написанию сценариев, с https://www.thesitewizard.com/.

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

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

Сводка

Если вы создали простую веб-страницу (см. Пример в разделе «Основы 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 для расширенного управления файлами.

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

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

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

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

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

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

Веб-хостинг - это арендованное файловое пространство на веб-сервере хостинговой компании. Вы размещаете файлы веб-сайта на веб-сервере. Веб-сервер предоставляет посетителям веб-сайта контент.
Доменное имя - это уникальный адрес, по которому люди находят ваш веб-сайт, например 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.

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