Как создать сайт на Google Диске

Обновлено: 21.11.2024

Теперь другая часть — покупка места на сервере у поставщика веб-хостинга и размещение «настоящего» веб-сайта. Как этот. Но единственный недостаток покупки места на сервере и размещения реального веб-сайта заключается в том, что вы должны обслуживать сервер и платить ежемесячную плату своему провайдеру веб-хостинга. В отличие от бесплатных платформ для создания веб-сайтов и покупки места на хостинге у веб-хостинговой компании, почему бы не использовать свою учетную запись Google для размещения простых веб-сайтов в формате HTML.

Используйте Google Диск для бесплатного размещения веб-сайтов

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

Преимущество Google Диска в том, что он поддерживает языки сценариев на стороне клиента, например JavaScirpt, поэтому вы, вероятно, сможете создать простое приложение JavaScript и разместить его на Google Диске.

Требования: что нужно знать перед публикацией веб-сайтов на Google Диске

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

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

Если все это звучит слишком странно, не волнуйтесь. Внимательно следуйте этим простым шагам, чтобы ваш сайт появился на Google Диске

<р>1. Войдите в свою учетную запись Google Диска, используя имя пользователя и пароль Gmail.

<р>2. Нажмите кнопку «Создать» и выберите «Папка». Введите общее название для вашего веб-сайта, например, «Мой веб-сайт». Не волнуйтесь, вы всегда можете изменить имя позже.

3.Нажмите «Мой диск» на левой боковой панели, выберите папку своего веб-сайта из списка документов и нажмите раскрывающееся меню «Дополнительно». Затем выберите «Поделиться»

<р>4. По умолчанию для настроек общего доступа к любой папке в вашей учетной записи Google Диска установлено значение «Личное». Измените его на «Общедоступный».

<р>5. Теперь вам нужно знать уникальный идентификатор каталога, который вы используете для размещения своего веб-сайта на Google Диске. Выберите папку, нажмите «Еще» и снова перейдите в «Настройки общего доступа». Вы должны увидеть идентификатор папки под текстовым полем «Ссылка для общего доступа». Вот пример:

<р>6. Теперь вам нужно загрузить файл index.html в корень вашего сайта. Загрузите этот образец HTML-файла на свой компьютер, переименуйте его в index.html и загрузите в папку веб-сайта на Google Диске. Папка вашего сайта на Google Диске теперь будет выглядеть так

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

Примечание: замените XXXXXXXXX уникальным идентификатором папки вашей учетной записи Google Диска.

Теперь, когда ваш веб-сайт размещен на Google Диске, он должен выглядеть следующим образом:

Использование шаблонов HTML и CSS на вашем веб-сайте, размещенном на Google Диске

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

Чтобы разместить полнофункциональный HTML-сайт и использовать HTML-шаблоны в своей учетной записи Google Диска, необходимо следовать общим правилам веб-дизайна. Например, у вас может быть отдельная папка для изображений, отдельная папка для файлов CSS и JS и отдельная папка, которая будет содержать все HTML-страницы.Вам нужно спроектировать свой веб-сайт локально, использовать приложение для редактирования HTML, такое как Adobe Dreamweaver, Aptana Studio, и когда вы закончите с дизайном, загрузите все основные файлы, изображения, таблицы стилей и файлы JS в папку вашей учетной записи Google Диск.

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

Чтобы показать вам пример, вот как файловая структура моего простого веб-сайта выглядит на Google Диске:

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

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

Советы по G Suite предоставлены командой Overdrive. Нам нравится Google Workspace и все, что связано с Google, поэтому мы рады поделиться с вами последними идеями, советами и рекомендациями.

Последние советы

Включить и использовать Google Chat из Gmail

