Инструменты создания web-ресурсов
Цели:
создавать веб-сайты с помощью инструментов Google,
размещать на них материалы различных форматов,
разделять полномочия пользователей,
выполнять настройки сайта.
Задачи:
изучить инструменты Goggle, используемые для разработки сайтов,
создать сайт,
изменить его название,
создать страницы сайта, вставить на них текст, изображение, таблицу, видео, гаджет.
Задание 3. Лабораторная работа выполняется средствами сервисов Google. Необходимо создать сайт, посвященный теме "Компьютерные сети". Для этого необходимо выполнить планирование содержания сайта (о чём сайт? для кого этот сайт? какая информация и в каком объеме будет представлена на сайте?), разработка структуры (выделение частей информации, формулирование названий и заголовков, т.е. план размещения информации на сайте, и т.д.) Этапы создания сайта описаны в данной лабораторной работе ниже. Содержание сайта
Планирование содержания сайта рекомендуется выполнить следующим образом:
Структура сайта Разработка структуры сайта состоит из:
Важно! Обратите внимание, что есть страницы, ссылка на которые находится на панели навигации. Есть страницы, на которые можно перейти при помощи гиперссылок с других страниц сайта.
Пример структуры сайта 1. Понятие и назначение компьютерной сети. Определение понятия "компьютерные сети" с указанием источников. 2. Классификации видов сетей
3. Локальные сети, классификация локальных сетей 4. Глобальные сети, история появления.
5. Топологии сетей (изображения, достоинства, недостатки)
6. Сетевое оборудование
7. Сервисы Интернет (выбрать не менее трех из предложенного списка)
8. Используемые интернет-источники
9. Об авторе
Этапы создания сайта средствами Google 1. Войдите в свой аккаунт на gmail.com 2. После чего откройте еще одну вкладку. 3. В адресной строке наберите https://sites.google.com/https://sites.google.com/?hl=ru Вы войдете на страницу создания сайтов в Google. Затем кликните Создать Потом заполните поля открывшейся формы, с учетом указаний, которые она дает. Выберите Пустой шаблон. Заполните Дайте имя сайту.Имя сайта писать только буквами латинского алфавита и цифрами. Заполните Введите показанный код. Нажмите кнопку Создать сайт. Открылся сайт. Теперь вы можете работать над его наполнением и совершенствованием. Эту страницу можно редактировать. Напишите заголовок сайта, например, вместо Главная страница напишите Компьютерные сети или любое другое название.. Кликните в рамку для текста, расположенную ниже названия. Введите туда текст, в котором опишите для кого предназначен сайт, для решения каких задач, что можно найти на сайте? Первый вариант страницы готов, потом ее еще можно будет редактировать. А пока нажмите кнопку Сохранить (в правом верхнем углу вашей страницы). Продумайте структуру вашего сайта, т.е. какие страницы должны присутствовать на сайте, как они будут соотноситься друг с другом (что расположить под страницей, что на одном уровне)? Другими словами составьте карту сайта. Теперь создайте вторую страницу. Для этого нажмите Создать страницу в правом верхнем углу страницы.
Откроется окно создания страницы. Выберите в этом окне Веб-страница, в поле Название введите название страница (короткое и латинскими буквами, например, lektion). Затем кликните Разместить под главной (это важно, будьте внимательны). Затем кликните Создать страницу. Автоматически открывается редактор. Поэтому сразу можно редактировать страницу. Кликните в область заголовка и напишите, используя Кириллицу, название страницы, например, Лекции. Затем в области для основного содержания страницы (поле ниже заголовка) напишите текст, например,
Выделите текст, увеличьте его размер, используя инструменты на панели редактирования. После чего кликните Сохранить. Далее выполните настройки страницы. Выполните настройки по образцу (в дальнейшем по своему желанию). Теперь создайте следующую страницу, например, Топология сети "Звезда", которая будет расположена под страницей Топология сети. Чтобы вставить текст в поле на странице, можно выполнить копирование его из любого текстового редактора и вставку на страницу сайта. Сделайте ссылку со страницы Топология сети на "Звезда". Для этого зайдите на страницу Топология сети Кликните кнопку Редактировать страницу
Теперь выделите "Звезда" и нажмите Ссылка. Откроется окно Создать ссылку, выберите в нем название страницы "Звезда". Нажмите Ок. Выберите рисунок и страницу, на которую нужно его поместить. Сохраните изображение в своей папке. Затем выполните Вставить/Изображение/Обзор затем выбрать файл с рисунком, нажмите Открыть, после того как рисунок загрузится, нажмите Ок. Затем сохраните страницу. На сайт можно вставить презентацию. Для этого ее следует предварительно загрузить в Google. Делается это так. Из своего аккаунта зайти в Документы. Далее нажать Загрузить/Выбрать файл для загрузки. Далее нажать Обзор, выбрать файл, нажать Открыть. Затем кликните Начать загрузку и дождитесь сообщения о загрузке файла. Теперь возвращаемся на страницу сайта. Если не загружен редактор, то нажмите Редактировать страницу. Затем Вставить/ Презентация и выбрать название презентации из документов Google. Попробуйте самостоятельно вставить таблицу, гаджет, видео из YouTube, его предварительно нужно найти и копировать его URL из адресной строки. |
Литература
http://window.edu.ru/window/catalog?p_rid=7935– электронный учебник по компьютерным сетям
http://bookwebmaster.narod.ru/network.html# - скачать учебники по компьютерным сетям
http://www.lessons-tva.info/edu/telecom.html- «компьютерные сети и телекоммуникации» он-лайн учебник
http://freebooks.net.ua/1267-samouchitel-po-kompjuternym-setjam.html- самоучитель по компьютерным сетям
file:///C:/Users/user/AppData/Local/Temp/start.htm - интерактивный учебник «Компьютерные сети»
http://www.it-ebooks.ru/index.php?option=com_content&view=category&id=38&Itemid=67– электронный учебник
http://www.mgopu.ru/ininfo/p2_net-tech.htm- разработка сетевых курсов
http://all-ebooks.com/2007/01/18/komputernye_seti_principy_texnologii_pro.html- скачать учебник по компьютерным сетям
http://eict.ru/m_and_t.html- интерактивный он-лайн учебник
Информационные технологии https://sites.google.com