Embedded Files
0. Введение
0. Введение
В данном разделе мы поговорим о том, как и где мы будем размещать наш образовательный контент.
Убедитесь в том, что вы зарегистрировались на сайте Google. Если нет, то сделайте это перейдя на предыдущий раздел
1. Создание сайта с нуля
1. Создание сайта с нуля
Для создания сайта мы используем бесплатный сервис Google Sites. Такое решение мотивировано разными причинами, основная из которых -- возможность без лишних трудностей работать с другими сервисами Google (которых будет очень много).
Итак, приступим.
1.1. Процесс создания
1.1. Процесс создания
Зайдите по адресу sites.google.com
Сайт предложит вам изучить вводные инструкции. Закрыв их, у вас выйдет окно, в котором будет отображены создаваемые вами сайты. При первом запуске, очевидно, список сайтов будет пустым.
Нажмите на кнопку
Нажав, вы начнете создавать сайт. Выйдет следующее окно:
Это окно называется окном редактора сайта. Все изменения и операций с сайтом вы будете проводить через это окно. Само окно разделено на несколько частей.
Рабочая область -- собственно, сайт. Примерно так он и будет отображаться в окне браузера.
Панель управления (слева) -- сюда вынесены все инструменты, с помощью которых мы можем редактировать и изменять наш сайт.
Панель публикации (сверху) -- здесь расположены инструменты публикации сайта. Об этом чуть позже.
1.2. Панель инструментов
1.2. Панель инструментов
Отдельно хотелось бы рассмотреть панель инструментов. Все инструменты разделены на три вкладки:
Вкладка "Вставка" -- на этой вкладке расположены инструменты для вставки всевозможных объектов на сайт: текст, изображения, видео и т.п. Чтобы узнать, что можно вставить, достаточно взглянуть на вкладку: это и есть весь список возможных объектов на сайте.
Вкладка "Страницы" предназначена для управления страницами на сайте: создание, изменение порядка, удаление, и т.п. Дело в том, что сайт состоит из взаимосвязанных страниц и переход на какую-то другую область сайта технически означает переход к другой странице. Изначально на сайте у вас есть лишь одна страница -- "Главная". Подробнее об этой вкладке по поговорим в следующем разделе
Вкладка "Дизайн" необходима для изменения дизайна сайта и придачи ему индивидуальности.
1.3. Вставка объектов
1.3. Вставка объектов
Разобравшись с органами управления, приступим к содержательному наполнению сайта.
Вы сейчас находитесь на главной странице сайта. Как правило, это первая страница, куда попадают пользователи, заходя по адресу вашего сайта. Поэтому целесообразно на этой странице поприветствовать пользователя и познакомить его с тем, о чем же этот сайт.
Поэтому, давайте попробуем вставить/изменить следующие объекты на сайт (а заодно и изучим основную механику работы):
Озаглавим наш сайт.
Напишем краткий текст приветствия
Разместим изображение.
Первый пункт -- озаглавим сайт. Вообще, вы уже заметили, что заглавие у сайта есть (написано что-то вроде "Заголовок страницы"). Поэтому, нам нет необходимость создавать еще один заголовок -- изменим лишь уже имеющийся.
Кликните курсором по заголовку. Текст в нем теперь можно редактировать. Введите подходящий вам заголовок и кликните курсором по пустому месту.
Вы изменили заглавие. Это хорошо.
Заголовок сайта изменился
Теперь попробуем вставить текст. В 99% случаев, когда вы слышите слово "Вставить" -- необходимо обращаться к вкладке "Вставка". Так и поступим.
Найдите во вкладке "Вставка" кнопку "Текстовое поле"
Нажав на кнопку, в рабочей области сайта появится пустое поле, куда можно вводить собственный текст. Таких полей можно создавать бесконечно много.
Обратите внимание, что текстовое поле имеет дополнительные инструменты форматирования, которые вы можете использовать для стилизации текста (пользуясь случаем, передаю привет Лукояновой Марине Александровне). Предлагаю изучать эти инструменты самостоятельно.
Введите текст приветствия. Теперь у вас на сайте появился объект, который создан вами самостоятельно.
Приветствие, созданное и отформатированное с помощью инструмента "Текстовое поле"
Как вы могли догадаться, изображения вставляются схожим образом: с помощью кнопки "Изображение"
Однако, выбрав его, у вас появятся на выбор две кнопки: "Загрузка" и "Выбор изображения"
Возникает вопрос, что выбирать. Но тут все просто:
Если вы хотите загрузить изображения из вашего компьютера, выбирайте "Загрузка". Сам процесс загрузки изображений с компьютера простой и не требует объяснений.
Если вы хотите вставить изображение, которое есть где-то в Интернете, от выбирайте пункт "Выбор изображения". Нажав на этот пункт, у нас открываются различные способы загрузки изображений:
По ссылке: откройте необходимое изображение в интернете, скопируйте адрес на это изображение, вставьте. У вас должно появиться изображение.
Поиск: Google встроил поиск и вставку изображений. Напишите поисковый запрос, выберите изображение двойным кликом. Оно будет вставлено на сайт.
По фото и из диска: если вы используете Диск Google, вы можете вставить хранящиеся в нем изображения.
Я, как правило, использую поиск Google
Также надо упомянуть, что простое копирование и вставку (Ctrl-C // Ctrl-V) никто не отменял.
Само изображение можно отформатировать: изменить размер, местоположение, кадрировать, и т.д. Всё как в любом редакторе.
Изображение перемещено в центр и увеличено в размере
2. Публикация сайта
2. Публикация сайта
Итак, мы наполнили наш сайт минимальным содержимым.
И хотя вы видите созданную вами красоту, у других нет такой возможности. Пока сайт доступен только вам.
Пора его опубликовать в Интернете.
Для этого найдите на кнопку "Опубликовать"
(на панели публикации)
Нажав нам необходимо совершить самое ответственное действие -- дать адрес своему сайту.
Что такое адрес сайта? Это строка текста, которую необходимо напечатать в окне браузера, чтобы открылся этот самый сайт. У Яндекса, например, это yandex.ru
Такой адрес уникальный -- нет двух сайтов с одинаковыми именами. Нам также необходимо придумать свой адрес.
Однако необходимо помнить, что мы работаем в бесплатном сервисе. А адреса типа yandex.ru -- платные и стоят денег.
На такой случай Google предлагает собственное решение: любой сайт, созданный на платформе Google Sites, будет иметь обязательную приставку sites.google.com/view/
После этой части у вас есть возможность ввести свой собственный адрес сайта.
Сделаем это. Нажмите на кнопку "Опубликовать" . Выйдет следующее меню:
Красным я выделил то, что уже говорил. Это та самая обязательная приставка. Придумаем адрес сайта. В адресе могут быть лишь буквы латинского алфавита и цифры. Например, sites.google.com/view/site
Google ругается.
Он говорит, что сайт с таким адресом уже существует.
Поэтому придется придумать другое имя сайта.
Например, sites.google.com/view/site/techtoolssitekfu
Google отображает галочку. Это значит, что такой адрес можно использовать.
Нажмите на кнопку "Готово"
Поздравляю! Теперь у вас есть собственный сайт в Интернете! В дальнейшем мы будем дополнять сайт разными обучающими материалами.
Важно!
Важно!
Внимательно изучите процесс публикации. Чем лучше вы выполните этот этап, тем меньше проблем будет при сдаче работы преподавателю
Page updated
Google Sites
Report abuse