Перейти к содержимому
  • Блок 4 - Публикация сайта в интернете

    Узнаете как сделать Ваш сайт доступным в интернете. Научитесь экспортировать сайт на хостинг. Изучите механизм распаковки сайта в HTML и CSS. Все что нужно для публикации сайта.

    5 занятий в этой категории

    1. Что такое публикация сайта

      61 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2016_01/4.1_chto_takoe_publikatsiya_sayta.mp4.4843f5c2bc54b7c01ce5525f3ac4fa68.mp4 4 До 5 минут Скрыть https://creatura.club/uploads/ Высокая сложность Скрыть

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

      В сети интернет есть множество серверов. Услуга предоставления места для хранения ваших файлов на сервере называется хостинг. Такую услугу сейчас предоставляет множество различных компаний, причем как платно, так и бесплатно. Не будем сейчас останавливаться на минусах бесплатного хостинга. Об этом вы сможете задать вопросы и получить ответы на форуме muse.digitalmakers.ru Следующее, что нас сейчас интересует - это доменное имя сайта. Домен - это уникальное имя, по которому пользователи будут находить ваш сайт в сети.

      Каждое такое имя привязано к какой-либо главной доменной зоне, доменному имени первого уровня. Это короткие имена как .ru .com .by  и другие. Каждое из этих имен занимает некую условную зону, к которой можно применить доменные имена второго, третьего и т. д. уровней. Например, если мы рассмотрим название muse.digitalmakers.ru, то здесь .ru -доменное имя первого уровня или основная доменная зона. digitalmakers - это доменное имя второго уровня или зона второго уровня, а muse - это доменное имя третьего уровня или зона третьего уровня. Грубо говоря, это адрес  - .ru - это страна, digitalmakers - город, muse - это улица, на которой будут размещаться файлы вашего сайта, страницы и контент.

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

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

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

      • 0 комментариев
      • 448 просмотров
    2. Экспорт сайта в формат HTML

      62 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2016_01/4.2_Publikatsiya_v_format_html.mp4.7fec447669afd5be7359228db83ec450.mp4 3 До 5 минут Скрыть https://creatura.club/uploads/ Высокая сложность Скрыть

      В этом видеоуроке мы научимся экспортировать файлы сайта в HTML из программы Adobe Muse, а также рассмотрим, что из себя представляют экспортированные файлы. Заходим в программу, здесь у нас открыт один из проектов. Его я его делал недавно для одного из своих уроков. На этом примере как раз посмотрим, как экспортировать файлы из программе Adobe Muse в HTML. Для экспорта нам необходимо зайти в меню "Файл" - "Экспортировать как HTML" либо нажать Ctrl+Е. Выбираем этот пункт, и теперь перед нами появляется окно "Экспорт в формате HTML". Здесь мы должны указать предварительно заданный URL-адрес сайта, который мы купили.

      Напишем "test.ru". Также можем выбрать, куда нужно сохранить файл. Появится окно, где мы должны указать соответствующую папку для файлов. У нас уже заготовлена специальная папка "HTML". Выделяем эту папку и нажимаем "Выбор папки". Теперь все заполнено в окошке, и мы нажимаем Ок. Происходит экспорт файлов, и сразу открывается наша страница для просмотра в браузере. Она доступна по адресу папки, в которой мы сохранили файлы данного сайта. Мы можем теперь просматривать и прокручивать данную страницу. Все работает. Закрываем браузер. В программе Adobe Muse осталось окно, которое показывает нам то, что "Экспорт в формате HTML завершен".

      Данные файлы сохранены у нас на компьютере. В этом же окне программа нас спрашивает, планируем ли мы передачу с помощью программы в FTP и предлагает познакомиться с полезными советами. Мы можем поставить флажок "Не показывать снова" и нажимаем Ок. Теперь наш сайт полностью экспортирован в папку на нашем компьютере в формате HTML. Давайте теперь зайдем в эту папку и посмотрим, из чего она состоит. В папке есть несколько файлов в корневой папке, файл index.html  - это главный файл сайта, с помощью которого у нас открывается сайт для просмотра.

      Еще 2 файла: muse_manifest.xml и sitemap.xml, а также 3 папки "css" (в ней расположены все стили сайта), "images" (здесь сохранены все картинки на сайте) и "scripts" (здесь хранятся все скрипты нашего проекта), если мы зайдем в первую папку, то увидим несколько файлов в формате css . Во второй папке картинки, а в третьей 5 скриптов. Вот таким образом осуществляется экспорт файлов в HTML в программе Adobe Muse.

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

      • 0 комментариев
      • 555 просмотров
    3. Что такое Business Catalyst

      63 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2016_01/4.3_Publikatsiya_na_business_catalyst.mp4.535ca7cc682343db06cd62e8248ce152.mp4 3 До 5 минут https://creatura.club/uploads/ Средняя сложность Скрыть

      В этом видеоуроке мы научимся экспортировать файлы сайта на сервер Business Catalyst, который предлагает сама компания Adobe. Заходим в программу, здесь находится сайт, который мы и будем публиковать на данный сервер. Для того чтобы опубликовать сайт на сервер Business Catalyst компании Adobe, мы заходим в "Файл" и выбираем "Публикация на Business Catalyst" или нажимаем Ctrl+Alt+P. Выбираем данную функцию, у нас появляется окно. Здесь программа нам пишет, что до предварительного просмотра вашего сайта в интернете осталось всего несколько шагов. Ознакомьтесь с вариантами обновления сайта перед его публикацией в разделе "Часто задаваемые вопросы"

      Здесь чуть ниже есть окошко, куда мы вводим имя сайта, который нам понравится, например, введем имя test muse111 - такое имя уже занято. Программа предлагает ввести другое имя testmuse11101.businesscatalyst.com Как вы уже знаете, .com - это основная доменная зона , businesscatalyst - домен второго уровня и наш сайт будет размещен с доменным именем 3 уровня. Нажимаем Ок и происходит "Общий ход выполнения публикации". Импортируются все те файлы, которые мы создали в данной программе, в данном проекте.

      После публикации нас сразу перебрасывают по адресу нашего сайта testmuse11101.businesscatalyst.com/index. html Это как раз тот файл, который запускает наш сайт в интернете - index.html Теперь все желающие смогут зайти на сайт. Вы тоже можете перейти по данному адресу и посмотреть, что получилось. Далее давайте вернемся в программу. Здесь есть окно после публикации "Публикация выполнена..." и предложены возможные следующие шаги: добавление пользователей In-Browser Editing и назначение имени для сайта.

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

      • 0 комментариев
      • 490 просмотров
    4. Публикация сайта по FTP

      64 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2016_01/4.4_Publikatsiya_na_FTP_server.mp4.4cceea9df2c3ab9ef93e61b69c7bfa51.mp4 4 До 5 минут Скрыть https://creatura.club/uploads/ Высокая сложность Скрыть

      В этом видеоуроке мы научимся экспортировать фалы посредством протокола FTP прямо на сервер из программы Adobe Muse. Что такое FTP? Это специальный протокол передачи файлов на сервер. Программа Adobe Muse позволяет нам напрямую загружать сайт на сервер при помощи FTP. Это осуществляется в несколько простых шагов. 
      Первым делом, конечно, вам нужно будет купить доменное имя и заказать услуги хостинга в одной из компаний, предоставляющих услуги хостинга. Также нужно будет посмотреть учетные данные для FTP. 

      Далее уже воспользоваться возможностями программы для передачи файлов на сервер. Давайте по порядку. Будем использовать для примера специальный хостинг Adobe Muse -  hosting.digitalmakers.ru Найти его вы сможете по этому адресу. Нажимаете кнопку "Регистрация", регистрируетесь и сможете использовать 7 дней бесплатного пробного периода. Также данный хостинг позволяет вам бесплатно приобрести доменное имя 4 уровня. Если вы при заказе хостинга не введете ничего в окно "Доменное имя", то бесплатно получите домен 4 уровня с именем вашего почтового ящика, указанного при регистрации.

      На этом хостинге после регистрации вам нужны будут данные FTP. Учетные данные для FTP находятся в разделе "Мои заказы" - "Хостинг для сайтов". Выбираете свое доменное имя, на которое вы будут публиковать сайт, кликаете 2 раза по нему и попадаете в окошко, где расположены учетные данные, которые вам необходимо будет использовать для публикации сайта по FTP из программы Adobe Muse (это IP адрес сервера, доменное имя вашего сайта, имя пользователя и пароль). Далее переходим в программу Adobe Muse.

       Здесь уже у нас есть сайт для публикации. Для того чтобы это сделать, мы переходим в меню "Файл" - "Передача на FTP-сервер" или нажимаем сочетание клавиш Ctrl+Alt+F. Сразу происходит подключение к FTP-серверу, так как уже ранее мы вводили данные сервера. Но если вы их ранее не вводили, то перед вами появится окно, где нужно будет ввести IP адрес вашего сервера (это данные из окошка на хостинге), далее имя пользователя и пароль из тех же данных. Ставим флажок "Сохранить учетные данные", если не хотите в следующий раз их вводить заново.

      Программа их запомнит и будет автоматически подключаться к FTP-серверу, перекидывать все на следующий экран. Здесь, на следующем экране, вам необходимо будет указать URL-адрес сайта, а также указать папку на сервере, в которой будут храниться ваши файлы. Для данного сервера это папка" www/ и название сайта". На других сайтах это может быть "public_html". Далее выбираем здесь "Публиковать все файл", нажимаем Ок, и происходит публикация сайта на сервер.

      Проходит некоторое время, и нас перекидывают в браузер для того,чтобы сразу попасть на наш сайт testmuse.hosting/digitalmakers.ru Этот сайт сразу становится доступным всем пользователям интернета по данному адресу. На этом этапе файлы сайта уже лежат на хостинге. Возвращаемся в программу, здесь у нас появилось окно "Публикация завершена". Нажимаем Ок и на этом все. Наш урок закончен. В нем мы научились публиковать файлы на сервер прямо из программы Adobe Muse по протоколу FTP. Вам необходимо будет ответить на вопрос, выполнить задания к данному уроку чтобы перейти к дальнейшему обучению.

      • 0 комментариев
      • 426 просмотров
    5. Как обновить опубликованный сайт

      65 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2016_01/4.5_Kak_obnovit_faylyi_na_servere.mp4.eb30025f72561a6d30416d4f6dda026b.mp4 4 До 5 минут Скрыть https://creatura.club/uploads/ Средняя сложность Скрыть

      В этом уроке вы узнаете, как обновить сайт на хостинге уже после того, как вы его опубликовали, а также в случае внесения корректировки в проект. Заходим в программу. У нас есть страница сайта, которую уже ранее мы опубликовали на hosting.digitalmakers.ru Здесь сайт выглядит точно так же, как в проекте. Есть надпись, на заднем фоне картинка и внизу пара надписей. Допустим, мы захотели внести и изменения, добавить картинку логотипа.

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

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

      Снова открывается наш файл для просмотра в браузере testmuse.hosting.digitalmakers.ru И вы видите, что на данной странице появился логотип DigitalMakers.ru Таким образом мы быстро внесли изменения на свою страницу через программу Adobe Muse. То же самое можно сделать, если вы публиковали ранее свой сайт на Buisness Catalyst. Заходим в меню "Файл" - "Публикация на Buisness Catalyst" и здесь мы ранее публиковали свой sitemuse03.buisnesscatalyst.com Для того, чтобы обновить страницу, мы заходим в "Параметры" и также выбираем "Только измененные файлы" (пункт стоит также по умолчанию).

      Нажимаем Ок, происходит передача файлов, и нас снова перекидывает в браузер для просмотра сайта sitemuse03.buisnesscatalyst.com и мы видим все изменения - добавлен логотип. Заходим в программу, нажимаем Ок. И последнее: если вы экспортировали свои файлы из программы как HTML, то в таком случае вы можете обновить файлы в папке на своем компьютере через повторный экспорт. Но чтобы далее обновить эти файлы на хостинге, все файлы из папки, в которую вы экспортируете данный сайт, придется загружать на сервер в ручную, через админпанель хостинга или через специальные программы, позволяющие передавать файлы по FTP, например, FileZilla На этом урок закончен. В нем мы узнали, как обновить файлы на хостинге из программы Adobe Muse. Далее вам нужно будет ответить на вопросы, выполнить задание и переходить к следующему уроку.

      • 0 комментариев
      • 366 просмотров
×