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

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

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

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

Что такое Google Сайты?

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

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

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

,

Сделайте свою собственную бесплатную многоцелевую веб-страницу с сайтами Google google sites1 1

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

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

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

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

Откроется пустая веб-страница со стандартной темой «Простой».

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

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

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

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

Создать заголовок и контент

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

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

Приятно, что в Сайтах Google вы можете размещать объекты где угодно.

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

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

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

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

С Сайтами Google, что вы получаете в простоте и гибкости, вы теряете в опциях.

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

Тем не менее, если вы знаете, как настроить фоновый код

Вы можете нажать Больше значок (три точки), чтобы отредактировать его и настроить стиль, если хотите.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

,

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

  • Документ Google Документы
  • Слайд-шоу Google Slides
  • Таблица Google Sheets
  • Форма Google Forms
  • Google Charts из любой таблицы
  • Google Map
  • Календарь Google

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Завершите и опубликуйте свой сайт

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

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

с гибкими формами Google.

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

После того, как вы закончили создание нового сайта и всех страниц, которые на него заходят, вы готовы к публикации.

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

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

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

Сайты Google для вас?

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

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

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

это поможет вам создать сайт за считанные минуты.

Ссылка на основную публикацию
Adblock
detector