Как создать сайт на джино пошаговая инструкция

Развернуть и настроить любой сайт на PHP через контрольную панель (opens new window) Джино легко. Для этого не обязательно обладать навыками программиста, так как она оснащена всеми необходимыми инструментами. В этой инструкции мы расскажем, как быстро подключить к хостингу свой домен, выбрать PHP-интерпретатор, с помощью файлового менеджера загрузить на хостинг архив с сайтом, импортировать и настроить подключение к базе данных. В качестве примера будем использовать сайт на Drupal. Вы можете либо прочитать данную текстовую инструкцию, либо посмотреть ролик выше.

# Шаг 1 — создадим новый хостинг-контейнер

Хостинг-контейнер — это изолированный аккаунт виртуального хостинга с собственными настройками. Создать хостинг-контейнер можно двумя способами: со стартовой страницы или в разделе Джино.Хостинга. Здесь вы можете создать новый хостинг-контейнер либо использовать уже имеющийся, он будет отображаться в этом же разделе. Давайте создадим новый хостинг-контейнер в деморежиме и откроем его. Здесь мы увидим раздел «Сводка».

# Шаг 2 — выберем доменное имя

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

# Шаг 3 — определим интерпретатор для домена

На Джино можно выбрать интерпретатор отдельно для каждого сайта. Это удобно, если вы используете разные версии PHP для разных веб-проектов. Мы позаботились о том, чтобы вам были доступны все актуальные PHP-интерпретаторы. После привязки домена либо использования технического адреса в разделе «Сводка» выберите интерпретатор для нужного домена. Мы рекомендуем всегда обновлять ваши скрипты для совместимости с последней версией PHP. Это позволит вам обеспечить высокий уровень безопасности и быструю работу сайта. Подробнее о том, зачем обновлять версии PHP, читайте в Джино.Журнале (opens new window).

# Шаг 4 — загрузим файлы на хостинг

В списке доменов в разделе «Сводка» есть название директории, в которую направлен домен. Запомните это название. Обычно оно совпадает с доменным именем. Чтобы загрузить файлы на хостинг, перейдите в файловый менеджер. Откройте папку domains и найдите в ней папку с вашим доменом. Загрузите сюда архив с сайтом и дамп базы данных. Распакуйте архив. Затем удалите его, чтобы он не занимал место. Снимите галочку в появившемся окне, чтобы архив не попал в корзину. Он вам больше не понадобится. Содержимое корзины также занимает место на хостинге, поэтому её нужно своевременно очищать.

Резервные копии (opens new window) хостинг-контейнеров создаются автоматически с периодичностью 1 раз в 2-11 дней и хранятся 20 дней. Создать бэкап вручную в любой момент можно в разделе УправлениеРезервные копии.

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

# Шаг 5 — загрузим дамп базы данных

Файлы загружены, теперь нам нужно импортировать базу данных. Перейдите в раздел УправлениеУправление MySQL. Наведите курсор на нужную базу данных. В правом углу строки вы увидите значок функции импорта, нажмите на него. Выберите ваш файл в директории на хостинге. Нажмите кнопку «Загрузить». Вверху страницы должно появиться уведомление о том, что загрузка SQL-дампа завершена.

# Шаг 6 — настроим подключение к базе данных

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

В конфигурационном файле подключения базы данных в качестве хоста должен быть указан localhost. Также вам потребуется изменить имя пользователя и название базы данных. Если вы помните пароль от базы данных, используйте его. Если пароль не помните, его можно сменить. Найти нужные данные можно в разделе УправлениеТехническая информация, в пункте «Настройки MySQL». Далее сохраните изменения в конфигурационном файле.

# Шаг 7 — завершим процесс переноса сайта

Нам осталось только проверить работу сайта. Перейдите по вашему домену или техническому адресу. Если всё было сделано правильно, у вас откроется ваш сайт.

