Как разместить сайт на бесплатном хостинге ucoz

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

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

И как я ожидал всё получилось, найдя адрес файла который открывает главную страницу моего сайта, я запустил его и мой сайт, или наверное здесь подойдёт слово моя страница открылась. Ниже я покажу как это сделал.

Первым делом давай заглянем в папку с сайтом который лежит у вас на компьютере, в моём случае в папке с сайтом лежит две папки и один файл на страницу под название index

Следующие что я сделаю, это зайду на сайт ucoz в панель управления и открою файловый менеджер. Как работать с файловом менеджером и заливать в него файлы можете изучить вот в этом уроке «как загрузить файл на сайт». Там вы найдёте ответ на вопрос как заливать много файлов и папок на сайт.

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

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

С папкой images оказалось всё гораздо сложнее, в ней у меня на компьютере было 18 картинок, пришлось делать несколько подходов. В системе ucoz можно за один раз, заливать 10 файлов. На картинке ниже под стрелочкой 1 вы найдёте эту заветную кнопку.

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

Всё, осталось залить последний файл в корень вашего сайта и запустить его. Для этого выйдите в главный раздел файлового менеджера и в этот раздел залейте последний файл который называется index.html. К стати у вас он может называться по другому к примеру start.html.

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

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

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

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

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

  1. Благодарность бывает разная, поддержка проекта в денежном выражении.
  2. Поделится ссылкой, на пример на своём сайте или в соц сетях.
  3. Оставить комментарий на сайте.

Есть много разных вариантов как отблагодарить Автора.

По материалам nischenko.ru

  • Программа FTP-клиент или файловый менеджер с поддержкой работы по FTP-протоколу. Любой современный web-браузер.

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

Прежде чем предоставить владельцу сайта в распоряжение инструмент «карта», Яндекс просит зарегистрироваться. Процесс несложный и занимает не больше пары минут. После этого под своим логином и паролем нужно зайти в раздел «Maps» (http://api.yandex.ru/maps/). Открывшаяся страничка будет называться «API Яндекс.Карт».

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

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

Указав параметры, характеризующие выделенный дом как необходимый клиенту адрес, и нажав «ОК», можно выбрать масштаб карты и ее тип (статичная или интерактивная). Кроме прочего, интерфейс позволяет добавить на ту же карту другие объекты, обозначить схему проезда и т.п. В итоге, Яндекс выдает новый html-код, при вставке которого на сайт появляется только что созданная карта.

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

По материалам www.kakprosto.ru