Самоучитель по созданию сайтов: Иллюстрированный самоучитель по созданию сайтов

В опции Select a location ваши страницы верхнего уровня (те, которые образуют главное меню) должны быть размещены на верхнем уровне

Нажмите кнопку Create .Вы только что создали свою первую страницу.

Добавьте 3 или 4 страницы на свой сайт, повторив этот шаг.

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

Настройка навигации

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

В конце концов вы захотите начать вручную управлять макетом панели навигации.

1. Дополнительно > Изменить макет сайта
2. Щелкните область навигации
3. Снимите флажок Автоматически упорядочивать мою навигацию параметр
4. В появившемся диалоговом окне щелкните параметр Добавить страницу , чтобы выбрать из всех страниц на сайте
   
5. Щелкните OK , чтобы добавить страницу в список.Обратите внимание: вам, возможно, придется прокрутить вниз, чтобы найти кнопку ОК!
6. Продолжайте добавлять нужные страницы в список
7. Используйте стрелки вверх, вниз, влево, вправо для изменения порядка и структуры меню навигации
8. Вы также можете добавлять ссылки на внешние веб-сайты, используя опцию Добавить URL-адрес
9. Снимите отметку Карта сайта , если она вам не нужна
10. Нажмите кнопку Закрыть , когда закончите

Добавление контента на свои страницы

Теперь, когда ваш сайт хорошо структурирован, пришло время добавить контент на все эти пустые страницы! Я не могу вам сказать, что вы должны добавить — это ваш сайт! Но есть несколько рекомендаций, о которых вам следует знать…

Веб-страницы должны быть структурированы с использованием стилей заголовков . Вы найдете их в меню «Формат». Обычно вы используете заголовок 2 для основных заголовков, заголовок 3 для следующего уровня ниже и так далее. Ваш основной текст должен быть отформатирован как обычный текст абзаца. Опять же, поверьте мне в этом! Это также помогает создать Оглавление (подобное тому, что вверху этой страницы).

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

Вы МОЖЕТЕ выбирать из ограниченного набора макетов страниц. Выберите Макет в главном меню, чтобы изменить макет для текущей страницы. В общем, лучше простое.

Меню Insert открывает множество интересных опций для добавления мультимедийного контента на ваши страницы! Отсюда вы можете вставлять изображения, диаграммы, карты, видео и многое, многое другое! У каждого из этих типов мультимедиа есть разные варианты, в зависимости от того, что это такое, но, как правило, они довольно просты.Однако помните, что вы в основном добавляете контент на страницу, работая сверху вниз. Не зацикливайтесь на попытках сделать макет идеальным по пикселям. Помните, что ваш сайт будет просматриваться на любом устройстве — от 27-дюймового экрана iMac до 4-дюймового экрана мобильного телефона. Попытка микроуправления макетом страницы просто закончится разочарованием. Страницы сайтов просты. Не борись с этим.

Меню «Таблица» позволяет вставлять таблицы на страницы, но использовать их экономно. См. Параграф выше. Шутки в сторону.

Настройте свой внешний вид и ощущения

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

1. Еще > Управление сайтом > Цвета и шрифты
2. Из списка слева (продолжайте прокручивать! Это долго!) Выберите категорию и щелкните элемент, который хотите настроить
3. Сделайте свой выбор из вариантов справа. Выбор Custom предлагает наибольшее количество вариантов.Вы можете увидеть изменения, отраженные в предварительном просмотре под параметрами.
4. Пройдите по списку, внося изменения во все, что захотите. Вы можете сделать множество вариантов. Здесь вы также можете изменить шрифты по умолчанию, и если вы использовали стили абзацев, все они должны хорошо отображаться на ваших страницах. Если вы внесли индивидуальные изменения шрифта прямо на самих страницах, вы можете попасть в настоящий беспорядок!
5. Опять же, проявление некоторой сдержанности и приверженность принципу «меньше значит больше» творит чудеса.

Опубликуйте свою работу

Не забудьте сделать свой Сайт видимым для всего мира (или только для вашего домена, или только для отдельных людей … по вашему выбору), когда вы будете готовы «начать работу» с сайтом.

1. Еще > Совместное использование и разрешения
2. Установите разрешения
3. Сохраните изменения