Лендинг — один из самых важных элементов в инструментарии онлайн-маркетинга. Ему следует уделять такое же внимание, как и любому другому звену вашей презентации в сети. Ведь иногда всё, что нужно для результата, — одна такая страница с высокой конверсией. И этому есть доказательства. На одной странице для Moz c заманчивым призывом к действию и несколькими электронными адресами заработали $1 000 000. Даже если вы не генерируете такую сумму дохода, такой сайт может стать основой успешного бизнеса. Основания полагать, что без лендинга сейчас не обойтись, изложены в cтатье, опубликованной ранее. Но, конечно, встает вопрос о том, как же сделать его эффективным? В этом руководстве мы хотим показать то, что отличает действительно хороший одностраничник, и выделить общие для успешных лендингов элементы на примере использования сервиса «Джино.Лендинг».

Рецепт «аппетитного лендинга»

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

Итак, работающий на вас лендинг:

1. Сфокусирован на одном предложении. На арене единственное конкретное предложение, и абсолютно всё на странице посвящено ему.
2. Обращается к эмоциям. Согласно исследованиям, впечатление формируется в течение 1,5-2 секунд. Это значит, что уже на этапе заголовка посетитель может либо пойти дальше, либо покинуть вашу страницу.
3. Обозначает срочность, когда это оправдано. Заявления об ограниченном запасе книги имеют привкус откровенной манипуляции.
4. Общается простым, ясным и недвусмысленным образом. Клиент не думает лишний раз о том, что вы хотели сказать.
5. Демонстрирует продуманный графический дизайн. Изображения, видео и даже цвета могут привлечь и убедить больше 40% посетителей, поскольку именно такое количество людей лучше реагирует на визуальную информацию, чем на текст.
6. Сосредоточен на преимуществах для посетителей. Они хотят услышать о том, чем вы можете помочь.
7. Предоставляет элементы доверия. Доверие к компании не зарождается на пустом месте, а тщательно выстраивается.
8. Призывает выполнить действие, но делает это ненавязчиво. Форма и/или кнопка — заметная, но не кричащая деталь на странице.
9. Ориентирован на всех. Мобильный пользователь не обескуражен тем, что кнопка перекрывает цену.

Как вы видите, никаких суперсекретных ингредиентов здесь нет. Теперь можно приступить и к готовке.

Делаем лендинг на совесть

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

За основу нашей задачи возьмем общеизвестную маркетинговую формулу AIDA (Attention, Interest, Desire, Action — внимание, интерес, желание, действие). Но позволим ей не вести нас, а лишь наложим поверх наших шагов по пунктам.

В первую очередь захватываем внимание через заголовок. Он должен притянуть, как магнит. Делаем его смелым, интригующим, четким и полезным по методу 4U. Предложил его Дэвид Огилви более 60-ти лет назад, но метод по-прежнему актуален:

• Будьте полезны (Useful) для читателя. Обрисуйте выгоду — то, для чего вы, собственно, нужны.
• Отметьте срочность (Urgency). Докажите, что цените время клиента, внимательны к срокам.
• Передайте идею о том, что основное преимущество чем-то уникально (Unique). Обозначьте, что такое предложение есть только у вас.
• Сделайте всё вышеперечисленное специфичным (Ultra-specific) способом. Апеллируйте к клиенту, используйте цифры.

Шаг 1. Работаем в «Расширенном режиме». Создаем первый экран.

Картинка с сайта: o.jino.ru

Шаг 2. Размещаем заголовок и оформляем его. Чтобы настроить стиль, положение содержимого и его фон сверху выбираем «Редактировать блок».

Картинка с сайта: o.jino.ru

В заголовке охвачены: польза — говорите по-испански без стеснений, срочность — уже через 10 занятий, уникальность — это авторская методика, специфика — стопроцентное погружение в культуру

Надо сказать, что это не единственный вариант написания заголовка. Существует огромное количество кратких (и не очень) формул, которыми можно воспользоваться. И все они в той или иной степени конструируются из составляющих 4U. В качестве примера:

