Создание сайта на базе Google Sites

Содержание:

1. Если у вас уже есть электронный ящик на gmail
У вас уже есть аккаунт Google. Для входа в аккаунт используйте имя пользователя (та часть электронного адреса, которая до символа @) и свой пароль для почты.

2. У вас нет электронного адреса
Чтобы создать аккаунт google:
1)Перейдите на Google.ru. Нажмите на кнопку «Войти» в правом верхнем углу cтраницы. Или можете пройти регистрацию со страницы https://accounts.google.com/signup
Наличие аккаунта Google даст нам возможность пользоваться целым пакетом бесплатных служб:

Google Sites – создание сайтов
Google Docs – работа с документами, таблицами, формами, презентациями
iGoogle – индивидуальная страница с играми, новостями и пр.
Google Analytics – инструмент для анализа сайта
Google Webmaster Tools – инструмент для вебмастеров
Google Adsense – рекламная программа контекстных объявлений
Blogger — блоги
Picasa — фотоальбом

И еще много полезных инструментов лично на ваш вкус.

Сайты Google

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

https://sites.google.com/

Служба Google Sites предоставляет возможность бесплатного создания сайтов на
бесплатном хостинге. Ограничения на размер сайта — 100 МБ. Google Sites понятны идружелюбны для новичков, если у вас совсем нет опыта сайтостроения, это новый шанс для вас. На свой сайт вы можете загрузить любой текст, таблицу, презентацию или форму опроса используя Google Docs, видеоролики из YouTube, можете разместить календарь и карты Google, а также использовать большое количество готовых гаджетов из iGoogle.

Для создания сайта необходимо проделать следующие шаги:

Заходим в свой аккаунт Google.
На странице поиска Google в верхней части страницы кликаем на ссылку «Еще — Сайты». Или набира
ем в поисковой строке Google Sites.
Кликаем на кнопку — «Создать новый сайт«.
Выбираем шаблон сайта. Шаблон – это оригинальное готовое дизайнерское
решение сайта. Выбираем на свой вкус, потом этой возможности не будет – она появляется только в момент создания сайта. Если это ваш первый сайт – я рекомендую выбрать «Пустой шаблон», он же идет по умолчанию, так как он быстрее всех грузится при загрузке веб-страницы, что немаловажно.
Дайте название своему сайту – полное название вашей библиотеки (например, ГБОУ СПО МО «Колледж Дубна»). Введите имя, выбранное вами для сайта. Обратите внимание, в нижнем окне автоматически формируется адрес вашего сайта в соответствии с выбранным именем. Именно рядом сэтим окном смотрим сообщение о том, свободно ли выбранное нами имя и адрес или нет.
Выберите тему. Выбирайте любую, ее потом можно будет изменить.
Дополнительные параметры. Сайт может быть открыт для всех или для группы лиц, приглашенных вами. Чаще всего, создаются сайты, открытые просмотра всеми, но пока вы над сайтом работаете, можно общий доступ закрыть, чтобы не демонстрировать незаконченную работу. Этот параметртакже можно будет изменить в любое время.
Введите код. Сейчас мы увидим, доступен ли выбранный нами адрес сайтаили нет… Если после нажатия кнопки «СОЗДАТЬ» нам предлагают ввести код повторно и рядом со строкой адреса сайта появляется сообщение «Выбранное вами местоположение недоступно» —это означает, что название сайта надо изменить, т.к. сайт с таким именем уже существует.
При сообщении: «Выбранное вами местоположение недоступно» – изменяем
имя сайта. Имя сайта потом тоже можно будет изменить, сейчас главное,
чтобы строчка с адресом сайта прошла проверку на уникальность. Еще раз вводим код подтверждения – до тех пор, пока не начнется процесс создания сайта – 3-5 сек.

Дизайн сайта в Google Sites настраивается в меню Дополнительные действия — Управление сайтом — Оформление сайта

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

