Бесплатный Означает Пользовательский домен Без рекламы Создание сайта с нуля может быть быстрым: одностраничный макет с обложкой во всю ширину, жирным шрифтом, автоматически поворачивающейся галереей изображений, встроенным видео и кнопкой ссылки, которая отлично смотрится на мобильных устройствах. Многие “бесплатные” разработчики и хостеры на самом деле не бесплатны: они блокируют пользовательские домены на бесплатных тарифных планах или размещают свою рекламу при их подключении. Если платформа не разрешает использовать ваш собственный домен бесплатно или добавляет рекламу, это не бесплатно. Стремитесь к настройке, которая обеспечивает функциональность и оперативность без скрытых проблем.
Сайты Google: конструктор, хостинг и SSL бесплатно После того, как вы навсегда закрепите за собой бесплатный домен верхнего уровня (например, такой, как frisaid.cf), вам останется только получить действительно бесплатный конструктор и хостинг. Google Sites предоставляет как простой конструктор, так и бесплатный хостинг. Он также поддерживает бесплатное подключение вашего собственного домена и автоматически включает SSL-сертификат. Подключение к домену происходит позже; сейчас основное внимание уделяется созданию с помощью конструктора.
Создайте сайт на Google Диске Откройте drive.google.com в Chrome и войдите в систему или создайте учетную запись Google. Нажмите "Создать" и выберите "Сайты Google", чтобы создать пустой сайт, затем переименуйте файл, чтобы он был сохранен под этим именем на Google Диске. Задайте заголовок страницы, измените изображение в верхнем колонтитуле с помощью кнопки Изменить изображение и выберите тип заголовка, например обложку, большой баннер, растяжку или только заголовок. При желании удалите название сайта и логотип по умолчанию из левого верхнего колонтитула, чтобы сделать заголовок более чистым.
Добавляйте контент с помощью вставки и карусели изображений Используйте вкладку "Вставка" на правой боковой панели, чтобы разместить текстовые поля, изображения, пользовательский HTML-код или готовые макеты одним щелчком мыши. Добавьте карусель изображений как минимум с двумя изображениями, откройте шестеренку, чтобы включить автозапуск, установите среднюю скорость перехода и скройте точки и подписи. Вставьте карусель и измените размер или положение блока, чтобы он соответствовал дизайну. Готовые макеты и HTML-встраивание предоставляют место для любых пользовательских блоков, которые вам нужны.
Запись, форматирование и изменение порядка блоков Редактируйте текст прямо на странице; изменения автоматически сохраняются до публикации. Применяйте заголовки, выравнивание, списки, жирный шрифт, курсив и вставляйте ссылки по мере необходимости. Перемещайте блоки с помощью точечных маркеров: левый маркер изменяет порядок между разделами, а верхний маркер помещает блок внутри другого элемента. Перетащите связанный подзаголовок под основным заголовком и последовательно выровняйте элементы, удалив все лишнее.
Встроите YouTube и добавьте кнопку с призывом к действию Вставьте макет с текстом и интерактивным заполнителем, затем перетащите его, чтобы поменять местами столбцы, чтобы текст был слева, а мультимедиа - справа. Используйте шестеренку заполнителя, чтобы изменить его тип на YouTube, вставьте URL-адрес видео и отрегулируйте размер; макет адаптирует другие элементы, чтобы дизайн был аккуратным. Добавьте кнопку из меню Вставка, установите для нее ярлык и ссылку и перетащите ее в макет под текстом рядом с видео. Обратите внимание на синюю подсветку, чтобы разместить элементы внутри блока, а не между секциями, и добавьте разделитель для придания стиля.
Создавайте стиль с помощью тем, цветов и шрифтов Откройте вкладку "Темы", чтобы управлять внешним видом сайта; в простой теме по умолчанию используется цветовой акцент для заголовков и кнопок. Выберите пресет или откройте палитру для любого цвета; в Google Material Design по умолчанию используются современные и безопасные варианты оформления. Измените типографику для всего сайта на тонкую, классическую или жирную или выберите совершенно другую тему, например "Аристотель", "Дипломат", "Видение", "Уровень" или "Впечатление". Если выбрать тему "Впечатление" в красном цвете с оформлением в верхнем регистре, это создаст эффектный внешний вид.
Страницы, предварительный просмотр и дополнительные параметры Используйте Pages для добавления дополнительных страниц, если это необходимо, хотя может быть достаточно и одной страницы. На верхней панели доступны функции отмены / повтора и предварительного просмотра, которые отображаются на рабочем столе, планшете и мобильном устройстве. Поделитесь доступом с коллегами и изучите трехточечное меню для аналитики, создания копии, добавления значка, настройки пользовательского URL-адреса, параметров навигации, сообщения о проблеме, справки и краткого обзора. Скопируйте ссылку после публикации сайта.
Публикуй и выходи в эфир Опубликуйте на адрес Google Sites, например https://sites.google.com/.../your-chosen-path, выбрав уникальный путь, даже если он временный. Позже подключите свой собственный домен, чтобы внутренний адрес больше не имел значения. Нажмите Опубликовать и откройте веб-сайт, чтобы увидеть результат. Включите уведомления, чтобы получать следующие руководства и лучшие бесплатные инструменты.