Google стремится интегрировать самые популярные приложения для повышения производительности Google Workspace в приложение Gmail, чтобы сделать его более унифицированным. Этот шаг избавит вас от необходимости открывать несколько вкладок для разных задач. С помощью Google Chat вы можете напрямую общаться с людьми, создавать временные групповые беседы или запускать более формальные групповые чаты, называемые Spaces. Последние можно использовать для связи между отделами, управления проектами, планирования мероприятий или любой другой сложной операции. Вы можете получить доступ ко всем этим функциям из Gmail, не открывая отдельную вкладку «Чат». Чтобы включить Google Chat в Gmail, в Интернете перейдите в «Настройки», а затем перейдите на вкладку «Чат и встречи». Выберите Google Chat и нажмите Сохранить изменения. Чтобы включить Google Chat в Gmail, на мобильном устройстве перейдите в «Настройки», нажмите на свою рабочую или учебную учетную запись, а затем включите переключатель «Чат». Теперь вы можете получить доступ к функциям Google Chat из приложения Gmail в Интернете и на мобильных устройствах. В Интернете вы можете найти чаты и пространства на левой боковой панели, но если вы предпочитаете окно большего размера, перейдите в «Настройки»> «Чат и встреча», а затем выберите «Правая сторона папки «Входящие». На мобильном устройстве после включения чата вы увидите две новые вкладки в нижней части экрана для чатов и пространств. Теперь вы можете сэкономить время и оставаться продуктивным, используя только приложение Gmail.

Google стремится интегрировать самые популярные приложения для повышения производительности Google Workspace в приложение Gmail для a.

Принять или отклонить все предложения в Документах Google

Документы Google позволяют пользователям Google Workspace совместно работать над документами в режиме реального времени и с любого устройства. Режим предложений — это функция Google Docs, которая позволяет соавторам вносить предлагаемые изменения, которые затем могут быть одобрены или отклонены другими. Когда кто-то добавляет предложения в документ, вы увидите их в правой части страницы, как в примере ниже. Затем вы можете принять или отклонить их по отдельности… но что, если бы был способ решить все предложения всего за пару кликов? К счастью, мы знаем, как это сделать. Чтобы принять или отклонить все предложения в Документах Google: В строке меню перейдите в «Инструменты» и нажмите «Просмотреть предложенные изменения». В правом углу страницы появится всплывающее окно с возможностью принять или отклонить все предложения. Вы также можете предварительно просмотреть изменения, прежде чем принимать решение. Выберите вариант и разрешите документу обновляться. Это может занять некоторое время в зависимости от количества предложений. Если вы случайно нажали не ту кнопку, просто нажмите Ctrl + Z на клавиатуре, чтобы отменить изменения (Cmd ⌘ + Z на Mac). Этот совет сэкономит много времени, когда в следующий раз вам придется решать предложения в документе.

Документы Google позволяют пользователям Google Workspace совместно работать над документами в режиме реального времени и из любого места.

Как предварительно заполнить форму Google

Google Формы — отличный инструмент для проведения опросов, викторин или простого сбора данных. Но знаете ли вы, что вы можете поделиться предварительно заполненной формой с другими? Вот как предварительно заполнить форму Google значениями по умолчанию: 1. Откройте форму, которую вы хотите предварительно заполнить. 2. Нажмите на 3 точки в правом верхнем углу, чтобы открыть меню «Форма». 3. Выберите «Получить предварительно заполненную ссылку» 4.Введите значения по умолчанию в нужные поля, например, здесь мы установили: - Количество лицензий на «1» - Тип лицензии на 1-й выбор «Лицензия пользователя G Suite» - Комментарии к «Спасибо» 5. Нажмите ссылку «Получить». buttom образуют дно формы. 6. Нажмите «Копировать ссылку» во всплывающем уведомлении. Вы получите URL-адрес формы для заполнения, включая значения, которые вы установили как значения по умолчанию. Вот пример — вы видите, что некоторые поля уже заданы. Если вам нужно изменить значения по умолчанию, вы можете войти в свою учетную запись Google и использовать ту же ссылку для редактирования формы. Совет от Shared Contacts for Gmail®

Google Формы — отличный инструмент для проведения опросов, викторин или простого сбора данных. Но знаете ли вы это.