Наполните содержимым первую страницу вашего сайта. Желательно, чтобы на странице присутствовал заголовок, текст, ссылки на другие страницы.
Создайте на сайте пару страниц (пока можно пустых) и добавьте их в навигацию по сайту: после сохранения страницы — меню Дополнительные действия — Настройки страницы — Показать эту страницу на боковой панели.
Создайте страницу «Новости» с типом шаблона Объявления. Меню Создать страницу — Выберите нужный шаблон (Объявления).

Добавьте к этой странице пару страниц с 1-2 строчками содержания, используякнопку Новое сообщение.
Чтобы Новости отображались на Главной странице делаем следующее: на Главной странице в меню Редактировать страницу — Вставка — Последние сообщения -выбираем нашу страницу «Новости» и включаем флажки Включить рамку, Включить заголовок (меняем заголовок «Новости»). Нажимаем «Сохранить» и смотрим результат.

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

Заголовок сайта.
Панель навигации.
Заголовок страницы.
Текст на странице.
Ссылка на странице.
Гаджет с анонсами объявлений.

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

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

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

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

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

1.Перейдите на страницу сайта, которую нужно изменить. Нажмите Изменить страницу и следуйте приведенным ниже инструкциям.

Редактирование текста. Вы можете добавлять и редактировать текст, изменять шрифт, его размер, стиль и цвет, создавать списки и делать многое другое.
Добавление изображения. Нажмите Вставка > Изображение.
Добавление видео. Нажмите Вставка > YouTube (ваше видео должно быть загружено на YouTube).
Добавление документа, презентации, календаря или таблицы. Нажмите Вставка > Диск и выберите нужный тип файла.

2.Нажмите Сохранить

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

Откройте страницу, на которую необходимо вставить изображение, и нажмите кнопку с карандашом «Изменить страницу».
В меню Вставить выберите Изображение.
Если картинка хранится на компьютере, установите переключатель в положение Загруженные изображения и выберите нужный файл. Чтобы добавить картинку, найденную в Интернете, установите переключатель в положение Интернет — адрес (URL) и в поле URL изображения введите необходимый URL.
Нажмите к нопку ОК.
При необходимости можно изменить размер и положение изображения, а также настроить его обтекание текстом.
Продолжите редактирование страницы или нажмите кнопку Сохранить, чтобы применить все изменения, внесенные на текущей странице.

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

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

Откройте страницу с изображением и нажмите кнопку с карандашом «Изменить страницу».
Нажмите на изображение, которое требуется настроить.
Измените его размер, выбрав нужный вариант. S соответствует малому, M – среднему, L – крупному, а
Оригинал – исходному размеру.
Измените положение изображения в тексте страницы, выбрав выравнивание по левому или правому краю либо по центру.
Чтобы включить обтекание, нажмите кнопку «С обтеканием».
Чтобы продолжить редактирование страницы, просто выберите любой элемент за пределами изображения. Если нажать кнопку Сохранить, на текущей странице будут применены все изменения.

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

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

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

3.Ссылка может вести как на сторонний сайт, так и на страницу вашего ресурса (существующую или новую).

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

4.Чтобы при переходе по ссылке (независимо от ее типа) целевая страница открывалась в новом окне или на новой вкладке браузера, установите флажок Открыть ссылку в новом окне.

5.Нажмите ОК.

6.Продолжите редактирование или нажмите Сохранить, чтобы сохранить изменения.

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

Нажмите «Создать страницу». Выберите тип страницы (шаблон).

Наиболее подходящие шаблоны:

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

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

Список. На страницах списков можно создавать и систем атизировать списки данных. Элементы в списке можно добавлять, изменять и удалять. Выберите «Пользовательский список», заполните названия столбцов и их назначение (текст, url).

Чтобы изменить макет страницы (например, переместить панель навигации, поменять местами ссылки в меню, добавить или отредактировать колонтитулы), выполните следующие действия:

Нажмите Дополнительные действия > Изменить макет сайта.
Для примеры выберем «Горизонтальную навигацию».
Внесите изменения, нажимая на элементы сайта или используя панель инструментов, которая появится в верхней части экрана. Все изменения будут сохранены автоматически.