1. (Прилагательное + Продукт / Услуга) для (описание целевой аудитории): «Аутентичный ресторан для ценителей индийской кухни».
2. (Обещание результата) за (срок), (дополнительная выгода): «Смастерим детскую кроватку за 3 дня», «Вышьем имя вашего ребенка на подушке бесплатно».
3. (Ваше название) — это (категория), который (делает что-то лучше других): «„Самолет“ — это служба доставки, которая привозит продукты по самым низким ценам в городе».

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

Никогда не недооценивайте важность подзаголовка. Он даст людям повод прочитать всё, что вы предлагаете, а не только пробежаться по странице глазами. Поскольку подзаголовок поддерживает сказанное выше, здесь вы можете использовать те положения 4U, что не уместились в заголовок. Размещать это еще ниже не имеет никакого смысла.

Подсказка: попробуйте включить в текст ключевые слова для Google и Яндекса.

Шаг 3. Размещаем подзаголовок и работаем с ним при помощи тех же инструментов.

Картинка с сайта: o.jino.ru

Подзаголовок раскрывает детали, а ключевые слова (курсы испанского языка, с нуля, в кратчайшие сроки) работают на поиск

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

Видео на странице обладает особенными преимуществами:

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

Совет: не используйте видео длиннее 5 минут, к этому времени внимание рассеивается.

Шаг 4. В этой же секции работаем с изображением.

Картинка с сайта: o.jino.ru

Рассматривая живое фото занятия, зритель уже представляет себя в этой комнате

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

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

Шаг 5. Создаем новую секцию.

Картинка с сайта: o.jino.ru

Шаг 6. В меню справа в разделе «Списки» выбираем виджет и дублируем его. Меняем иконки.

Картинка с сайта: o.jino.ru

Задаем вопрос от имени клиента, чтобы зародить любопытство

Шаг 7. В разделе «Видео» выбираем виджет с роликом и редактируем ссылку.

Картинка с сайта: o.jino.ru

Акцент на динамичное видео, раскрывающее плюсы

Шаг 8. Создаем новую секцию, меняем фон.

Картинка с сайта: o.jino.ru

Шаг 9. В разделе «Продукты/Портфолио» находим виджет. Изменяем картинки и оформляем текст.

Картинка с сайта: o.jino.ru

Содержание адресовано потенциальному клиенту

Шаг 10. В разделе «Как это работает» находим виджет. Оформляем текст.

Картинка с сайта: o.jino.ru

Логическое продолжение описания курсов — пошаговая инструкция

Шаг 11. Находим виджет в разделе «Кнопки». Меняем фон кнопки и пока не добавляем никаких ссылок. Займемся этим на шаге 20.

Картинка с сайта: o.jino.ru

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

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

Шаг 12. Приступаем к созданию новой секции.

Картинка с сайта: o.jino.ru

Шаг 13. Меняем изображение.

Картинка с сайта: o.jino.ru

В изображении сосредоточены положительные эмоции

Шаг 14. Находим виджет в разделе «Списки». Оформляем текст и меняем иконки.

Картинка с сайта: o.jino.ru

Еще больше позитива в описании преимуществ

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

На заметку: не оставляйте просто список ваших кейсов или компаний, с которыми работали. Выделите то, что было сделано. Также не забывайте, что ссылки должны быть рабочими.

Шаг 15. В разделе «Достижения» выбираем виджет. Оформляем текст.

Картинка с сайта: o.jino.ru

Приведенные факты помогут посетителю составить мнение

Шаг 16. Создаем еще секцию, меняем фон.

Картинка с сайта: o.jino.ru

Шаг 17. В разделе «Цитаты» выбираем виджет. Изменяем картинки и оформляем текст.

Картинка с сайта: o.jino.ru

В отзывах отражен личный опыт без фальши

Шаг 18. В разделе «Кнопки» выбираем виджет. Добавляем ссылку.

Картинка с сайта: o.jino.ru

Мгновенная обратная связь — всё как на ладони

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

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