Но подождите, это еще не все!

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

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

Если вам удалось проработать это руководство, молодец! Вы на пути к тому, чтобы стать гуру сайтов.

Вот лишь пара ссылок от моих коллег из GCT и AppsCT. Они могут помочь вам вывести ваши сайты на новый уровень!

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

Учебное пособие по сайтам Google: пошаговое руководство

Google Workplace (ранее известный как Google Suite) — это набор инструментов для повышения производительности и совместной работы, которые популярны среди предприятий любого размера благодаря удобству и простоте использования. .Фактически, вы уже можете использовать один из самых популярных, например:

• Google Диск для хранения файлов
• Gmail для почтовых служб
• Документы Google, таблицы Google и презентации Google для совместной работы над различными типами документов

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

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

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

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

Считайте это версией Google «веб-сайта в коробке» — таких сайтов, как Wix и Squarespace.

Итак, как можно использовать Сайты Google?

• Публичные сайты . Например, порталы обслуживания клиентов или простые бизнес-сайты.
• Частный внутренний веб-сайт или внутренняя вики . Например, для управления проектами или для использования в качестве внутренней сети.

Сайтов Google содержат множество полезных функций, в том числе:

• Шаблоны Сайтов Google с адаптивным дизайном для разных устройств
• Темы, создающие единый дизайн
• Возможность встраивать видео, изображения и другой контент Youtube
• Оглавление и расширяемый текст для облегчения обзора
• Интеграция с другими инструментами Google Workplace:
• Добавить документы или листы (Google Документы и Google Таблицы)
• Отображение форм (Google Forms)
• Добавить карту (Google Maps)
• Показать календарь (Google Calendar)
• Инструмент для встраивания кода в страницы
• Управление доступом и видимостью пользователей

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

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

Вот несколько шаблонов сайтов Google, которые нам нравятся:

Шаблон портала

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

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

Шаблон справочного центра

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

Поля со сворачиваемым текстом в этом шаблоне позволяют клиентам постепенно просматривать информацию.

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

Шаблон проекта

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

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

Преимущества сайтов Google

• Бесплатное использование
• Интуитивно понятные инструменты, позволяющие начать работу за считанные минуты без установки или загрузки какого-либо программного обеспечения
• Вы можете получить доступ к Сайтам Google где угодно и с любого устройства
• Интегрирован с другими инструментами Google Workplace, такими как Google Docs, Google Calendar и Google Maps
• Легко редактировать и управлять доступом

Возможные недостатки сайтов Google

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

Как создать веб-сайт Google [Учебное пособие по сайтам Google]

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

Вот наше пошаговое руководство, чтобы быстро настроить и запустить свой новый веб-сайт Google Сайтов:

Шаг 1. Стратегия и подготовка содержания

Перед тем, как начать, вам нужно ответить на три вопроса.

Вопрос № 1: Какова цель вашего сайта?

Например:

• Интранет — внутренний сайт для обмена новостями и событиями для информирования сотрудников.
• Портал обслуживания клиентов — Часто задаваемые вопросы, руководства, информация для решения проблем и уменьшения количества запросов в службу поддержки.
• Сайт проекта — информация, новости и документы, относящиеся к командному проекту.

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

Вопрос № 2: Какие страницы нужны вашему сайту для предоставления необходимой информации?

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

Например, для сайта, посвященного проекту, может потребоваться:

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

Вопрос № 3: Каким контентом вы будете делиться на страницах?

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

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

• Таблицы из Google Таблиц
• Документы из Google Docs
• Презентации из Google Slides
• Формы из Google Forms
• Расписания из Google Календаря
• PDF-файлы и другие типы содержимого с Google Диска
• Видео загружено на Youtube (принадлежит Google) для встраивания

Вы также захотите собрать все необходимые изображения в папку.

Что главное помнить на этом этапе? Настройте права доступа, чтобы пользователи могли взаимодействовать с файлами или календарем.

Шаг 2. Выберите лучший шаблон сайтов Google для вас

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

Щелкните галерею шаблонов , чтобы увидеть все шаблоны Сайтов Google:

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

Выберите шаблон для своего сайта, щелкнув по нему.

Шаг 3. Настройка нового сайта Google