TechnoKids создает технологический проект для учителей, заинтересованных в обучении основам HTML и CSS. Мы сталкиваемся со многими разочарованными пользователями Chromebook, которые хотят выполнить действия, но не знают, как изменить их в соответствии со своей учебной средой. У меня есть отличные новости! Вы можете закодировать веб-страницу на Google Диске с помощью приложения HTML Editor. Я провел утро, тестируя несколько приложений, чтобы найти подходящее для учащихся 7 и 8 классов. Вот шаги, которые необходимо выполнить, чтобы создать веб-страницу с HTML-кодом на Google Диске:

ШАГ ПЕРВЫЙ. Общий доступ к папке

Вам не нужно загружать файлы в отдельный домен веб-сайта. Вместо этого любой общедоступной папке на Google Диске присваивается URL-адрес. Этот URL становится доменом веб-сайта. В эту папку вы поместите файлы индекса и изображений. Вот как:

  1. В веб-браузере Chrome откройте свой Google Диск.
  2. Убедитесь, что вы используете старую версию Google Диска. Нажмите на шестеренку настроек и выберите Покинуть новый Диск.
  3. Нажмите СОЗДАТЬ. Выберите папку.
  4. Назовите папку веб-сайт. Нажмите Создать.
  5. Выберите папку. На левой панели выберите ПОДРОБНОСТИ.
  6. Нажмите Поделиться в области ОБМЕН.

Вам необходимо изменить настройки общего доступа.

Необходимо сделать папку общедоступной.

Любые файлы в папке будут доступны для просмотра всем.

У папки есть URL.

Внутри этой папки вы создадите файл index.html и сохраните все изображения, которые собираетесь добавить на веб-страницу.

2. Установите приложение HTML Editor

Чтобы установить приложение:

  1. На Google Диске нажмите СОЗДАТЬ.
  2. Выберите Подключить другие приложения.
  3. В поле поиска введите название приложения. Например, Блокнот на Диске, ShiftEdit или HTML Editey.
  4. Нажмите ПОДКЛЮЧИТЬСЯ.
  5. Вам будет предложено сделать его приложением по умолчанию. Обычно я снимаю галочку, чтобы вместо этого выбрать нужное приложение.
  6. Нажмите "ОК".
  7. Теперь вы можете создавать и редактировать файлы с помощью приложения!

3. Создать индексный файл

Файл index.html будет содержать код для создания веб-страницы.

  1. Нажмите на папку вашего веб-сайта из шага 1, чтобы открыть ее.
  2. Открыв папку, нажмите СОЗДАТЬ. (Это приведет к тому, что созданный вами файл index.html будет сохранен в общей папке)
  3. Когда вас попросят создать файл в общей папке, нажмите СОЗДАТЬ И ПОДЕЛИТЬСЯ.
  4. Поскольку приложение используется впервые, вам будет предложено предоставить разрешение. Вы должны выполнить этот шаг, прежде чем приложение откроется. Вам нужно сделать это только один раз.
  5. Выберите приложение для редактирования HTML, которое вы подключили на предыдущем шаге. Приложение должно открыться в новой вкладке браузера Chrome. У вас должно быть открыто две вкладки!

В браузере Chrome должны быть открыты две вкладки.

4. Как просмотреть веб-страницу

Чтобы увидеть, как будет выглядеть веб-страница, откройте общую папку, созданную на шаге 1.

  1. ОСТАВЬТЕ ОКНО ПРИЛОЖЕНИЯ ОТКРЫТЫМ!
  2. Перейдите на вкладку браузера Google Диска.
  3. Выберите папку веб-сайта, созданную на шаге 1.
  4. Нажмите ссылку на вкладке "Подробности" на правой панели, чтобы просмотреть веб-страницу, которую вы только что создали на шаге 3.

У папки есть URL.

5. Написать код и просмотреть веб-страницу

Теперь вы можете переключаться между приложением для кодирования и веб-страницей. СОВЕТЫ:

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