Шаг 19. Создаем еще секцию, меняем фон.

Картинка с сайта: o.jino.ru

Шаг 20. Выбираем виджет в разделе «Кнопки». Оформляем текст и ставим ссылку, которая будет вести нас с кнопки в шаге 11 на этот блок. Добавляем ссылку на кнопку.

Картинка с сайта: o.jino.ru

Понятные слова, рассеивающие раздумья посетителя, завершаются действием

Наконец, можно сделать кликабельный номер телефона, чтобы посетители звонили к вам прямо с сайта или связывались по Skype. Аккуратный список ссылок на соцсети и контакты не будет лишними.

Шаг 21. Возвращаемся наверх, создаем еще одну секцию и меняем ее фон.

Картинка с сайта: o.jino.ru

Шаг 22. Оформляем текст. Выделяем номер телефона, нажимаем на «Редактировать ссылку» и делаем его кликабельным. Нажимаем на «Иконку» в панели инструментов слева и выбираем нужную.

Картинка с сайта: o.jino.ru

Шаг 23. Опускаемся вниз и добавляем последний экран.

Картинка с сайта: o.jino.ru

Шаг 24. В разделе «Карта» выбираем виджет. Добавляем свою карту и оставляем контакты. Если вас устраивают соцсети в виджете, то добавьте на них ссылки. Если вы хотите что-то изменить, работайте с кодом, нажав на кнопку «</>».

Картинка с сайта: o.jino.ru

Всё, что может понадобится для связи, собрано в одном месте

Готово! На странице не было использовано всё подряд. Но в результате можно видеть минималистичный и продуманный дизайн, точное преследование целей в текстах и в целом хороший лендинг.

Секреты оформления

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

Обратите внимание на цвет фона: при использовании сплошного фона убедитесь, что он не будет мешать тексту. И если это глубокий цвет, удостоверьтесь, что текст хорошо контрастирует.

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

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

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

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

Dreamweaver — это наш основной инструмент для создания сайтов. Раньше писали сайты вручную, прописывая код HTML, который используется для показа сайта в Интернете, в блокнотах. Теперь для этой цели используются различные программы, например, программа Dreamweaver.

Откроем, к примеру, страницу http://frend.pro444.ru, и кликнем правой клавишей мыши по свободному от картинок месту страницы. В открывшемся списке выберем команду Просмотр кода страницы.

То, что перед Вами откроется — и есть код HTML, который раньше надо было полностью прописывать самому.

Сейчас Вы от этой необходимости избавлены, потому что у Вас есть программа Dreamweaver, которую Вы будете использовать. Ну а если нет этой программы, на помощь придет бесплатный, но очень удобный и многофункциональный ShairPoint Designer.

Хочу обратить Ваше внимание на следующее: Dreamweaver и ShairPoint Designer — это всего лишь программы для обработки html файлов, точно также, как Adobe Photoshop — программа для обработки изображений. Внутри этих программ ничего не создается. Все, что Вы делаете или создаете, создается или редактируется непосредственно у Вас на компьютере, и после этого передается с помощью FTP-доступа в Интернет.

Для начала проверьте настройки хостинга Джино. Отключите лишние услуги и подключите те, которые Вам нужны. Проверьте кодировку хостинга. Для этого зайдите в Управление — Настройки веб-сервера, и в окошке ставите UTF-8.

Потом зайдите в Управление — Файловый менеджер в папку domains.

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

В папке domains также изначально есть папка с названием домена третьего уровня от хостинга Jino: login.jino.ru Я не рекомендую Вам этим доменом пользоваться. Лучше всего сразу удалите эту папку, чтобы она не мозолила Вам глаза. Делать бизнес мы будем по серьезному — на Вашем личном домене второго уровня, который Вы покупаете, и который является Вашей собственностью.

