Создайте свою собственную бесплатную многоцелевую веб-страницу с помощью Google Sites
Интернет

Создайте свою собственную бесплатную многоцелевую веб-страницу с помощью Google Sites

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

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

В этой статье вы узнаете, как пользоваться сайтом Google Sites и как создать с его помощью свой собственный сайт всего за несколько простых шагов

Что такое Google Sites?

В течение многих лет Google Sites оставался довольно статичным в плане возможностей.Google Sites Classic (так он называется сейчас) всегда был ограничен в плане того, насколько сильно вы могли стилизовать свой сайт

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

Большинство страниц, созданных на сайтах Google, имели статичные навигационные меню и загроможденные макеты. Они имели ретро-ощущение, соответствующее стилю веб-дизайна 1990-х годов

В 2016 году Google обновил Google Sites, чтобы вы могли создавать более свежие и современные веб-сайты

Вы сразу же заметите обновление. Прежний инструмент редактирования Google Sites был очень ограничен в том, где и как вы могли размещать объекты. Новый редактор представляет собой очень свободный инструмент проектирования. Вы можете буквально перетаскивать, размещать и изменять размеры элементов и виджетов страницы, где вам заблагорассудится

Как создать сайт Google

Чтобы создать сайт Google с нуля, перейдите на страницу новых сайтов Google и войдите в свой аккаунт Google. Нажмите красную кнопку ‘+’ в правом нижнем углу

Откроется пустая веб-страница с темой по умолчанию ‘Простая’

Макет редактора очень прост в использовании и включает в себя несколько разделов:

  • Правая панель управления : Область с тремя меню, включающая меню Insert с объектами и виджетами. Здесь есть меню Страницы , где можно создавать новые страницы и подстраницы для сайта. Вы также увидите меню Темы , где можно выбрать тему для редактируемой страницы.
  • Верхнее меню : Здесь вы можете дать имя сайту, просмотреть редактируемую страницу или опубликовать сайт в Интернете. Здесь же можно поделиться сайтом с другими людьми.
  • Окно дизайна : Центральная область, где вы будете работать над дизайном и содержимым страницы.

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

Создание заголовка и содержимого

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

Приятной особенностью Google Sites является то, что вы можете размещать объекты там, где вам нравится

Например, если вы создаете страницу профиля и хотите добавить фотографию своего профиля поверх изображения баннера, вам не нужно знать никакой магии CSS или программирования PHP. Просто добавьте объект изображения с помощью меню ‘Вставка’ и перетащите изображение на страницу, куда вам нужно

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

В Google Sites то, что вы получаете в простоте и гибкости, вы теряете в возможностях

Существует всего несколько стилей заголовков, в зависимости от того, какой размер вы выберете. Это Заголовок (H1), Заголовок (H2) или Подзаголовок (H3)

Однако, если вы знаете, как настроить код фона, вы можете нажать на значок more (три точки), чтобы отредактировать его и изменить стиль по своему усмотрению

После того как вы разместили заголовок и баннер страницы, а также создали заголовок раздела, вам остается сосредоточиться на создании содержимого страницы

Дизайн сайта и навигация

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

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

Если вы нажмете на пункт меню Страницы в правой навигационной панели, то именно здесь вы сможете добавить новые страницы или подстраницы на ваш сайт

Каждый раз, когда вы добавляете новую страницу, она добавляет новый пункт в верхнее навигационное меню в заголовке каждой страницы

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

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

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

Это очень хороший способ придать вашему сайту Google очень современный, профессиональный вид

Добавить виджеты

Одно из преимуществ Google Sites – простота встраивания функциональных элементов на страницу. Эта функция позволяет добавить сайту интерактивности и дает вам более простую альтернативу созданию сайта WordPress

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

  • Документ Google Docs.
  • Слайд-шоу Google Slides.
  • Google Sheets электронная таблица.
  • Форма Google.
  • Диаграммы Google из любой электронной таблицы.
  • Карта Google.
  • Календарь Google.

Любой из этих элементов можно переместить в любое место на странице, куда вы хотите его поместить, с помощью перетаскивания. Вот несколько примеров:

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

Расположите эти элементы рядом, переместите их по странице или измените их размер, чтобы они выглядели так, как вы хотите, чтобы они выглядели на странице

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

Embed a Google Sheet. С помощью электронной таблицы вы можете донести информацию до своих читателей в хорошо организованном виде, приложив совсем немного усилий

Самое приятное, что вам больше никогда не придется редактировать эту веб-страницу. Просто обновите исходный лист Google, и встроенный лист на веб-странице обновится автоматически

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

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

Затем, когда придет время представить отчет начальнику, просто предоставьте ему ссылку URL, к которой он сможет получить доступ с помощью своего аккаунта Google. Поговорим о том, как быть инновационным сотрудником!

Завершение работы и публикация вашего сайта

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

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

После создания нового сайта и всех входящих в него страниц можно приступать к публикации

Все, что вам нужно сделать, это нажать кнопку Publish в верхней части страницы, и у вас появится возможность заявить имя подстраницы в разделе Google Sites для вашего сайта

Не беспокойтесь, если вам нужен собственный домен, вы всегда можете зарегистрировать домен, а затем перенаправить его на этот URL. Когда вы перенаправляете домен, посетителям кажется, что страница, которую они просматривают, на самом деле является этим доменом, а не сайтом Google Sites

Подходит ли вам Google Sites?

Тот факт, что вы можете создать бесплатный веб-сайт с помощью Google Sites, открывает целый мир возможностей

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

Думаю, вы согласитесь, что с новой версией Google Sites работать намного проще. Он помогает создавать сайты, которые выглядят намного современнее. Но если Google Sites не для вас, всегда есть генераторы статических сайтов, которые помогут вам создать сайт за считанные минуты

Об авторе

Алексей Белоусов

Привет, меня зовут Филипп. Я фрилансер энтузиаст . В свободное время занимаюсь переводом статей и пишу о потребительских технологиях для широкого круга изданий , не переставая питать большую страсть ко всему мобильному =)

Комментировать

Оставить комментарий