К основному контенту

Google Sites онлайн Конструктор сайтов



B 2006 году Google купил разработки конструктора сайтов у компании Jotspot. На базе которых был сделан популярный онлайн конструктор сайтов Google Sites. В феврале 2008 года этот сервис включили в набор корпоративных приложений Google Apps, так что конструктор сайтов был доступен только для корпоративных заказчиков. В мае 2008 года сервис Google Sites открыли для всех желающих. У кого есть Аккаунт Google.


Онлайн конструкторы сайтов работают по облачной технологии SaaS. SaaS это аббревиатура английского Site as a Service (Сайт в виде Сервиса). Это означает, что одновременно с Конструктором для создания Вашего сайта. Вам предоставляется и хостинг для этого сайта. То есть Вы можете создать и разместить в интернете Ваш сайт самостоятельно. Без услуг Веб студии. Быстро, просто и бесплатно.




Address:  https://sites.google.com
Alexa Rank: 0,001 (Google.com)
Price: Free
Live Site:  https://sites.google.com/site/technograderu

Для примера создание и редактирование сайта рассмотрено на моем сайте Technorade

Регистрация

Конструктор Google Sites является одним из многочисленных сервисов Google. Кто не знает Google+, Google Analytics, Google AdWords. Поэтому, чтобы создать сайт на конструкторе Google Sites, нужно зарегистрироваться, и получить Аккаунт Google.
Ссылка на Google Sites. sites.google.com

Зарегистрируйтесь, и войдите в Аккаунт Google.
В разделе Аккаунт есть подраздел Продукты. В подразделе Продукты найдите синюю иконку Сайты



Создать Сайт

При клике на иконку откроется окно Сайты с красной кнопкой Создать
Придумайте и введите имя (это важно, потом не исправишь). Выберите Шаблон (это неважно, потом можно поменять) Создайте Сайт.


Редактирование сайта

В режиме редактирования вверху справа появляются 4 кнопки Изменения происходят прямо на живом сайте. Это удобно. Сайт всегда перед глазами. Все изменения видно сразу. Не нужно открывать дополнительно окно просмотра изменений.

  • Изменить страницу (пиктограмма карандаш)
  • Создать страницу (пиктограмма лист+)
  • Дополнительные действия (надпись еще)
  • Открыть доступ (синяя с надписью)


Из режима Редактирование сайта при нажатии кнопки Еще (дополнительные действия) выпадает меню, где есть ссылка Управление сайтом в разделе Действия на сайте.
Из режима Управление сайтом можно попасть в режим Редактирование сайта нажатием вверху на ссылку Имя сайта.

Создать страницу

При нажатии вверху справа на кнопку Создать страницу (пиктограмма лист+) появится окно Создание новой страницы.



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

Изменить страницу

Страницу можно изменить сразу же после создания. Или когда нужно, при Редактировании сайта. Для этого нужно вверху справа нажать кнопку Изменить страницу (пиктограмма карандаш)




Вверху горизонтальная панель форматирования страницы. Можно изменить заголовок страницы в верхнем поле. Можно просто писать текст в основном поле. Можно добавить файлы (это позволяет макет Веб-страница). Вверху справа появились кнопки Сохранить и Отмена для подтверждения сделанных изменений.

Меню изменений
  • Вставить
  • Формат
  • Таблица
  • Макет


Вставить

Позволяет вставлять на страницу огромное количество различных типов контента. Гаджеты это сторонние приложения. Можно вставить приложения Google.
Часто используемые
  • Изображение
  • Ссылка
  • Оглавление
  • Список подстраниц
  • Горизонталтная линия
  • Кнопка +1

Гаджеты
  • Последние сообщения
  • Последние обновленные файлы
  • Последние элементы списка
  • Текстовое поле
  • Поле HTML
  • Дополнительные гаджеты

Google
  • AdSense
  • Гаджет Apps Script
  • Календарь
  • Диаграмма
  • Документ
  • Рисунок
  • Папка
  • Группа
  • Карта
  • Фотография Picassa
  • Слайд-шоу Picassa Web
  • Презентация
  • Таблица
  • Табличная форма
  • Видео




Формат

Дублирует Панель верхнюю горизонтальную панель форматирования
  • Удалить форматирование
  • Заголовок
  • Подзаголовок
  • Обычный текст параграфа
  • Перечеркнутый
  • Надстрочный знак
  • Подстрочный знак
  • Код
  • Код цитаты
  • Выровнять по левому краю
  • Выровнять по центру
  • Выровнять по правому краю




Таблица

