Как разместить на домене файл html
Обновлено: 05.07.2024
Эта статья о том, как создать веб-страницу и разместить ее на виртуальном хосте локального веб-сервера.
А, понадобится нам для этого, как показано на картинке: локальный веб-сервер, текстовый редактор, язык описания структуры веб-страниц HTML и язык стилей CSS.
Содержание
- Создание виртуального хоста на локальном веб-сервере
- Создание файла веб-страницы с проверкой работы локального веб-сервера
- Составление каркаса HTML-страницы
- Исходные файлы сайта
Создание виртуального хоста на локальном веб-сервере
Обычная веб-страница представляет собой текстовый файл в формате HTML поэтому ее также часто называют HTML-страницей. И прежде, чем к ней приступить, в первую очередь создадим виртуальный хост на установленном ранее локальном веб-сервере, где в дальнейшем, и будем тестировать наш будущий сайт.
Здесь, будет рассматриваться работа с локальным веб-сервером на примере сборки программ Denwer (Денвер). Но, это не принципиально, так как все это можно делать и на других аналогичных программных продуктах.
О том, какие существуют варианты веб-сервера, а также, для чего он нужен и как его установить на компьютер, ранее рассказывалось здесь.
После установки Денвера в директории "WebServers/home/" уже имеются сконфигурированные виртуальные хосты, такие как, "localhost", "test1.ru", "custom". Создадим для нашего сайта новый хост и назовем его, к примеру, "newsite.local", подразумевая под этим именем то, что это новый сайт и размещен он на локальном сервере (не стоит из-за возможной путаницы в дальнейшем, присваивать именам хоста реальные доменной зоны, такие как "ru", "com" и т.п.
В этой папке "newsite.local" создадим новую папку "www", в которой и будем размещать файлы сайта, а также, скопируем сюда же из существующих хостов, вспомогательные папки "subdomain" и "cgi".
После проделанных операций, необходимо перезапустить сервер для того, чтобы он внес в свою работу соответствующие изменения. Это можно сделать через ярлык "Restart Denwer", который может быть создан при установке Денвера, либо (если его не оказалось) через специальный файл Restart.exe в папке "denwer".
Создание файла веб-страницы с проверкой работы локального веб-сервера
Ну, а теперь перейдем к созданию веб-страницы. Для этого, в первую очередь, с помощью текстового редактора Notepad++ создадим файл "index.html", в котором будет находиться код нашей главной страницы. Как установить текстовый редактор можно посмотреть здесь.
Следует отметить, что при открытии сайта с адресом, в котором указано доменное имя, без каких-либо других директорий, браузеры всегда открывают файл, находящийся в корневом каталоге под именем "index". Поэтому, мы и начнем создавать страницы нашего сайта с этого файла. В данном случае он будет иметь расширение "html", так как его код будет основан на HTML.
Но, перед этим, для того, чтобы избежать в дальнейшем лишних недоразумений с отображением HTML-страниц, желательно, в самом начале проверить кодировку, которая установлена в редакторе Notepad++ при открытии новых документов.
Это можно сделать следующим образом: через меню "Опции" открыть окно "Настройки" и в параметрах "Новый документ" проверить, чтобы была установлена универсальная кодировка "UTF-8 без метки BOM", как показано ниже.
Теперь создадим новый файл через меню "Файл", нажав на кнопку "Новый". В открывшейся новой вкладке для проверки работы веб-сервера и правильности установок кодировки, напишем какую-нибудь фразу, к примеру, "Проверка" (такая проверка не является необходимой при создании HTML-страницы и приводится здесь только лишь для лучшего понимания выполняемых действий).
Теперь сохраним этот файл в папке "www" вновь созданного хоста "newsite.local". Для этого, через меню "Файл" выберем "Сохранить как", введем имя файла "index.html", укажем нужную папку и нажмем "Сохранить".
Далее, проверим, как отображается наша страница. Для этого, обновим браузер, введя в его адресное поле имя нашего хоста "newsite.local". Если все сделано правильно, на экране должна появиться надпись с какими-то иероглифами, как показано на скриншоте (еще раз отмечу, что такие подробности здесь рассматриваются только для тех, кто это делает в первый раз, чтобы наглядно показать, что обычно получается при неправильном соответствии кодировок. А вообще, эту проверку можно пропустить и сразу перейти к следующему шагу).
Такие непонятные знаки появились из-за несоответствия кодировок браузера и отображаемой страницы. Для того, чтобы впредь такого не происходило, необходимо в дополнительном конфигурационном файле ".htaccess" веб-сервера указать нужную кодировку.
В этом случае, браузеры при открытии страниц нашего сайта всегда будут использовать правильную кодировку и, соответственно, корректно их отображать.
Для того, чтобы это сделать, надо аналогичным образом, как и с "index.html", в редакторе Notepad++ создать новый файл и сохранить его в той же папке под именем ".htaccess". При этом в самом файле необходимо написать следующую строку "AddDefaultCharset UTF-8", как показано на скриншоте.
Ну, а теперь, если снова обновить браузер с адресом нашего хоста "newsite.local", то можно убедиться в появлении на странице того текста, который изначально был написан нами в файле "index.html".
Это означает, что наша страница, размещенная на созданном хосте веб-сервера при открытии браузером отображается корректно, что подтверждает правильную работу веб-сервера и правильную установку кодировок.
В случае, если этого не получилось, то прежде, чем переходить к следующим шагам, нужно вернуться назад и устранить возникшую проблему.
Составление каркаса HTML-страницы
После того, как мы убедились в работоспособности локального веб-сервера и в правильном отображении нашей веб-страницы, перейдем к наполнению ее кодом HTML.
Но, для того, чтобы заниматься написанием HTML-страниц, необходимо с начала познакомиться с основами языка описания структуры веб-страниц HTML.
Существует большое количество различных справочников, видеокурсов и других учебных материалов, которые помогают в освоении языка HTML. Здесь, на сайте, тоже имеется ряд видеокурсов, посвященных этой теме, как в платных, так и в бесплатных вариантах. Например, можно воспользоваться бесплатным видеокурсом HTML базовый курс, в котором очень подробно рассмотрены все основные теги и атрибуты HTML.
Несомненно, видеокурсы, которые наглядно показывают и разъясняют обучающий материал, очень полезны для общего ознакомления и понимания предмета обучения. Но, все же, они не всегда удобны для использования в качестве справочного источника информации, когда периодически нужно что-то уточнять по ходу работы.
Это в полной мере относится к написанию HTML-страниц, ведь не будешь по каждому, а тем более не значительному вопросу, прокручивать видеозапись в поисках нужной информации.
Поэтому, при создании веб-страниц удобно пользоваться справочниками. Какими? Очень сложно однозначно ответить на этот вопрос. Наверное, у каждого имеются свои предпочтения, тем более, что в сети интернет их имеется большое множество.
Также, можно отметить справочный интернет-ресурс WebReference, в котором имеется довольно полная информация по современным версиям HTML5 и CSS3, куда также включены учебные курсы по веб-технологиям.
В общем, каждый для себя обязательно подберет, из всего многообразия справочных материалов, наиболее удобные и подходящие для себя справочники по этим вопросам.
А теперь, перейдем к составлению каркаса HTML-страницы, т.е. к формированию ее основных блоков. Ниже, показано, как будет выглядеть наш каркас, построенный на основе дизайн-макета сайта, созданного ранее в статье Создаем дизайн-макет веб-страницы.
<meta charset = "utf-8" />
<title> Заголовок страницы </title>
<meta name = "Description" content = "Краткое описание содержания страницы" >
<header> Шапка </header>
<section> Ротатор </section>
<main> Основное содержание </main>
<aside"> Сайдбар </aside>
<footer> Подвал </footer>
Для того, чтобы записать HTML-код каркаса в файл "index.html", его нужно открыть в текстовом редакторе Notepad++ и набрать код, пользуясь приведенным примером, либо его туда скопировать.
Кроме того, в конце каждой статьи, начиная с этой, будет прилагаться архив исходных файлов папки "www", создаваемого сайта на текущее состояние. Поэтому, можно просто воспользоваться этими дополнительными материалами и скачать файл "index.html" по ссылке, приведенной в конце этой статьи.
Вот так должен выглядеть HTML-код файла "index.html" в текстовом редакторе Notepad++, составленный в соответствии с приведенным примером.
Рассмотрим, более подробно то, что изображено на рисунке.
Первая строка является очень важной, так как указывает браузеру тип документа, для того, чтобы он мог правильно ее понимать. Необходимость этой записи обусловлено тем, что HTML существует в нескольких версиях, которые различаются не только наличием, или отсутствием каких-либо элементов, но и синтаксисом языка.
Поэтому, если не будет такого указания, то браузер, попросту "запутается" при обработке страницы. В данной строке, в частности указано, что документ создан на языке html версии 5.
Более подробно об элементе <!DOCTYPE> можно посмотреть в справочнике htmlbook.ru по ссылке "http://htmlbook.ru/html/!doctype" .
Далее, идут элементы, называемые "тегами" - символы, заключенные в угловые скобки. Эти элементы, в своем роде являются конструкцией языка, указывающей браузеру, что нужно делать, и по существу, являются основой языка HTML.
Теги бывают форматирующие и специальные. Форматирующие теги отвечают за создание элементов видимой части страниц, таких как абзацы, заголовки, ссылки, картинки и т.д.
Кроме того, теги подразделяются на одинарные и парные. Парные теги всегда состоят из двух частей, в первой части они открываются, во второй, обозначенной символом слэш "/", закрываются (открывающийся и закрывающийся теги). То, что находиться между ними и будет обрабатываться в соответствии с правилами использования этого элемента.
Таким образом, во 2-ой и 17-ой строках указан тег "html", который, по существу представляет контейнер со всем содержимым страницы. Этот тег всегда указывается в таком порядке, что любой HTML-код должен быть внутри этого контейнера.
Следующая часть каркаса представляет собой область "head", в который размещаются все специальные теги. Эта область охватывает строки с 3 по 7. Содержащаяся в этой области информация является вспомогательной, и не отображается браузером, за исключением заголовка "title", который показывается на вкладке браузера.
В качестве таких специальных тегов в строке 4 размещен метатег с атрибутом "charset", указывающий на кодировку "utf-8", в строке 5 - тег "title", определяющий заголовок документа, а в 6-ой строке - метатег с атрибутами "name" и "content", предназначенный для краткого описания содержания страницы.
В дальнейшем, по мере выполнения верстки, область "head" будет дополнена и другими специальными элементами.
Следующая область "body", охватывающая строки с 8 по 16, предназначена для размещения форматирующих элементов, отвечающих за создание видимой части веб-страниц.
В соответствии с дизайн-макетом, в нашем случае, область "body" состоит из пяти основных блоков: "Шапка", "Ротатор", "Основное содержание", "Сайдбар" и "Подвал", где:
- в 10-ой строке содержится блок "Шапка" (элемент "header");
- в 11-ой строке - блок "Ротатор" (эл-т "section");
- в 12-ой строке - блок "Основное содержание" (эл-т "main");
- в 13-ой строке - блок "Сайдбар" (эл-т "aside");
- в 14-ой строке - блок "Подвал" (эл-т "footer");
При этом, размещенные здесь блоки показаны в очень укрупненном виде. Например, "header" и "footer" будут включать в себя также (в соответствии с дизан-макетом) навигационное меню, а "main", в свою очередь, будет разбиваться на блоки, содержащие статьи и комментарии. И такое деление на более мелкие блоки будет продолжаться до тех пор, пока полностью не будет выполнена вся разметка HTML-страницы.
Что касается парного тега <div>, находящегося в 9 и 15 строках, то он здесь выполняет функцию блока "обвертки" для задания минимальной и максимальной ширины страницы в заданных пределах резиновой верстки. Этому тегу присвоен атрибут класса "wrapper" для возможности в дальнейшем назначать ему соответствующие стили CSS.
Следует обратить внимание на то, что раньше, до появления 5-ой версии HTML, для создания каркаса обычно использовались блочные элементы "div". Можно и сейчас использовать их для этих целей, в таком виде сайты по-прежнему смогут нормально работать.
Но следует учесть, что с целью придания элементам языка смыслового значения HTML5 дополнен новыми тегами, такими, как "header", "section", "footer" и др. И, следовательно, использования этих новых элементов, будет давать некоторые преимущества по сравнению со старыми версиями языка, так как позволяет лучше понимать структуру веб-страниц. (Более подробно об особенностях семантической верстки можно посмотреть в статье Определяем способ верстки).
Поэтому, сейчас, когда HTML5 полноправно занял основное место при разработке сайтов, постараемся с самого начала шагать в ногу со временем, и по возможности, использовать новые элементы этого языка.
Если сейчас в браузере открыть созданную страницу, то можно увидеть только слова, которые содержатся в тегах, размещенных в контейнере "body". Текст же, находящийся в области "head", как было отмечено выше, отображаться не будет. Исключением является заголовок "title" (в нашем случае "Заголовок страницы"), который будет виден на вкладке браузера.
На этом, мы завершим этот этап создания сайта, и в следующей статье сделаем разметку веб-страницы в соответствии с созданным ранее дизайн-макетом.
Исходные файлы сайта
Исходные файлы сайта с обновлениями, которые были сделаны в данной статье, можно скачать из прилагаемых дополнительных материалов .
Для скачивания исходных файлов необходимо авторизоваться под своим аккаунтом через соответствующую форму.
От автора: приветствую вас, дорогой читатель. Сегодня я вам расскажу о нескольких способах, как загрузить файл на сайт. Или даже несколько файлов. В общем, если на сервере хозяин вы, то никаких проблем с этим не возникнет.
Загружаем на обычный платный хостинг
Итак, прежде всего вам необходим доступ к серверу. Например, к панели управления. На простом shared-хостинге ее обычно именуют cPanel. Если такой доступ у вас есть, то отлично! В такой панели вы найдете что-то вроде “Диспетчер файлов”.
Здесь необходимо найти путь к нужному вам сайту, если у вас их несколько. Корневой папкой проекта иногда называется public_html (если это первый домен, который вы поставили), либо это будет папка с доменным именем сайта, если вы добавили домен позднее.
Теперь вам нужно перейти в эту корневую папку. Если у вас движок WordPress, то вы увидите в ней директории wp-admin, wp-content, wp-includes. Если видите, это говорит о том, что вы зашли в правильное место – это и есть корневой каталог.
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Рис. 1. Третья, четвертая и пятая папка являются отличительными признаками движка wordpress, а еще того, что вы находитесь в корневой директории.
Именно в нее обычно загружают какие-то файлы. Несомненно, где-нибудь вверху вы увидите кнопки, которые позволяют удалять, скачивать и закачивать. Вам нужна именно последняя. Кстати, на сервер можно без проблем загрузить архив, распаковать его там, после чего удалить. Это удобно, когда нужно закачать сразу много всего. Например, полноценный движок или список документов.
Добавить файлы можно и по-другому. А именно, через FTP доступ. После покупки услуг у хостера он обязательно сообщит вам данные для входа по ftp. Чтобы соединиться таким образом с сайтом, вам необходима программа ftp-клиент. Из бесплатных рекомендую Filezilla. Как-то мне приходилось пользоваться и платной SmartFTP, но там уже навороты, не нужные рядовому пользователю.
Итак, вам нужно будет скачать Filezilla. В программе вверху вы можете увидеть 4 поля, которые необходимо заполнить для соединения. Это хост, логин, пароль и порт. Хост – это ip-адрес или доменное имя вашего сайта. Поскольку IP вы можете просто не знать, я рекомендую ввести доменное имя с //.
Логин и пароль вам нужно ввести те, что предоставил вам провайдер. Ну а стандартный порт для ftp – 21. Просто запомните это. Если все введено правильно, файловая структура вашего сервера станет доступна в правом окне. В левом будет то, что есть на вашем компьютере. Таким образом, закачивать можно с помощью перетаскивания в правое окно.
При подтверждении прав на сайт в инструментах веб-мастера от вас могут потребовать как раз загрузить html файл на сайт. Таким образом, происходит проверка, являетесь ли вы хозяином ресурса. Что ж, теперь вы знаете, как это сделать. Чтобы у вас не возникло вопросов, загружать надо в ту же самую корневую папку.
Кстати, я заметил, что Google и Mail иногда проверяют наличие подтверждающей странички и если вы ее удалили, то могут вновь попросить вас подтвердить права.
Как залить файл на VDS?
Если у вас vds, то там процесс загрузки немного отличается. В этом случае я вижу 2 разумных варианта:
Через панель управления
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Первый способ. На виртуальном сервере у вас тоже может быть панель управления, а может и не быть. Обычно ее добавления можно заказать отдельно, либо при выборе операцинной системы сервера выбрать вариант с встроенной панелью. На моем хостере это ISP Manager – очень удобная панель. У некоторых провайдеров вы можете подключить ее бесплатно, у других – платно.
Так вот, в этой isp panel есть пункт “Система”, а в нем “Менеджер файлов”. Здесь вас нужно среди многообразия папок найти папку с сайтами. Если у вас возникают какие-то проблемы, лучше спросить у тех. поддержки, потому что у каждого хостера путь может быть разным.
Соответственно, здесь почти все также, как и в Диспетчере файлов на cPanel, абсолютно такие же кнопки и возможности.
Второй способ. Опять вам понадобится программа для работы с ftp, только на этот раз нам нужен способ соединения Secure Shell (тот самый SSH). Чтобы соединиться таким образом, просто поменяйте номер порта на 22. Обо всем остальных полях для ввода я уже писал ранее.
Как загрузить на сайт файл для его скачивания
Хотите закачать файл к себе и дать возможность людям его скачать? Нет ничего проще. Что вам для этого нужно проделать? Во-первых, я советую для этого в корневой директории создать новую папку, специально для файлов. Можно назвать ее files, archive, filestorage. Ну это не важно, название может быть любым, просто я предлагаю такие, чтобы было сразу понятно, что в папке находиться.
Итак, заходим в эту пустую папочку и грузим сюда нужный документ. Теперь на странице сайта, где вы хотите дать возможность скачать его, нужно просто сделать на него ссылку. Кодом это делается так:
В этом разделе описана загрузка через FTP, файловый менеджер DirectAdmin и SSH. Вы можете загрузить, используя любой из этих методов.
Структура каталогов
В корне вашей учетной записи существуют эти каталоги:
- /backups
- /domains
- /imap
- /Maildir
- /public_html
Каталог /backups содержит все резервные копии, созданные с помощью панели управления. У вас не будет каталога /backups, пока вы не создадите резервную копию в панели управления.
Домашний (index.html) файл
При загрузке основного файла веб-сайта для каждого каталога не забудьте назвать его index.html. Опытные пользователи могут использовать файлы PHP, shtml и т. Д. Если ваш веб-сайт не основан на html, убедитесь, что ваши основные файлы переименованы в index.extension (например, index.php, index.shtml).
Загрузка с FTP
Шаг 1 : Загрузите FTP-клиент.
Загрузка на сервер через FTP требует специального программного обеспечения. Большинство компьютерных систем не поставляются с FTP-клиентами, поэтому вам придется загрузить их из Интернета. Мы настоятельно рекомендуем FileZilla.
Шаг 2 : Подключитесь к серверу.
Если вы используете FileZilla, информация должна выглядеть следующим образом:
Всем FTP-клиентам нужна следующая информация:
Шаг 3 : Откройте каталог public_html и загрузите ваши файлы.
После подключения вы можете увидеть свои папки в правой панели. Вы можете нажать на нужную папку, чтобы увидеть ее содержимое. Если у вас есть несколько доменов, размещенных в вашей учетной записи, вы должны сначала войти в каталог /domains, затем домен, который вы хотите отредактировать, затем в каталог public_html.
Для загрузки выделите файлы/папки на вашем компьютере и перетащите их в соответствующий каталог на удаленном сервере. Каждый клиент FTP работает по-своему, поэтому, пожалуйста, обратитесь к его файлу справки для получения полных инструкций.
Загрузка с помощью менеджера файлов DirectAdmin
Загрузка файлов с помощью диспетчера файлов DirectAdmin действительно проста и полезна. Вы также можете изменить права доступа к файлу или даже редактировать файлы из прямой панели управления администратора. Вы можете найти все эти функции с подробным руководством по использованию здесь.
Загрузка через SSH
С помощью SSH вы можете войти на сервер и загружать файлы напрямую с других серверов.
- Примечание : Некоторые хостинги могут отключить функцию SSH в целях безопасности.
- Примечание : SSH не должен использоваться теми, кто не знаком со средой Unix.
Подключитесь к серверу с помощью терминала, используя OpenSSH
Просто откройте терминал (только для Linux/MacOS) и напишите свое имя пользователя и имя сервера. Пример:
Вам будет предложено ввести пароль. Сделайте это и нажмите Enter
Подключитесь к серверу с помощью PuTTy
Введите ваше имя хоста и порт (по умолчанию 22)
Нажмите «Открыть». Вы продолжите к терминалу, введите свое имя пользователя и пароль. После подключения шаги ниже будут такими же, как для OpenSSH и PuTTy.
Перейдите в каталог, куда вы хотите, чтобы ваши файлы были загружены
После подключения вы появитесь в вашем домашнем каталоге. Однако вы можете захотеть получить доступ к вашему каталогу public_html, вы можете сделать это с помощью команды cd . Пример:
Поскольку ssh регистрирует вас в вашем домашнем каталоге, введя полный путь, вы всегда получите доступ к нужной папке.
Скачивание файлов.
Теперь вы можете скачивать файлы с помощью команды wget . Просто введите:
Вы также можете скачать с FTP-сервера с помощью wget. Для этого просто введите:
wget имеет гораздо больше возможностей, чтобы узнать о них все, вы можете получить больше информации здесь.
Использование rsync для синхронизации файлов
Предупреждение : использование rsync может привести к удалению файла, поэтому убедитесь, что вы делаете, прежде чем использовать rsync.
Привет читателям блога. Если вы начинающий вебмастер, прочитайте эту статью. Вам пригодится информация о подтверждении права на сайт, верификации, сведения, где корневая папка.
Подтверждение права на сайт в происходит в специальных сервисах Яндекс.Вебмастер и Гугл. Вебмастер. Проведение этой процедуры не влияет на показатели веб-ресурса и эффективность в результатах поиска (об этом пишет сам Гугл).
Верификация значительно расширяет ваши возможности как владельца веб-ресурса.
Подтверждение права на сайт WordPress
Зачем вообще это нужно? Пройдите эту процедуру, и вы получите доступ к подробным статистическим данным о нем, расширите возможности для индексирования и ранжирования своего ресурса.
Вы будете знать о количестве ваших страниц в поисковой базе, обо всех ошибках, собранных поисковыми роботами при индексировании страниц. Сможете вовремя устранить эти ошибки.
Верификацию нужно пройти для каждого домена или поддомена по отдельности.
Также иногда какие-то другие сервисы или каталоги могут потребовать от вас подтверждения права на сайт, например:
- сервис Адсенс требует этого от участников своей партнерской программы, чтобы подтвердить владение веб-сайтом;
- биржа статей Миралинкс просит пройти подобную процедуру, чтобы вебмастер мог зарабатывать на размещении статей;
- cpa агрегатор Admitad просит загрузить специальный текстовый файл в корень сайта. Тогда вебмастер сможет размещать партнерские ссылки на его страницах.
Итак, чтобы подтвердить право на сайт, сервис просит разместить в корневом каталоге специальный файл.
Размещение HTML-файла; TXT-файла; мета-тега на главной странице;добавление TXT-записи в DNS.
У начинающих сайтостроителей буквально глаза разбегаются. Они не знают еще, что такое корневой каталог, где искать корневую папку, что такое мета-теги и главная страница, не говоря уже про DNS.
А подтвердить право на сайт надо!
Давайте разберемся и выберем для новичков наименее сложный вариант – загрузить HTML-файл в корневую папку. Теперь возникает второй вопрос, где ее искать?
Где корневая папка сайта
В сети довольно много разнообразной информации на эту тему, но вся она какая-то заумная. Я расскажу вам все доступными простыми словами.
Для загрузки специального файла в корневую папку есть два варианта.
ИСПОЛЬЗОВАТЬ ПРОГРАММУ FileZilla для доступа к корневой папке сайта.
Данные для подключения по протоколу FTP обычно сообщает хостинг провайдер. Вспомните, когда вы купили хостинг, пришло письмо с логином и паролем. Вот эти-то данные и надо брать.
А нужная вам корневая папка, в которой находится ваш файл Index.php, а также остальные папки и файлы движка – это PUBLIC_HTML (для хостинга SPRINTHOST).
Как загрузить файл на сайт
Увы, не каждый начинающий блоггер умеет работать с FTP клиентом. Как работать с программой FileZilla читайте в этой статье.
Выберем более простой путь, войдем через АДМИНПАНЕЛЬ хостинга.
Найдите письмо, которое прислал вам хостер, когда вы покупали хостинг.
Нажмите на ссылку, в форме входа введите логин и пароль, войдите в ПАНЕЛЬ УПРАВЛЕНИЯ — ФАЙЛОВЫЙ МЕНЕДЖЕР. Найдите название домена, нажмите на него, откроется public_html. В нее и загрузите.
Определенную трудность вызывает операция сохранения файла:
В Блокноте создайте текстовый документ, скопируйте в него код, предложенный Яндексом.
Для сохранения выберите СОХРАНИТЬ КАК и назовите файл именем, также предложенным Яндексом. Смотрите пример.
Именно в таком виде загружайте файл в корневую папку сайта WordPress .
Ваш ресурс будет добавлен в очередь для подтверждения.
Заключение
Еще одна ступень при создании блога успешно пройдена. Напишите, помогла ли вам эта статья. Вы нашли свою корневую папку и подтвердили право на сайт?
Следующий этап — создание карты сайта для людей, для роботов, добавление файлов sitemap в панели вебмастера гугла и яндекса.
Читайте также: