Технология создания веб-квеста с помощью
визуального
редактора сайтов Web Page Maker
Цель: Научиться работать в визуальном редакторе создания
сайтов, научиться создавать тематические HTML сайты из нескольких страниц.
Основу Интернет
составляют документы, называемые веб-страницами(Web). Каждая веб-страница может содержать текстовую информацию,
графические элементы, дополнительное оформление, анимацию, а также гиперссылки.
Сайт –это
набор связанных веб-страниц.
Гиперссылка – выделенный
объект, связанный с другим файлом и реагирующий на щелчок мыши. Гиперссылки
обеспечивают связь веб-страницы с другими страницами и объектами в Интернет.
Кроме того, с использованием гиперссылок можно осуществлять переход между
различными частями в пределах одной вeб-страницы.
Браузер - специальная
программа для просмотра веб-страниц.
Microsoft
Internet Explorer является одним из популярных браузеров сети Интернет
Web Page Maker – это
простой визуальный инструмент для создания веб – страниц. С его помощью вы
сможете создать свой сайт не обладая никакими знаниями HTML. Просто перетаскивайте мышкой на рабочее пространство программы
изображения, текст, музыку и видео. Во время работы с лёгкостью можно
передвигать объекты по всей странице.
Для создания сайта необходимо : придумать тему и цель будущего сайта, продумать структуру сайта, определить количество
страниц, продумать разметку страницы и общие для каждой страницы элементы
(заголовок, панель навигации, фреймы), сделать макет
страницы, подобрать материал для наполнения
страниц
(Заранее
создайте папку с необходимыми для сайта рисунками, музыкой, видео, текстом и т.
д )
Web Quest -
это проблемное задание с
элементами ролевой игры, для выполнения которого используются информационные
ресурсы Интернета. Поиск проходит по определенному поэтапному маршруту,
направленному на решение поставленной задачи.
Web Quest состоит
из следующих страниц : Введение, Задача,
Проблемный вопрос, Гипотезы, Роли, Ресурсы , Критерии оценивания, Заключение.
1. Создание макета страницы
1). Запустите редактор сайтов Web Page Maker, щелкнув левой кнопкой мыши по
значку, расположенному на рабочем столе.
2). Выберите Файл-Новый сайт . В результате у
вас появится первая пустая страница сайта в виде белого полотна с сеткой. В
правой стороне отображаются страницы сайта.
ВНИМАНИЕ ! Первая
страница всегда называется index
3).Создадим Макет страницы. Для этого можно использовать
различные изображения, фигуры, линии и т.д.
a)
Используем прямоугольники : Вставка-Фигура-Прямоугольник.
Один прямоугольник расположим горизонтально, растянув до правой границы , второй
– вертикально, растянув вниз до нижней границы экрана. Щелкнув, по очереди,
два раза левой кнопкой мыши по прямоугольникам , на вкладке Свойства –Цвета
и границы, изменим цвета фигур по своему усмотрению.
b)
Вставим рисунок Вставка-Рисунок-из библиотеки
c)
В верхней части рабочего
окна введем заголовок нашего веб-квеста « Web Quest в образовании».
(Нажмите
на кнопку ,
или выберите
в меню Вставка – текст,
откроется окно текстового
редактора).
d) Введите заголовок
первой страницы – «Введение»
4).В меню
Формат зададим Свойства страницы ( заголовок, цвет фона, ключевые слова и т.д.) Для
того, чтобы страница правильно отображалась в браузере, задайте на вкладке Вид
для первой страницы кодировку, как на рисунке.
И выравнивание по
центру
5) Итак, мы
создали макет страницы «Введение».
2. Добавление новых страниц
1). Для добавления второй страницы -«Задача»,
перейдите в Содержание сайта и щелкнув правой кнопкой мыши по названию
первой страницы index, выберите –Клонировать
страницу
2). Появившуюся страницу page2, следует переименовать в страницу – zadacha. Кликните правой кнопкой мыши на
имени файла и нажмите Переименовать страницу.
3). Аналогично, клонируя первую страницу и
переименовывая новую, получим пустые страницы:
problema -Проблемный вопрос
gipoteza - Гипотезы
roli - Роли
resurs - Ресурсы
ocenka - Критерии
оценивания
zakluchenie – Заключение
Содержание
сайта позволяет переходить с
одной
страницы на другую.
4) Заголовки страниц переименуйте в
соответствии с их названиями.
3. Создание панели
навигации
1). Панель навигации создается для перемещения
между страницами сайта. Панель можно выбрать в меню Вставка –Панель
навигации. Или при нажатии на
кнопку
2).Перейдите на первую страницу Введение-
index.
3).Выберите
категорию и стиль панели навигации в соответствующем диалоговом окне и жмите Ок.
4). На
вкладке Параметры введите текст заголовка для каждой
кнопки. Нажмите OK .
5). Для создания ссылки с кнопки на другую
страницу вашего сайта , наведите курсор мыши на
текст для его выделения (с левой стороны вкладки Параметры),
щёлкните по нему (обычно дважды).
Выберите соответствующую страницу из
выпадающего списка Адрес (URL) .
! Вы можете
изменить шрифт и размер шрифта текста на кнопках.
6). Чтобы скопировать панель навигации на другую страницу на вашем сайте:
a)
Выберите панель навигации на первой странице.
b)
Далее Правка> Копировать.
c)
Переключитесь на другую страницу.
d)
Выберите Правка> Вставить.
e)
После того как вы скопировали панель навигации на
другую страницу, Web Page Maker автоматически установит её на то же место, что
и на первой странице.
4. Заполнение страниц сайта информацией
1).Нажмите кнопку Текст в
панели инструментов или выберите Вставить -> Текст.
После двойного
клика появится текстовое поле и затем окно Текстового редактора
. Наберите или вставьте нужный текст.
2) Для добавления изображения на веб -страницу:
Нажмите кнопку Рисунок
на панели инструментов
Выберите изображение на жёстком диске
или в библиотеке программы.
3) Информацию для заполнения страниц (текст и
рисунки) возьмите из папки на рабочем столе : «Образовательный WQ»
5.
Просмотр
страниц в браузере
"Просмотр в браузере" покажет
вам, как будет выглядеть веб -страница после опубликования её в интернете. Для
просмотра веб-страниц в браузере:
1. Нажмите кнопку Просмотр
(F5) в панели инструментов. По окончанию просмотра просто закройте страницу в
браузере.
Примечание3: при просмотре ваших страниц в виде
HTML вы можете проверить работоспособность всех локальных ссылок на своём
сайте, просто пройдитесь по ссылкам и удостоверьтесь в том, что все они
работают
10. Сохранение документа
Чтобы сохранить ваш сайт :
1). Выберите"Сохранить как"
из меню Файл .
2). Появится диалоговое окно "Сохранить
как ". Введите имя вашего сайта в соответствующее окно (без
расширения). Выберите папку «Образовательный WQ»
3). Нажмите
кнопку Сохранить . Расширение (.wss) будет добавлено
автоматически.
Примечание4: эта команда сохраняет текущий сайт в файл .wss.
Это значит, что все странички вашего сайта сохранены в один единый файл.
11. Публикация сайта
Создайте
на диске С: новую папку, например: «Мой квест». Чтобы получить
формат Html, выберите меню Файл-Опубликовать. Настройте
диалоговое окно на публикацию в созданную локальную папку
В окне Параметры страницы
выберите настройки:
Программа автоматически
преобразует ваши страницы в формат .html. и поместит их в выбранную вами
папку или на вашем компьютере или на веб - сервере.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.