Позволяет работать с таблицами.
  • Вставить таблицу
  • Вставить строку выше
  • Вставить строку ниже
  • Вставить столбец слева
  • Вставить столбец справа
  • Удалить таблицу
  • Удалить строку
  • удалить столбец




Макет

Позволяет выбрать макет страницы.
  • Один столбец (простой)
  • Два столбца (простой)
  • Три столбца (простой)
  • Один столбец
  • Два столбца
  • Три столбца
  • Левая боковая панель
  • Правая боковая панель
  • Левая и правая боковые панели



Макет страниц отличается от макета всего сайта. Ссылка Изменение макета сайта доступна в меню Дополнительные действия (кнопка Еще) при Редактировании сайта.
Можно включить или выключить а также настроить элементы макета сайта. А также задать ширину сайта

  • Заголовок
  • Горизонтальная навигация
  • Боковая панель
  • Пользовательский нижний колонтитул



Чтобы настроить элемент, в режиме изменения макета сайта. Наведите на нужный элемент. Он подсветится бледно фиолетовым.  Кликните на нужном элементе. Откроется всплывающее окно настроек. Для каждого элемента свое.
В горизонтальной панели навигации при создании показываются только корневые, родительские страницы. Чтобы показать выпадающее меню с дочерними подстраницами. Нужно
  • Показать эти подстраницы
  • Стрелочкой вверх-вниз расположить их под корневой, родительской страницей
  • Стрелочкой вправо-влево сделать их дочерними подстраницами

Настройка фона и шрифтов выпадающего меню. В разделе Управление сайтом - Темы, цвета, шрифты.


Вставить изображение

Нажмите следующее. Кнопка Изменить страницу (пиктограмма карандаш) Меню Вставить. Ссылка Изображение. Откроется окно Добавление изображения. Загрузите файл изображения с Вашего компьютера. Или выберите изображение из уже загруженных. Нажмите кнопку OK.
Изображение появится на Вашей странице.

Настройка элемента

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



Можно Отцентрировать элемент на странице. Задать обтекание элемента текстом. Можно удалить элемент. Колесико шестеренка открывает окно настроек элемента



Другие настройки гаджета задавались при его вставке (в примере это гаджет интернет-магазина Ecwid)
В этом окне настраиваются размеры гаджета на странице, его заголовок, все что нужно для редактирования страницы.

Управление сайтом

Это страница в Аккаунте Google с разделами
  • Последние действия на сайте
  • Страницы
  • Приложения
  • Шаблоны страниц
  • Скрипты Служб Google
  • Удаленные элементы
  • Общие
  • Общий доступ и разрешения
  • AdSense
  • Веб-адрес
  • Цвета и шрифты
  • Темы

Страницы

Из режима Редактирование сайта при нажатии кнопки Еще (дополнительные действия) выпадает меню, где есть ссылка Управление сайтом в разделе Действия на сайте
Страницы это живое (редактируемое) дерево страниц. Можно перемещать страницу в любую ступень иерархии.



Приложения

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

Шаблоны страниц

Существуют Стандартные шаблоны и Шаблоны, созданные пользователем.
Стандартные шаблоны
  • Объявления — Мини-блог с объявлениями
  • Файловый менеджер — Место хранения файлов
  • Список — Создание списков для отслеживания различной информации
  • Веб-страница (по умолчанию) — Стандартная веб-страница

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

Веб-адрес

Сайт можно привязать к вашему личному домену (например, www.example.com). Для этого сначала подтвердите, что являетесь владельцем домена.

Цвета и шрифты

Всего около 50 настроек шрифтов и цветов. Это много. И вполне достаточно, чтобы хорошо настроить Цвета и Шрифты.
  • Вся страница — 6 настроек
  • Заголовок сайта — 5 настроек
  • Область содержания — 9 настроек
  • Гаджеты области содержания — 10 настроек
  • Гаджеты боковой панели — 10 настроек
  • Гаджет навигации — 2 настроек
  • Горизонтальная навигация — 7 настроек
  • Раскрывающееся меню горизонтальной навигации — 2 настроек



Темы оформления

Конструктор предлагает 52 Шаблона на выбор. Дополнительно каждый шаблон можно настроить в разделе Цвета и шрифты. Цвет, Шрифт, Хедер, Футер, Фон. Кто умеет все это настраивать, выбирает шаблон первый по списку. Кто не умеет, выбирает понравившийся.

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

Разделы Тем
  • Популярные
  • Деловое сотрудничество
  • События и мероприятия
  • Школы и общеобразовательные учреждения
  • Клубы и организации
  • Личные и семейные
  • Государственные и некоммерческие