Теперь, когда вы выбрали шаблон, у вас есть скелет для запуска вашего сайта. Начнем с настройки с правильным заголовком. Нажмите на заголовок, чтобы изменить слова и стиль:

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

Нажмите на шестеренку, чтобы изменить местоположение навигации по сайту, загрузить логотип и значок, а также добавить код отслеживания для использования Google Analytics:

Теперь сайт должен начать выглядеть немного больше, чем ваш!

Шаг 4. Выберите правильную тему для сайтов Google

Темы — это самый простой способ изменить внешний вид вашего сайта. Просто щелкните темы на правой боковой панели, чтобы увидеть различные параметры темы. Щелкните вокруг и проверьте их, чтобы увидеть, какой из них подходит вам лучше всего.

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

Вы также можете нажать стиль шрифта , чтобы выбрать один из разных стилей:

Шаг 5: Добавление дополнительных страниц и подстраниц

Теперь пора настроить структуру сайта. Щелкните страницы на правой боковой панели, чтобы получить обзор структуры сайта:

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

Теперь у вас есть новая страница, и вы можете щелкнуть по ней на правой боковой панели, чтобы изменить настройки:

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

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

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

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

Шаг 6. Добавьте контент на страницы вашего веб-сайта Google

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

Макеты удобны для быстрого добавления материала. Добавляйте заголовки и тексты, вставляйте видео, изображения, карту или представление календаря:

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

Шаг 7. Проверка удобства использования сайта

После того, как вы добавили на свой сайт все страницы и контент, пора его проверить.Это удобно? Легко ли найти нужный контент? Вам нужно окно поиска?

Отличный способ упростить обзор страницы — это добавить оглавление:

Шаг 8: Добавить соавторов

Теперь вы готовы пригласить коллег для совместной работы на сайте:

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

Шаг 9: Предварительный просмотр вашего веб-сайта Google Sites

Вы довольны своей работой? Нажмите предварительный просмотр, чтобы просмотреть сайт перед его публикацией:

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

Внесите необходимые настройки, и теперь вы готовы к работе…

Шаг 10: Опубликуйте!

Ваш сайт готов! Нажмите «Опубликовать» в правом верхнем углу, чтобы поделиться своей работой со всем миром:

Вы можете настроить URL-адрес сайта, решить, кто может получить к нему доступ, а также, хотите ли вы, чтобы поисковые системы отображали его или нет:

Поздравляем с новым сайт!

Подходят ли вам сайты Google?

Даже не особо разбирающийся в технологиях пользователь может за короткое время запустить сайт с помощью Сайтов Google. Это особенно удобно, если у вас уже есть опыт работы с G Suite.

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

Однако простота Сайтов Google порождает ряд ограничений. Основные проблемы — это зависимость от собственных продуктов Google (а это означает, что вы не можете интегрировать другие инструменты) и отсутствие возможности настройки.

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

Важные особенности базы знаний включают:

• Мощные функции поиска для поиска информации
• Доступные функции редактирования и комментирования для совместной работы над документами
• Аналитика, показывающая, как пользователи взаимодействуют с контентом
• Расширенные функции доступа и безопасности
• Возможности интеграции и настройки

Правильная база знаний — это инструмент, который может заменить многие.Например, он может служить хранилищем файлов или платформой для совместной работы с документами, интранетом или платформой поддержки клиентов.

Одним из основных недостатков Google Sites является отсутствие настроек. Но у вашего бизнеса есть свои уникальные потребности, и правильный инструмент должен адаптироваться к вам, а не заставлять вас приспосабливаться к нему. Здесь, в Helpjuice, мы гордимся неограниченными возможностями настройки. У нас даже будет наша служба поддержки, которая бесплатно поможет вам настроить ваш сайт.Начните бесплатную 14-дневную пробную версию прямо сейчас.

Как бесплатно создать одностраничный сайт

Google Sites — это мощный бесплатный конструктор веб-сайтов, к которому любой может получить доступ через свою учетную запись Google.

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

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

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

Одностраничный веб-сайт — идеальная альтернатива для малых предприятий, у которых не так много информации для размещения на своем веб-сайте.

У них также часто есть одноцелевой призыв к действию (CTA), например:

• Форма бронирования
• Рекламное мероприятие
• Продвижение продуктов / услуг

Как сделать одностраничный веб-сайт?