Откройте меню Дополнительные действия и выберите пункт Управление сайтом.
Перейдите в раздел Общие.
Измените текст в поле «Название сайта«.
Нажмите кнопку СОХРАНИТЬ.

Откройте меню Дополнительные действия и выберите пункт Управление сайтом.
Перейдите на вкладку Общие.
Снимите флажок «Показывать название сайта вверху страниц».
Нажмите кнопку СОХРАНИТЬ.

Откройте меню Дополнительные действия и выберите пункт Управление сайтом.
Выберите раздел Темы, цвета и шрифты на панели слева.
Выберите параметр «Заголовок сайта» и нажмите Цвет заголовка сайта.
Выберите один из следующих параметров:

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

5.Нажмите кнопку СОХРАНИТЬ.

Как встроить документ, таблицу, презентацию или форму Google

(к оглавлению)

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

Для этого выполните следующие действия:

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

При изменении исходного файла Google его версия на сайте также обновится.

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

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

Перейдите на страницу Google Сайтов по адресу sites.google.com и откройте сайт, который хотите изменить.
Нажмите кнопку Редактировать страницу.
Откройте меню Вставить и выберите пункт Карта. Отобразится окно с картой.
Введите адрес или название места в окне поиска и нажмите кнопку Поиск. Искомое место будет помечено на карте красным маркером.
На самой карте доступны на выбор три параметра: карта, вид со спутника и совмещение обоих типов. Сначала выберите тип карты, а затем – пункт Выбрать.
В следующем окне можно добавить название карты, настроить отображение контура вокруг нее или изменить ее размер.
Настроив параметры карты, нажмите кнопку Сохранить в нижней части окна, после чего ещё раз нажмите Сохранить в верхней части страницы, чтобы сохранить все изменения.

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

Как добавить на страницу поле для комментирования или удалить его:

Перейдите на нужную страницу сайта.
Нажмите кнопку Другие действия и выберите Параметры страницы.
Установите флажок «Разрешить комментарии». Чтобы отключить комментирование, снимите флажок.
Нажмите Сохранить.
Выполните эти действия на всех нужных вам страницах.

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

Откройте страницу docs.google.com/forms.
В правом нижнем углу нажмите на значок +.
Новая форма откроется автоматически.

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

Примечание. Форму также можно создать через Google Диск. Для этого откройте страницу drive.google.com и нажмите Создать > Ещё > Google Формы.

Вы можете выбрать, где следует хранить ответы респондентов – в таблице или в самой форме. А также настроить уведомление на свою почту, использую в таблице ответов функцию Инструменты > Уведомления.

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

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

Доступ для просмотра и редактирования.

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