Скачать бесплатно PDF книгу

http://websiteskin.com/e-book-google-sites-website-builder.html
http://readigo.com/e-book-google-sites-website-builder.html
http://site1day.com/e-book-google-sites-website-builder.html

Положите товар в корзину как при покупке. А при оформлении в Payment Method (Способ платежа) укажите Free Checkout (Бесплатное Оформление). После оформления вы бесплатно скачаете PDF книгу или Шаблон

Google Sites онлайн Конструктор сайтов PDF
  • Формат - PDF (Adobe Reader)
  • Навигация - есть букмарки
  • Размер листа - 22,57 см Х 16,93 см
  • Ориентация - в ширину
  • Страниц - 31
  • Иллюстраций - 20
  • Язык - Русский
Оглавление:
Google Sites онлайн  Конструктор сайтов 1
Оглавление    2
Конструктор Google Sites    3
Регистрация    6
Создать сайт    6
Редактирование сайта    8
Создать страницу    9
Изменить страницу    9
Вставить    13
Формат    16
Таблица    16
Макет    18
Вставить Изображение    20
Настройка элемента    22
Управление сайтом    24
Страницы    26
Приложения    26
Шаблоны страниц    26
Веб-адрес    28
Цвета и шрифты    28
Темы оформления    30

Автор: Katrin Kopytina
Google

Комментарии

Популярные сообщения из этого блога

Merchium Тема Установка

Перед Установкой Темы Merchium 1. Откройте свой интернет магазин Merchium . Это Бесплатно Перейдите на Merchium.ru и заполните поля ниже ссылки "Запустите интернет-магазин за 10 секунд!" и нажмите на кнопку "Открыть магазин". Следуйте инструкциям. 2. Скачайте Тему Merchium . Тема поставляется в виде ZIP-архива  менее 1 MB . В Наших интернет магазинах есть Платные и Бесплатные Темы Merchium. Websiteskin   http://websiteskin.com/merchium.html ReadiGO http://readigo.com/merchium.html Site1day http://site1day.com/merchium.html Установка Темы Merchium Войдите в Панель администратора интернет магазина. Введите Ваш адрес электронной почты и пароль. Нажмите кнопку "Войти". В Панели администратора перейдите на страницу стилей. Для этого выберите пункт "Стили" в выпадающем меню "Дизайн" в правом верхнем углу страницы. Либо перейдите по ссылке: /admin/?dispatch=style_editor.manage . На странице "Стили...

Merchium Shopping Cart

Merchium Hosted Shopping Cart арендная программа для создания собственного интернет-магазина. Разработчик - компания Simbirsk Technology город Ульяновск, Россия. Являются разработчиками CS-Cart - популярной программы, на которой работает более 30 000 интернет-магазинов . В октябре 2013 года разработчики опубликовали на своем официальном блоге статью CS-Cart SaaS уже на Горизонте . В мае 2014 программа получила собственное имя Merchium . И открыла официальный сайт продукта Merchium.com В Премиум тарифах. Merchium может работать с несколькими разными магазинами , управляемыми одной программой. У каждого магазина своя Тема оформления. Свои макеты страниц. Свои Товары со своими ценами. Программа интернет-магазина Merchium хостинговая. В отличие от серверных программ, отдельно хостинг оплачивать не нужно . Технологически Merchium это программа интернет-магазина CS-Cart 4 . Имеет мощный функционал. Редактор Макетов с системой Блоков Х16. Редактор Тем с 68 Настройками Цветов...

Shopify Shopping Cart

Хостед Shopping Cart работает по облачной технологии SaaS . SaaS это аббревиатура английского Software as a Service (Программа в виде Сервиса). Это означает, что одновременно с Shopping Cart Software ( Программой интернет-магазина) Вам предоставляется и хостинг для Вашего магазина. То есть Вы можете создать и разместить в интернете Ваш магазин самостоятельно. Быстрее, и проще Лицензед. Многие Лицензед Shopping Cart также имеют Хостед версию. Magento GO, X-Cart Next, Это  упрощает обучение персонала, обслуживающего магазин. Shopify была основана в 2006 году Тобиасом Лютке, Даниэль Weinand и Скотт Лэйк. Платформа получила награды от TechCrunch, Нью-Йорк Таймс и Fast Company . Shopify получила $ 22 млн в серии А и B финансирования из Bessemer партнеры предприятия, FirstMark Capital, Felicis Ventures, и Грузинских Партнеров . Address: http://www.shopify.com Technology: Ruby on Rails Alexa Rank: 1,559 Price: Basic $29 / мес. - 100 товаров, Professional $7...