Теперь давайте узнаем , как сделать одностраничный веб-сайт бесплатно с помощью Сайтов Google!

1.Начало работы

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

Выберите Google Диск.

У вас также есть возможность напрямую посетить свой Google Диск.

Теперь нажмите « New » на своем Google Диске.

В раскрывающемся списке выберите « Еще », а затем « Сайты Google ».

Теперь вы попали на сайты Google, один из лучших разработчиков одностраничных веб-сайтов .

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

2. Посетите панель инструментов Google Sites

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

Теперь, если мы выберем « Галерея шаблонов », откроется еще несколько шаблонов, которые мы можем выбрать.

Например, мы можем создать личный веб-сайт, рабочий веб-сайт или веб-сайт для малого бизнеса (например, выгула собак, праздничную вечеринку, фото-портфолио, ресторан и салон).

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

Выберите « Blank », и теперь мы можем начать процесс настройки.

3. Назовите свой новый веб-сайт

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

Помните, что это одностраничный веб-сайт.

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

Здесь вы также заметите некоторые параметры форматирования вашего текста. Мы хотим выделить заголовок страницы и сделать его жирным. Помимо этого, вы также можете выбрать стиль шрифта по вашему выбору.

Измените размер шрифта на 48 для лучшего внешнего вида.

Вы можете поэкспериментировать с другими параметрами форматирования, но пока мы оставим их как есть.

4. Добавьте логотип своей компании

Теперь нажмите « Загрузить », найдите логотип своей компании и нажмите « Открыть ».

Ваш логотип теперь появится в верхнем левом углу .

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

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

Вы можете выбрать один из этих трех цветов для использования в качестве темы на своем одностраничном веб-сайте.

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

Тем не менее, мы щелкнем по выходу и пока оставим это.

Подробнее: Canva Free Logo Maker

5. Изменить изображение заголовка

Если вы выберете второй вариант, вы попадете в галерею стоковых изображений Google.

Используйте любое из этих стоковых изображений для заголовка.

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

Однако в этом учебнике Google Sites мы загрузим изображение обложки, а не используем стоковое изображение.

Рекомендуемый размер изображения обложки для этого одностраничного создателя веб-сайта — 2560 × 1440 пикселей.

Опять же, если у вас нет готового изображения для обложки, используйте Canva в своих интересах.

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

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

6. Выберите темы веб-сайтов Сайтов Google

Во-первых, мы хотим убедиться, что для нашего сайта выбрана правильная тема.

Например, у нас есть «Простой», и справа выбран синий цвет.

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

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

На данный момент мы довольны текущей темой.Если вы перейдете к «Страницы», здесь вы можете создать дополнительные страницы или ссылки.

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

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

Теперь, если вы перейдете к « Insert », у вас будет много вариантов настройки здесь.

7. Добавьте элемент текстового поля

В разделе « Insert » просто щелкните « Text box ». Затем вы можете просто добавить текст в новое текстовое поле и отформатировать его.

Слева вы можете увидеть три варианта:

• Удалить раздел
• Дублировать раздел — чтобы использовать его позже в любом месте страницы
• Фон раздела — вы можете изменить фон текстового поля с помощью этого или загрузить изображение

Для этого урока мы выберем « Emphasis 1 », который добавит светло-серый цвет к фону этого текстового поля.

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

Мы можем, например, выбрать более темную тему, а затем выбрать «Акцент 2», чтобы изменить цвет фона текстового поля.

8. Вставьте видео

Видео помогают посетителям понять, что представляет собой ваш бренд, и тем самым повышают коэффициент конверсии. Просто нажмите « Embed », вставьте URL-адрес в видео YouTube и нажмите « Insert ».

Если у вас нет видео, пропустите эту часть. Но если вы встроили видео, лучше всего разместить его в центре.

С левой стороны вы снова можете изменить фон раздела для этого видео. Для этого мы выберем изображение Google.

Не забудьте удалить корректировку удобочитаемости, как мы это сделали в заголовке для этого учебника Google Sites . Это сделает фон немного темнее.

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

9. Добавьте макет

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

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

Щелкните любой из разделов и выберите « Загрузить » из раскрывающегося списка.

Выберите изображение и нажмите « Открыть ».

