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

Реклама

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

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

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

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

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

Большинство страниц, созданных Сайтами Google, имели статические навигационные меню и загроможденный макет. У них было настроение ретро для Стиль веб-дизайна 1990-х годов Оживите сеть 1990-х, посетив эти 9 старых сайтовЭти девять веб-сайтов были самыми современными. Они появились до появления супер гладкой графики и Web 2.0, но сегодня служат ностальгическим напоминанием о том, как далеко зашла веб-разработка. Прочитайте больше .

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

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

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

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

Это откроет пустую веб-страницу с простой темой по умолчанию.

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

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

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

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

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

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

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

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

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

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

Тем не менее, если вы знаете, как настроить фоновый код 17 простых примеров кода HTML, которые вы можете выучить за 10 минутХотите создать простую веб-страницу? Изучите эти примеры HTML и попробуйте их в текстовом редакторе, чтобы увидеть, как они выглядят в вашем браузере. Прочитайте больше Вы можете нажать Больше значок (три точки), чтобы отредактировать его и настроить стиль, если хотите.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Я думаю, вы согласитесь, что с новой версией Сайтов Google намного проще работать. Это помогает вам создавать сайты, которые намного более современны. Но если Сайты Google не для вас, всегда есть генераторы статического сайта Используйте генератор статического сайта для создания быстрого сайтаВ этом руководстве мы опишем, что такое генератор статического сайта (SSG), почему вы хотите его использовать и как создать новый сайт с его помощью. Прочитайте больше это поможет вам создать сайт за считанные минуты.