Этапы создания сайта средствами Google

1 2 3

Практическая работа № 11-12

Цель: изучить инструменты Google для создания сайта

1. Войти в свой аккаунт на gmail.com.

2. Открыть еще одну вкладку.

3. В адресной строке набрать https://sites.google.com/ Будет открыта страница создания сайтов в Google.

4. Нажать на кнопку «Создать».

5. Заполнить поля открывшейся формы (смотри рисунок и комментарии к заполнению).

Комментарии к заполнению.

5.1. Выбрать «Пустой шаблон».

Шаблон можно будет потом изменить.

5.2. Заполнить «Укажите название сайта».

Обратите внимание, если название сайта писать русскими буквами, то google преобразует его в латинское написание. Это преобразование можно увидеть в поле «Местоположение». Причем слова будут написаны слитно без пробелов.

Например:

5.3. Заполнить «Введите указанный код».

В рассмотренном примере это «notou».

5.4. Нажать кнопку «Создать».

Кнопка расположена сверху.

Иногда нужно ввести еще раз «Указанный код» и снова нажать на кнопку создания сайта («Создать» / «Создать сайт»).

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

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

В рассматриваемом примере было придумано имя «Создание сайта (пример)».

6. Сайт будет открыт.

Обратите внимание на адресную строку. Это адрес вашего сайта.

7. Данную страницу можно редактировать.

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

Будет открыт редактор:

Справа можно выбирать изменяемую область: заголовок этой страницы или её текст.

Сверху находится «главное меню» и «панель инструментов»:

При помощи них можно изменять содержание и форматирование страницы.

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

8. Продумать структуру сайта.

Какие страницы будут на сайте? (продумать примерное содержание страниц)

Какие страницы будут на верхнем уровне? (будут слева на панели навигации)

Какие страницы будут на нижних уровнях?

Какие страницы будут связаны гиперссылками?

9. Создать вторую страницу.

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

Откроется окно создания страницы.

Выбрать в этом окне шаблон «Веб-страница».

В поле «Название страницы» ввести название страницы. Оно должно быть коротким и желательно понятным! Например, «Автор» (страница будет содержать сведения об авторе сайта).

Выбрать размещение страницы:

· «Поместить страницу на верхний уровень». В этом случае страница будет на том же уровне, что и «Главная страница». В рассматриваемом примере это страница «Автор».

· «Разместить под страницей «Главная страница»». В этом случае страница будет размещена вторым уровнем, под главной страницей. В рассматриваемом примере это «Страница 1».

· «Выбрать другое расположение». В этом случае страница будет размещена следующим уровнем. Например, она может являться подстраницей для страницы 1. В рассматриваемом примере это «Страница 2».

Нажать на кнопку «Создать» (находится сверху).

Будет открыт редактор страницы.

10. Отредактировать и отформатировать созданную страницу.

11. Выполнить настройки страницы.

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

Будет открыто следующее окно:

Изменить настройки на свое усмотрение.

12. Аналогично создать остальные страницы сайта.

13. Добавление рисунков на страницы сайта.

Открыть страницу, на которую должен быть добавлен рисунок.

Нажать на кнопку «Изменить страницу» (кнопка расположена в правом верхнем углу).

Выполнить команду в главном меню: Вставка – Изображение.

В открывшемся диалоговом окне нажать на кнопку «Загрузить изображения» («Выберите файл»)

В новом диалоговом окне выбрать (на компьютере) нужный файл, нажав на нем. А затем нажать на кнопку «Открыть».

Рисунок будет загружен.

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

Нажать кнопку «ОК» в диалоговом окне.

14. Добавление презентации на страницы сайта.

ВАЖНО!

Чтобы презентация отображалась на сайте:

1) Презентация должна являться документом Google.

Примечание:

· Презентация НЕ является документом Google. Слева от презентации будет пиктограмма в виде латинской буквы «Р» красного цвета.

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

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

1 способ. (Нужная презентация ещё НЕ загружена на Диск Google)

· Открыть Диск Google.

· В правом верхнем углу щелкнуть по кнопке «Настройки».

· Подвести указатель курсора мыши к меню «Настройки загрузки».

· Выбрать параметр «Преобразовывать загруженные файлы в формат Документов Google, щелкнув на нем 1 раз левой кнопкой мыши.

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

2 способ. (Нужная презентация уже загружена на Диск Google)

· Открыть Диск Google.

· Внимание: слева от уже загруженной (но НЕ преобразованной) презентации будет пиктограмма в виде латинской буквы «Р» красного цвета.

· Выделить нужную презентацию, поставив слева от нее флажок (галочку).

· В верхней части окна щелкнуть по кнопке «Ещё». Или вызвать контекстное меню, щелкнув на презентации 1 раз правой кнопкой мыши.

· Подвести указатель курсора мыши к меню «Открыть с помощью».

· Выбрать команду «Google Презентации».

· Презентация будет открыта в новой вкладке браузера.

· Автоматически на Диске будет создан файл с преобразованной презентацией. Примечание: Слева от неё будет пиктограмма в виде прямоугольников оранжевого и белого цветов.

2) Презентация должна быть опубликована в интернете.

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

Для этого надо:

· Открыть презентацию

· Выполнить команду в главном меню: Файл – Опубликовать в Интернете….

· В открывшемся диалоговом окне нажать на кнопку «Начать публикацию».