6. Как редактировать код

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

  1. Нажмите на файл index.html.
  2. Нажмите стрелку "Открыть" и выберите в списке приложение "Редактор HTML".
  3. Для предварительного просмотра веб-страницы выполните шаг 4.

Криста Лав, разработчик учебной программы и преподаватель ~ Мне нравится интегрировать технологии в учебную программу. Будь то программирование, производство видео, графический дизайн или цифровое гражданство, мне интересно, как приложения и инструменты могут быть использованы для улучшения обучения. На протяжении многих лет я разработал множество технологических проектов TechnoKids. Моя любимая часть разработки учебного плана — это проверка идей на практике, чтобы определить, какие занятия лучше всего работают в реальных классах. Я пишу о том, что я узнал, что может сэкономить время учителей при планировании их собственной учебной программы.

Вам также может понравиться.

Мастерская анимации для Google Slides

21 октября 2015 г.

от TechnoHella · Опубликовано 21 октября 2015 г. · Последнее изменение 12 мая 2021 г.

Обтекание текста фигурой с помощью Photoshop CC

Автор Криста Лав · Опубликовано 25 марта 2015 г. · Последнее изменение 17 февраля 2021 г.

5 причин использовать Google Forms со своими учащимися

18 декабря 2014 г.

Автор Криста Лав · Опубликовано 18 декабря 2014 г. · Последнее изменение 17 февраля 2021 г.

В этом блоге мы являемся большими поклонниками облачных сервисов, и Виней уже писал на Process Street о Dropbox и Google Диске в прошлом, а также написал отличное руководство по переходу в облако.

Если вам интересно, как бесплатно разместить веб-сайт на Google Диске, я только что сделал это (и это заняло у меня 2 минуты!), поэтому я расскажу вам все об этом.

Несмотря на то, что новый Google Диск усложнил размещение веб-сайтов, я нашел довольно простой обходной путь. Он представлен в виде скрипта Google, написанного экспертом в этой области Амитом Агарвалом. Сначала я покажу вам этот способ — самый простой — потом объясню, как это можно сделать без скрипта.

Как разместить веб-сайт на Google Диске с помощью скрипта Google

<р>1. Поместите все файлы вашего веб-сайта в файл .zip (.rar не работает, я пробовал). Я создал образец веб-сайта в файле .zip, изменив содержимое Амита. Вы можете скачать его здесь, если у вас нет заархивированных веб-страниц.

<р>2. Откройте страницу Google Script и загрузите ZIP-файл.

<р>3. Нажмите загрузить файл, и вы должны увидеть это:

<р>4. Наслаждайтесь бесплатным веб-хостингом!

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

<р>1. Создайте новую папку на Google Диске

<р>2. Загрузите содержимое ZIP-файла вашего веб-сайта и переместите его в папку.

<р>3. Щелкните папку правой кнопкой мыши и выберите «Поделиться», а затем «Дополнительно» в нижней части всплывающего окна.

<р>4. Выберите «Для всех в Интернете» и сохраните.

<р>5. После нажатия кнопки «Сохранить» вам будет предоставлена ​​общедоступная ссылка, но это будет ссылка на папку, в которой хранятся ваши файлы .html на Диске, а не на реальный веб-сайт.

<р>7. Перейдите по новой ссылке, и вы должны увидеть свою веб-страницу!

Видеоруководство по размещению веб-сайта на Google Диске см. ниже:

Дополнительный совет:

Если вы не любите свой огромный и безжалостно забываемый URL-адрес, всегда есть gweb.io, сервис для тех, кто серьезно относится к размещению на Google Диске, который позволяет вам использовать свой собственный URL-адрес, неограниченное количество сайтов и бесплатный SSL. Другие варианты использования вашего собственного домена непрактичны, хакерские или непрофессиональные, например, переадресация кадров или использование службы сокращения, такой как GDrives. На данный момент кажется, что gweb.io — лучший вариант, который у нас есть.

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

Читайте также: