Инфоурок Другое Другие методич. материалыМетодические рекомендации для преподавателей по технологии создания веб-квеста с помощью визуального редактора сайтов Web Page Maker

Методические рекомендации для преподавателей по технологии создания веб-квеста с помощью визуального редактора сайтов Web Page Maker

Скачать материал

Технология создания веб-квеста  с помощью визуального

редактора  сайтов 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. и поместит их в выбранную вами папку или на вашем компьютере или на веб - сервере.

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Методические рекомендации для преподавателей по технологии создания веб-квеста с помощью визуального редактора сайтов Web Page Maker"

Методические разработки к Вашему уроку:

Получите новую специальность за 2 месяца

Логист

Получите профессию

Технолог-калькулятор общественного питания

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Краткое описание документа:

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

Подробное описание позволяет преподавателям изучить технологию работы в редакторе Web Page Maker и научиться создавать, как отдельные web страницы, так и сам сайт с использованием визуальных средств.

Работа может быть полезна и студентам, осваивающим технологии сайтопостроения.

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 625 843 материала в базе

Скачать материал

Другие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 08.12.2014 240
    • DOCX 280.5 кбайт
    • Оцените материал:
  • Настоящий материал опубликован пользователем Гафурова Ирина Генриховна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

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

    Удалить материал
  • Автор материала

    Гафурова Ирина Генриховна
    Гафурова Ирина Генриховна
    • На сайте: 10 лет и 1 месяц
    • Подписчики: 0
    • Всего просмотров: 10321
    • Всего материалов: 9

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Курс профессиональной переподготовки

Интернет-маркетолог

Интернет-маркетолог

500/1000 ч.

Подать заявку О курсе

Курс повышения квалификации

Специалист в области охраны труда

72/180 ч.

от 1750 руб. от 1050 руб.
Подать заявку О курсе
  • Сейчас обучается 40 человек из 19 регионов

Курс профессиональной переподготовки

Библиотечно-библиографические и информационные знания в педагогическом процессе

Педагог-библиотекарь

300/600 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе
  • Сейчас обучается 458 человек из 66 регионов

Курс профессиональной переподготовки

Руководство электронной службой архивов, библиотек и информационно-библиотечных центров

Начальник отдела (заведующий отделом) архива

600 ч.

9840 руб. 5900 руб.
Подать заявку О курсе

Мини-курс

Психология сиблингов в семейной структуре

3 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

GR-технологии и взаимодействие с СМИ

2 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Методы и подходы проведения трекинга и менторства

3 ч.

780 руб. 390 руб.
Подать заявку О курсе