В папке domains Вы можете создавать неограниченное количество папок для размещения доменов третьего уровня. Домены третьего уровня еще называют поддоменами. Хозяином поддоменов всегда является владелец соответствующего домена второго уровня. Например, у меня есть домен второго уровня , который находится в папке pro444.ru. На этом домене находится блог. Рядом с папкой pro444.ru у меня находятся папки для размещения моих поддоменов, таких как описанный выше http://frend.pro444.ru и многих других, которые я использую для размещения одностраничных сайтов, и владельцем которых я являюсь.

Чтобы создать свой поддомен, Вам нужно создать папку с соответствующим названием.

Только убедитесь, что Вы находитесь именно в папке domains. Нажимаете Создать — Папку, и пишите ее название: slovo.vashdomen.ru, где

• slovo — может быть любое сочетание английских букв и цифр;
• vashdomen.ru — Ваш домен второго уровня.

После этого заходите в эту папку и создаете файл index.html

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

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

B этой папке создаете папку с таким же названием, какую создавали на хостинге Джино.

Теперь открываете, к примеру, программу Dreamweaver.

Сначала Вам нужно Dreamweaver настроить. Для этого заходите в Правка — Предпочтения (Настройки) и выбираете пункт меню Новый документ.

Другой способ: выбираете Файл — Новый (Создать), кнопку внизу Предпочтения (Настройки) и пункт меню Новый документ.

Версии программы Dreamweaver могут быть разные, поэтому и надписи могут немного у них отличаться.

Картинка с сайта: pro444.ru

После этого выбираете в окошках:

• Документ по умолчанию: HTML
• Расширение по умолчанию: .html
• Тип документа по умолчанию: HTML 4.01 Transitional (Переходный)
• Кодировка по умолчанию Юникод UTF-8
• Форма нормализации юникода С (Каноническая декомпозиция)

И нажимаете ОК

После настройки создаете новый файл. Для этого заходите в Файл — Новый (Создать), выбираете Основная страница — HTML, нажимаете кнопку Создать.

Созданный файл будет называться Untitled-1, и он еще не имеет прописки на компьютере.

Чтобы его прописать на компьютере в определенном месте, заходите в Файл — Сохранить как, выбираете папку Вашего компьютера с названием поддомена, заходите вовнутрь нее.Затем изменяете имя файла на index.html, и сохраняете его в этой папке. Именно в файле index.html, который открывается браузером по умолчанию, и находится код HTML Вашего сайта.

Если Вам нужны на сайте картинки, Вы эти картинки кладете в Вашем компьютере в ту же или во вложенную папку.

Только обратите внимание: в названии картинок могут быть только латинские буквы и цифры. Ни русских букв, ни пробелов не должно быть.

Емсли Вы используете Дримвивер, то в файле index.html с помощью команды Вставить — Рисунок делаете код картинки, чтобы в Интернете эта картинка потом появилась.

Сохраняем изменения с помощью команды Файл — Сохранить.

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

Заходите в Сайт (Website) — Новый Сайт.

В открывшемся окне во вкладке Дополнительно в категории Локальная информация пишете следующие данные:

• Имя сайта: Ваш поддомен, например, friend.pro444.ru
• Локальная корневая папка: ищете на Вашем компьютере папку с Вашим поддоменом
• Адрес HTTP: Ваш будущий адрес, у меня http://1new.pro444.ru

В категории Удаленная информация выбираете:

• Доступ: FTP
• FTP хост: 1new.pro444.ru
• Каталог хоста: /domains/1new.pro444.ru/
• логин и пароль — такие же, как и на Джино

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

В установках Firewall в строке Firewall хост пишете будущий адрес сайта, в моем случае: http://1new.pro444.ru

Теперь везде нажимаете OK и сохраняете соединение.

И теперь достаточно нажать на синюю стрелочку.

Появится окно с вопросом, размещать ли зависимые файлы? Вы выбираете Да, потому что зависимые файлы — это картинки и другие файлы в папке, кроме Вашего файла index.html. Папка будет скопирована в хостинг Джино, а сайт будет виден в Интернете.

Видео по созданию сайта на хостинге Джино

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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Перейти к содержимому