Теперь вы можете добавить текст, например «Professional & Affordable», прямо под изображением.

Ниже приводится краткое описание. При необходимости вы можете выбрать форматирование текста с помощью доступных параметров.

Проделайте то же самое для двух других разделов. Опять же, вы можете изменить фон раздела, если хотите.

А пока оставим фон белым. В зависимости от того, как открывается веб-сайт, мы можем изменить фон позже, если это необходимо.

10. Создайте форму для отправки

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

Чтобы создать форму отправки с помощью конструктора веб-сайтов Google , перейдите вправо, где вы найдете множество элементов или инструментов Google, которые можно интегрировать со своим веб-сайтом.

Чуть ниже макетов вы увидите опцию « Forms ».

Перво-наперво вернемся на Google Диск.

Нажав на « New », вы можете перейти к «Google Forms».

На следующем шаге назовите свою форму, и она появится на вашем веб-сайте. Для этого учебника Google Sites мы назовем его «Свяжитесь с нами сегодня»!

Приходите и добавьте описание формы « Заполните эту форму, и мы свяжемся с вами как можно скорее, ».

Справа нажмите значок «+», чтобы добавить вопрос.

В раскрывающемся списке вы можете выбрать тип ответа (например, MCQ или короткие ответы). Мы выберем « Короткий ответ ».

Вместо «вопроса» введите «Имя».

Убедитесь, что у вас включен параметр «Требуется».

Затем перейдите в «Настройки» и нажмите «Собирать электронные письма». Нажмите «Сохранить».

Теперь ваша форма может начать сбор электронных писем.

Теперь мы добавим третий вопрос, выберем « Paragraph » из раскрывающегося списка и добавим «Сообщите нам, чем мы можем помочь?» Снова нажмите «Обязательно».

Теперь вы можете перейти к настройкам и выбрать « Presentation ».

Теперь добавьте быстрое подтверждающее сообщение: «Спасибо за ваше сообщение, мы свяжемся с вами в ближайшее время»! Как только пользователи заполнят форму, они увидят это сообщение. Нажмите «Сохранить».

Кроме того, вы также можете выбрать цвет темы в правом верхнем углу.

Выбираем сине-серый цвет, чтобы не отставать от тона бренда.

На вкладке « Responses » вы увидите все свои ответы, которые также можно просмотреть в таблицах Google.

Вот подробное руководство по созданию формы Google.

В качестве альтернативы вы можете использовать мощный инструмент под названием Zapier, который позволяет связать вашу форму Google с CRM или Gmail. Узнайте, как начать работу с Zapier здесь.

Убедитесь, что вы назвали свою форму «Форма Сайтов Google», чтобы избежать путаницы при ее импорте.

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

Ваша форма готова!

11. Добавьте карту

Это для местных предприятий, которые хотят добавить свое физическое местоположение. Для многостраничного сайта карта добавляется на страницу контактов. Просто выберите « Карта » справа и введите местонахождение своей компании.

Убедитесь, что местоположение указано правильно, прежде чем нажимать « Выбрать ».

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

Добавьте еще одно текстовое поле под ним с надписью « Find Our Location ». Опять же, вы можете настроить форматирование текста по своему усмотрению.

12. Добавить нижний колонтитул

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

Вам просто нужно нажать « Добавить нижний колонтитул ». Добавьте название своей компании, авторские права, условия и положения и политику конфиденциальности. Вы можете добавить ссылку на политику конфиденциальности, которая приведет посетителя к соответствующему документу.

Вы можете сделать это в основном для любого текста на своем одностраничном веб-сайте.

13. Предварительный просмотр и публикация

Чтобы увидеть, как ваш веб-сайт выглядит на нескольких устройствах, таких как настольные, планшетные и мобильные, просто нажмите « Preview ».

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

В разделе «Настройки» вы также можете добавить информацию о бренде.

Когда будете готовы, перейдите к « Опубликовать », а затем спуститесь вниз и добавьте название своей компании. Поскольку мы создаем бесплатный веб-сайт, вы увидите брендированный домен.

Если у вас есть собственный домен, вы также можете добавить его. Затем нажмите «Опубликовать».

Ваш одностраничный сайт успешно опубликован!

Также прочтите / посмотрите: Как создать премиальный веб-сайт WordPress (Полное руководство для начинающих)