Войдите в свой аккаунт на странице sites.google.com.
Откройте свой сайт (https://sites.google.com/site/imya/, где imya – название вашего сайта).
Нажмите кнопку в виде замка в правом верхнем углу экрана.
Нажмите на ссылку Изменить… и настройте доступ к сайту. Когда закончите, нажмите кнопку Сохранить.

Уровень доступа и описание:

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

5. Хотите пригласить кого -то взглянуть на сайт или поработать над ним? Укажите адреса электронной почты в поле «Пригласить пользователей». Рядом с полем выберите право доступа к сайту. Вы можете назначать пользователям разные права, как показано ниже. Закончив настройку, нажмите кнопку Открыть доступ.

Право доступа

Чтение — Дает право на просмотр сайта, но не разрешает редактировать его.

Редактирование — Дает право на просмотр и редактирование страниц сайта.

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

Мои сайты

Сайты, владельцем или редактором которых вы являетесь, отображаются на странице sites.google.com в разделе «Мои сайты». Однако если вы не получали приглашения от владельца сайта (например, если вам открыли доступ как участнику группы), то сайт не отобразится в этом разделе.

Интеграция инструмента сбора и анализа статистических данных Google Analytics в Google Сайты

(к оглавлению)

Использование Google Analytics (https://www.google.com/intl/ru_ru/analytics/) на сайте дает возможность анализа трафика нашего сайта, эффективности отдельных страниц сайта, поведения посетителей на сайте. Для того, чтобы добавить код Google Analytics на сайт необходимо выполнить следующие действия:

1. Зайдите в Google Analytics по адресу https://analytics.google.com

2. Зарегистрируйте аккаунт в этом приложении, указав данные своего аккаунта Google. Для этого нажмите кнопку «Зарегистрироваться» в правом верхнем углу Подтвердите вход, введя пароль и нажмите кнопку «Регистрация»

3. Заполните профиль для веб-сайта: — Укажите название аккаунта, например «Библиотека колледжа«Дубна» (каждый пользователь может собирать статистику не более чем со 100 аккаунтов)

— укажите название ресурса (т.е. конкретной версии сайта), которое в нашем случае может совпадать с названием аккаунта, например, «Библиотека колледжа «Дубна». Ресурсы предназначены для отправки данных и настройки представлений отчетов. В каждом аккаунте Google Analytics может быть до 50 ресурсов.

— укажите URL вебсайта, который Вы разрабатываете

— выберите категорию отрасли.

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

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

4. В появившемся окне скопируйте идентификатор отслеживания в формате XX-XXXXXXXX-X. Выглядит примерно так UA-70864132-1. Или откройте Главную страницу в Вашем профиле Google Analytics, щелкнув на соответствующую ссылку в правом верхнем углу страницы и в открывшемся списке скопируйте идентификатор отслеживания, который указан под названием ресурса. В формате XX-XXXXXXXX-X. В примере это UA-70864132-1

5. Нажмите на иконку «Дополнительные действия» на сайте и выберите пункт меню «Управление сайтом»

6. В разделе «Управление сайтом» > Общие вставте скопированные в Google Analytics цифры в окно «Статистика» (включить Google Analytics для этогосайта) и сохраните изменения.

7. Подождите подтверждения от Google Analytics около суток.

Вставка электронного каталога с функцией поиска на Google сайт

(к оглавлению)

Awesome Tables необходимо произвести предварительную обработку файла с каталогом следующим образом:

1. Загрузить файл с каталогом в формате Excel на Google Диск.

2. Открыть этот файл. В случае, если файл был формата, отличного от используемого Google — Таблицами, то на Google-Диске сохранится копия этого файла с расширением xls. Далее нужно работать именно с этим
преобразованным файлом.

3. Открыть доступ к файлу для чтения всем, у кого есть ссылка.

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

ИЛИ Опубликовать в Интернете.

Выбрать Файл > Опубликовать в интернете

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

Настройка Awesome Tables для отображения электронного каталога можно осуществить следующим образом:

1. Добавить на сайт страницу «Каталог» (Нажмите «Создать страницу» и выберите шаблон Веб-страница).

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

3. Настроить гаджет следующим образом:

a) указать на вкладке Sheet в поле «Google Shet URL» запомненную на шаге 3 ссылку на опубликованный в интернете каталог. В поле «Sheet name» — лист, на котором размещен каталог, обычно это «Лист1». В поле «
Range» — диапазон столбцов, в которых размещены данные, в примере это столбцы A,B,C,D,E, поэтому указываем диапазон «A1:E».

Если поставить галочку в пункте «Allow viewers to download data as csv», то пользователи смогут скачать результаты поиска в файл с расширением csv в кодировке UTF-8.

b) На вкладке View можно указать различный способ отображения данных. В нашем случае это значение «Table», выбранное по умолчанию. И изменить количество позиций на странице в поле «Number of items to display» (по умолчанию равно 15)

c) На вкладке «Format» можно настроить цвет фона («Background color»), форматдат в фильтре«Date format in Filters», указать ссылку на произвольный файл таблицы стилей «Custom CSS (URL)» и сообщение, появляющееся при ошибке «Optional error message»

d) Во вкладке «Advanced parameters» в поле «Google Analytics tracking code» можно указать уникальный
идентификатор отслеживания Google Analytics для анализа использования данного гаджета посетителями сайта.

e) Во вкладке «General settings» в поле «View name» укажите «Электронный каталог» и нажмите кнопку «Save».

f) Наведите курсор мыши на кнопку «ОК», поставьте галочки и нажмите «ОК»
.

Статья была полезной?