Учебник по Сайтам Google для начинающих

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

При необходимости вы всегда можете добавить дополнительные страницы.

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

В этом «Руководстве по сайтам Google для начинающих» вы получите подробное описание создания одностраничного веб-сайта для вашего малого бизнеса.

Создание нового сайта | Kentico 12 Service Pack Учебное пособие

Если вы хотите начать разработку веб-сайта в Kentico, мы рекомендуем установить новый пустой сайт.Вы также можете использовать один из наших образцов сайтов, например, сайт Dancing Goat, но тогда вы должны обязательно удалить все образцы объектов, которые вам не нужны. См. Раздел Создание новых сайтов из шаблонов для получения инструкций по установке образца сайта.

Для целей этого руководства установите новый пустой сайт:

1. В интерфейсе администрирования Kentico откройте приложение Sites .
   
   
   
   
2. Щелкните Мастер создания нового сайта .
   
   
   
   
3. Выберите Создайте новый сайт с помощью мастера и нажмите Далее .
4. Введите сведения для нового веб-сайта:
   
   • Отображаемое имя сайта : MEDIO clinic
     
   • Доменное имя : не изменяйте значение в этом поле
     
   • Культура сайта : (по умолчанию)
     
     
5. Нажмите Далее .
6. На шаге 3 ничего не меняйте и нажмите Далее .
   • Этот шаг позволяет выбрать объекты, которые система импортирует на новый сайт.
     
     
7. Если вы столкнулись со следующим предупреждением, нажмите Далее.
   • Предупреждение. Не удалось запустить сайт «Клиника MEDIO», сайт уже работает под этим псевдонимом домена. Сначала необходимо остановить существующий сайт, а затем вручную запустить новый.
   • Два сайта не могут работать в одном домене одновременно. Для целей этого руководства мы остановим ранее установленный сайт (обычно сайт Dancing Goat) после завершения создания сайта.

8. На шаге 5 выберите Пустая эталонная страница .

9. Нажмите Далее .
   
10. Нажмите Готово .
    

Система создает новый пустой веб-сайт и отображает его в приложении Sites .

Если вы ранее устанавливали другой сайт, остановите его сейчас, чтобы вы могли запустить новый:

1. Остановите () веб-сайт, который работает в домене, который вы хотите использовать (в нашем случае localhost ).
   
2. Запустите () веб-сайт клиники MEDIO.

Запуск нескольких веб-сайтов одновременно

Если вы хотите запускать несколько веб-сайтов одновременно, вам необходимо установить для них разные доменные имена. Дополнительные сведения см. В разделе «Настройка нескольких веб-сайтов».

Как создать сайт с помощью google sites

Google Sites, инструмент Google для создания структурированных вики- и веб-страниц, был разработан для создания простых веб-сайтов, поддерживающих сотрудничество между различными редакторами.Приложение является частью Google G Suite, который представляет собой пакет приложений Google, предназначенных для использования в бизнесе. G Suite содержит и другие приложения, включая Gmail, Документы, Диск, Календарь и другие.

Сайты Google — это веб-служба, которую вы можете использовать для разработки веб-сайтов. Это бесплатный сервис для создания динамических и интерактивных веб-сайтов, знание HTML не требуется. Сайты Google используют редактор WYSIWYG, но если вы опытный пользователь, интерфейс также позволяет вручную редактировать HTML-код.

Основы создания веб-сайтов с помощью Сайтов Google

С учетной записью Google G Suite вы можете бесплатно создать полноценный веб-сайт за считанные минуты. Это одна из лучших скрытых функций в вашей новой учетной записи G Suite и простой способ создать современную интрасеть для вашей компании.

Как добавить код на сайт Google

Добавление игр на ваш сайт Google

Использование дополнительных функций в Сайтах Google

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

Управление проектами с помощью Сайтов Google

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

Учебное пособие и лучшие практики по Сайтам Google

Ах, Сайты Google: инструмент G Suite, который слишком долго недооценивался, а иногда даже был неизвестен.Сейчас, более чем когда-либо, предприятиям нужен способ, чтобы информация, которая когда-то передавалась по всему офису, была легко доступна для тех, кто в ней нуждается, сохраняя при этом безопасность самих данных. Подумайте об интранете компании (включая кадровую политику), веб-сайте отдела, обучающем сайте для недавно нанятых сотрудников или даже индивидуальном портфолио. Учитывая, что большая часть мира на 100% удалена, мы не можем переоценить полезность и необходимость сильной интрасети. И не только это, его должно быть легко настроить и обновить, поскольку ваша организация продолжает претерпевать изменения (в отличие от того, что мы слышали от пользователей SharePoint).Мы собираемся показать вам прямо здесь, как легко создать сайт, подобный одному из этих.

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

• Если ваш контент в основном состоит из текста и изображений, подумайте о создании Google Doc с оглавлением для удобной навигации.
• Если ваш контент в основном состоит из файлов Google Диска, рассмотрите возможность использования функции «Рабочие области» в области «Приоритет» на Google Диске.

Что касается всего остального, давайте настроим его на сайтах Google!

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

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

На своем сайте Google вы сможете упорядочивать контент по разным макетам, а также организовывать его по различным страницам и подстраницам. Перед тем, как приступить к созданию сайта, может быть полезно набросать свое видение этого сайта на бумаге (или в Google Doc)!

Вот несколько вопросов, которые помогут вам в процессе организации контента:

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

• На Google Диске выберите Новый → Еще → Google Site .
• Вставьте заголовок своего сайта в обе области, выделенные на скриншоте ниже:

В правой части Google Сайтов меню «Вставка» позволяет быстро добавлять текстовые поля, изображения и контент с Google Диска.

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

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

Подсказка: Вставьте текстовое поле, чтобы приветствовать своих коллег на сайте!

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

На снимке экрана ниже показан пример того, как макет может выглядеть до и после добавления содержимого.

Подсказка: Если вы добавляете календарь в небольшое пространство, используйте вид Agenda , чтобы отобразить его более четко.

На вкладке Themes вы найдете различные варианты изменения внешнего вида вашего сайта, включая различные цветовые палитры.

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

Щелкните три вертикальные точки в правом верхнем углу Сайтов Google и выберите Изменить значок .

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

Чтобы добавить новую страницу, щелкните вкладку Pages , а затем нажмите кнопку + внизу экрана.

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

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

Затем выберите Добавить подстраницу .

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

Теперь вы можете увидеть свою новую подстраницу, указанную ниже,

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

Баннеры — Если вы хотите объявить на Сайте что-то новое или просто привлечь внимание, создайте баннер. Это будет панель в верхней части сайта. Чтобы настроить его, перейдите в раздел настроек шестеренки и баннера с объявлением.

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

• Встраивать календари, документы, таблицы, слайды, формы, диаграммы и т. Д.
• Сворачиваемый текст
• Содержание
• Карусель изображений
• Кнопка
• Видео на YouTube

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

Чтобы добавить соавторов, нажмите кнопку + Поделиться в правом верхнем углу экрана.

Введите имена одного или нескольких коллег, а затем выберите уровень доступа, который вы хотите, чтобы они имели:

• Можно редактировать сайт
• Может просматривать опубликованный сайт

Не забудьте нажать кнопку Отправить , чтобы сохранить изменения!

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

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

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

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

Чтобы вернуться в режим редактирования, щелкните синий значок X в правом нижнем углу экрана.

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

Сначала нажмите кнопку Опубликовать в правом верхнем углу экрана.

Затем внесите любые изменения в рекомендуемый веб-адрес или оставьте его как есть.

По умолчанию опубликованный сайт будет виден всем в домене G Suite вашей организации. Если вы хотите изменить это так, чтобы его могли просматривать только определенные люди, щелкните ссылку Управление , чтобы изменить разрешения на просмотр.

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

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

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

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

Дополнительные ресурсы

И вот оно! Но мы не должны останавливаться на достигнутом … Cloudbakers также создали несколько примеров сайтов Google, чтобы помочь вам увидеть, как они могут выглядеть и что делать.

Посетите указанные ниже ресурсы, чтобы узнать больше о Сайтах Google!

Впервые в G Suite? Cloudbakers здесь, чтобы помочь! Независимо от того, находитесь ли вы на этапе миграции или пытаетесь убедить свою команду принять платформу, мы встретим вас там, где вы находитесь. Свяжитесь с нашими экспертами по адресу [email protected].