[19 мая!] Практическая онлайн-конференция «Компетенции XXI века» Подтвердить участие→
Конкурс разработок «Пять с плюсом» май 2021
Добавляйте свои материалы в библиотеку и получайте ценные подарки
Конкурс проводится с 1 мая по 31 мая

Методичка по созданию веб-квеста.

Методичка поможет вам создать правильный и хороший веб-квест.
Просмотр
содержимого документа

http://i.myenglish2012.ru/u/48/f8e7b2aac59baa9cf218ebe7970622/-/webquest1.gif

Системно-деятельностный подход, заложенный в идеологии нового ФГОС, меняет традиционную парадигму образования, основанную на  усвоении ЗУН, на новую –  «учись учиться». Кроме того, постоянно происходит увеличение объема учебного материала, подлежащего усвоению в период обучения, при сокращении количества часов, отводимых на его изучение в классе.  В связи с этим особо актуальной становится задача формирования у школьников культуры самообразования, способности к самостоятельной образовательной деятельности. В таких условиях на первый план выходят проблемы повышения результативности самостоятельной работы школьников, разработки дидактически обоснованных подходов, эффективных методов ее организации и управления. 

Анализ проблемы организации самостоятельной учебной деятельности школьников по формированию новых знаний выявил необходимость создания специальных педагогических условий, которые позволят выстроить процесс формирования культуры самообразования наиболее эффективно.

Исходя из практики, можно определить следующие основные педагогические условия эффективной организации самостоятельной деятельности школьников:

  •   единство теоретической и практической составляющих подготовки учеников к самостоятельной образовательной деятельности;
  •   применение личностно-ориентированного подхода при отборе содержания, форм и методов организации самостоятельной образовательной деятельности школьников;
  •   активное применение в учебном процессе информационно-коммуникационных технологий. 

Проблема повышения качества самостоятельной образовательной деятельности школьников в условиях информатизации образования может быть решена за счет применения специальных педагогических методов и технологий, основанных на ИКТ и интернет технологиях, в частности  квест-технологиях. Эти технологии актуальны еще и потому, что в современной школе, делающей ставку на активизацию и интенсификацию учебно-воспитательного процесса, настоятельно рекомендуется использование игровых технологий.

Сегодня квест приобрел большую популярность среди детей и взрослых. Если перевести слово «quest» с английского, то это будет означать «искать что-то, выполнять задания». Обычно под квестом подразумевают развлекательную игру, в которой делается ставка на интеллектуальные способности игрока. Игрокам необходимо разгадать несколько загадок и пройти череду препятствий, чтобы достичь поставленной заранее цели. Квест, один из самых молодых и развивающихся игровых жанров. Он получил распространение в 90-е годы 20 века, а в 2006 году появился первый «квест в реальности».

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

Модель веб-квеста как педагогической технологии была предложена в 1995 году преподавателями университета Сан-Диего Берни Доджем и Тони Марчем. Сегодня эта учебная модель очень популярна в странах Северной Америки и Западной Европы. Функционируют целые сайты, которые популяризируют эту учебную модель и на которых можно найти не только примеры учебных веб-квестов, но и шаблоны для их создания.

Веб-квест в педагогике – это система заданий с элементами игры, для выполнения которых используются различные информационные ресурсы, в том числе ресурсы Интернет. Его нельзя путать с сетевым проектом, в реализации которого может участвовать группа школьников. Образовательный веб-квест предназначен для самостоятельной работы ученика по освоению или закреплению знаний.

Как образовательная технология веб-квест опирается на такой подход к обучению, в процессе которого учащийся самостоятельно работает с учебной информацией и  формирует новые знания. При реализации данного подхода, учитель становится  консультантом, организатором и координатором учебно-познавательной проблемно-ориентированной и исследовательской деятельности обучаемых. Учителем создаются условия для самостоятельной умственной и творческой деятельности обучающихся и поддерживается их инициатива.

В свою очередь, ученики становятся равноправными «соучастниками» процесса обучения, разделяя со своим  учителем ответственность за процесс и результаты обучения. Онлайн-среда даёт учащимся возможность (и обязанность) самим контролировать темп, время, образовательный маршрут и место обучения и помогает развивать саморегуляцию, навыки планирования и контроля

 

Характерными особенностями образовательного веб-квеста, отличающими его от других технологий, являются:

  •   представленный перечень знаний, умений и навыков, которые могут приобрести учащиеся, выполнив данный веб-квест;
  •   определенные заранее ресурсы, в которых есть информация, необходимая для выполнения заданий и формирования новых знаний;
  •   описание действий, их порядок, которые должны быть выполнены учениками для получения необходимого результата;
  •   определенные однозначно критерии оценки выполненных заданий. 

 

Кроме предметных компетенций образовательный веб-квест помогает эффективно формированию и таких компетенций как:

  •   умение работать с различными источниками информации;
  •   самообучение и самоорганизация;
  •   самоконтроль.

 

К ключевым характеристикам обучения с использованием веб-квестов можно отнести:

  •   индивидуализацию процесса обучения, заключающуюся в выборе вида источника информации в соответствии с индивидуальными особенностями восприятия и выборе темпа изучения учебного материала;
  •   многообразие видов источников информации: текст, видео, анимация и др.;
  •   игровой компонент, обеспечивающий мотивацию к изучению учебного материала;
  •   наличие сюжетной линии, связывающей задания и результаты их выполнения;
  •   формирование универсальных учебных действий. При самостоятельном выполнении заданий и поиске ответов на поставленные вопросы среди большого количества научной информации у учащихся развиваются критическое мышление, умение сравнивать и анализировать, классифицировать объекты и явления, мыслить абстрактно. Ученики приобретают навыки трансформации полученной информации для решения поставленных задач.
  •   наличие обратной связи при выполнении заданий для обеспечения самоконтроля.

 

Веб-квесты могут охватывать отдельную проблему, отдельную тему или учебный предмет в целом. Они могут разрабатываться как для формирования новых знаний, так и для их закрепления. От этого зависит содержание заданий, которые должны выполнять ученики.

Веб-квесты целесообразно использовать при реализации образовательной технологии «Смешанное обучение» (blended learning), интегрировавшей лучшие практики классно-урочной системы с передовыми технологиями онлайн-обучения. Данная технология построена на основе интеграции аудиторной и самостоятельной внеаудиторной учебной деятельности с использованием и взаимным дополнением технологий традиционного и электронного обучения, обеспеченного специальным контентом.

В соответствии с технологией смешанного обучения при изучении нового материала учащиеся предварительно работают с веб-квестом дома, изучая новый материал самостоятельно. При этом ученик сам выбирает форму представления учебного материала, темп его изучения и время. На следующий день в классе на уроке учитель разбирает со школьниками вопросы, которые вызвали у них затруднения, систематизирует и закрепляет знания по новому материалу. Таким образом, на уроке экономится время для формирования и развития практических навыков и их закрепления. При традиционном обучении именно на это не хватает времени.

Если веб-квест используется для формирования новых знаний, то необходимо обратить внимание на формулировку заданий. К ним предъявляются следующие требования:

  •   охват заданиями всех формируемых по рассматриваемой теме предметных компетенций;
  •   наличие заданий, охватывающих различные уровни мыслительной деятельности, а не только уровень репродукции;
  •   корректность и однозначность формулировок.

 

По ссылке https://beb-questskazka.jimdo.com вы можете познакомиться с веб-квестом, который должен обеспечить учителю прочтение школьниками произведения А.С. Пушкина «Сказка о рыбаке и рыбке». Чаще, мы видим как дети на уроках по абзацам читают сказку, при этом у учителя нет возможности ни обсудить ее, ни решить другие педагогические задачи, которые должны быть решены при изучении произведений А.С. Пушкина.

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

В конце веб-квеста они проходят тест, результаты которого видит у себя учитель. Исходя из этих результатов, учитель строит образовательный процесс в классе.

Ответы на выполненные задания учащиеся могут представлять в различном виде. Форма представления выполнения заданий веб-квестов определяется педагогом в зависимости от решаемых педагогических задач и формируемых компетенций.

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

 

Рис. Выполнение одного из заданий веб-квеста

 

Веб-квесты образцы

https://beb-questskazka.jimdo.com (литературное чтение, начальная школа)

https://qwest-matematika.jimdo.com/  (математика, основная школа)

http://chemistryreactions.jimdo.com/ (химия, основная школа)

http://chemistryclasses.jimdo.com/ (химия, основная школа)

http://chemicalelements.jimdo.com/ (химия, основная школа)

 

При использовании веб-квестов как для формирования новых знаний, так и для закрепления необходимо наличие образовательного контента. Этот контент должен включать в себя учебную информацию, представленную в различных видах: текст, видео, анимация и др. В состав контента может быть включен и традиционный учебник.

Для организации эффективного образовательного процесса при самостоятельном изучении учащимися учебного материала предпочтительнее заранее отобрать необходимую информацию, расположенную на различных ресурсах интернета и указывать ссылку на конкретную страницу, содержащую необходимую информацию, а не на весь сайт.

Еще лучше оформить необходимый учебный материал на страницах самого веб-квеста и дать на них ссылки. Тогда можно быть уверенным и в доступности ресурса, и качестве информации, и отсутствии посторонней информации (баннеры, реклама и т.п.).

 

На этапе закрепления веб-квест может содержать разноуровневые задания. Учащиеся могут сами выбрать уровень, на котором они готовы работать. При этом они могут работать на нескольких уровнях. По ссылке https://qwest-matematika.jimdo.com/  вы можете посмотреть такой веб-квест.

 

Адаптация квест-технологии к проблемам образования приводит к необходимости разнообразить структуру образовательных квестов, исходя из решаемых задач. В образовательном веб-квесте не всегда используются роли.

Рассмотрим обязательные компоненты структуры образовательного веб-квеста и их функции.

Введение. Обычно данный раздел содержит цель или сценарий или обзор всего квеста. Здесь также может быть приведен предварительный план работы учащихся. В этом же разделе описываются компетенции, которые будут сформированы у учащихся после прохождения квеста, а также определяется  итоговый результат самостоятельной работы. Если веб-квест ролевой, то данный раздел содержит описание ролей участников.

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

Список информационных ресурсов. Раздел содержит перечень информационных ресурсов, необходимых для освоения учебного материала и выполнения заданий может быть оформлен отдельным списком, а может быть указан в самих заданиях в виде ссылок.

Заключение. В этом разделе подводятся итоги прохождения квеста. Это может быть сделано в виде теста, комментария педагога и др. Данный раздел может иметь и другое назавние. Это зависит от сюжета и задач педагога.

 

Технология веб-квеста, как технология организации интерактивной учебной деятельности, включает в себя следующие элементы, которые отличают ее от простого поиска информации в Интернете: 

  •   наличие проблемы, которую необходимо решить в ходе прохождения квеста;
  •   для достижения цели (решения проблемы) осуществляется поиск необходимой  информации и ее обработка;
  •   деятельность учащихся осуществляется в игровой форме;
  •   результатом деятельности являются новые знания и умения.

 

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

Первый этап – определяем педагогическую проблему. При этом необходимо помнить, что на этом этапе формулируется ваша педагогическая проблема, а не проблема квеста. Ту проблему необходимо решать учащимся.

 Прежде чем начать разрабатывать веб-квест, необходимо определиться с проблемой, для решения которой он создается. Например, материал не сложный, но объем изучаемого материала большой и вы не успеваете на уроке рассмотреть его. Кроме того недостаточно времени на закрепление и развитие умений на уроке. Поэтому необходимо организовать самостоятельное изучение учебного материала во внеурочное время. А затем на уроке выявить возникшие затруднения при освоении нового материала, систематизировать новые знания и закрепить сформированные умения.

Второй этап – формулируем свои педагогические задачи, которые необходимо решить с помощью веб-квеста. Чаще всего это формирование новых знаний или закрепление сформированных.

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

Четвертый этап – формулируем задания, выполнение которых потребует изучения и освоения нового материала или обеспечит закрепление  у учащихся имеющихся знаний и умений. Задания должны быть интересными, выполнимыми, диагностичными.

Пятый этап. Находим в интернете ресурсы, работая с которыми учащиеся приобретут необходимые по теме знания. Если необходимых сайтов нет, то учителю необходимо самому сделать подборку необходимых материалов и разместить их в интернете. Это можно сделать на этом же сайте, на котором находится веб-квест. При подборе ресурсов желательно подбирать разные по форме представления: ­тексты с иллюстрациями, видеолекции, анимация и др. Для закрепления учебного материала в веб-квесте могут быть использованы тренажеры. Можно разработать собственные тренажеры, а можно использовать уже имеющиеся тренажеры в интернете. В настоящее время имеются хорошие шаблоны для разработки тренажеров в среде PowrePoint, размещенные в свободном доступе  в Интернете. Это шаблоны  А.Н. Комаровского, А.А. Баженова. Особо хотелось бы отметить широкий спектр шаблонов для тренажеров в среде LearningApps. Данный сервис позволяет не только создавать тренажеры по различным предметам, но и хранить их в организованном пространстве, предоставлять доступ учащимся для работы с ресурсами и вести учет выполнения заданий детьми, отслеживая их результаты. В данной среде уже имеется большое количество тренажеров, которыми могут воспользоваться учителя, формируя свою предметную среду.

Шестой этап. Определяемся с критериями оценки результатов работы учащихся. Очень важно четко сформулировать, что и как будет оцениваться, за что учащиеся будут получать баллы и отметки. С критериями оценки результатов учащиеся должны быть ознакомлены заранее. По ходу работы над веб-квестом учащиеся должны видеть результаты контроля учителя. Ведомость контроля работы над веб-квестом должна быть составлена учителем заранее.

Седьмой этап. Определяемся с местом размещения ведомости контроля и организацией доступа к ней учащихся. Для этого можно использовать различные облачные сервисы.

Восьмой этап. Разработка сценария.

Этот этап, обычно, вызывает у педагогов самые большие затруднения. На этом этапе учитель должен связать всю систему заданий, которые учащиеся будут выполнять, работая с веб-квестом, логическим сюжетом от начала до конца.

Итак, мы определились с организацией образовательного процесса, определились, с тем, к каким результатам хотим привести учащихся и сформировали для этого контент. Теперь предстоит, очень важная задача, сформулировать фабулу и написать сценарий игры, в ходе которой и будет осуществляться образовательный процесс. Это может быть детективное или журналистское расследование, путешествие или поиск клада и многое другое. Все зависит от фантазии и творческих способностей педагога.

 После выполнения всех этих процедур по организации образовательного процесса решаем технологические вопросы. Рассмотрим основные этапы технологии разработки сайта для веб-квеста.

Первый этап. Выбираем платформу для сайта.

В настоящее время нет необходимости самому писать программы создания сайта. Существует огромное количество конструкторов, делающих это процесс легким и увлекательным. Основная проблема выбрать наилучший из них. Критериями выбора могут быть: оплата, предоставляемый объем, состав инструментов и др.

Мы будем создавать свой веб-квест с помощью простого конструктора сайтов –Jimdo http://ru.jimdo.com/.

Второй этап. Оформление сайта.

Первое, с чем необходимо определиться при создании сайта для веб-квеста – это дизайн. Постарайтесь, чтобы элементы дизайна сайта соответствовали содержанию веб-квеста либо были нейтральными и соответствовали возрастной категории учащихся, которые будут с ним работать. Кроме этого старайтесь не делать его пестрым, темным. Не используйте большое количество разных шрифтов.

Третий этап. После того как вы выбрали дизайн оформления  главной и остальных страниц сайта, определяемся с его структурой: количеством и названиями разделов, уровнями их расположения.

Четвертый этап. Создание сайта веб-квеста в одном из конструкторов.

 

II. Создание веб-квеста на сайте с использованием конструктора сайта JIMDO

  1. Знакомство с конструктором Jimdo

Jimdo – это простой конструктор сайтов на ресурсе https://www.jimdo.com/. Программистами был создан интерфейс, который позволил каждому пользователю легко и просто создавать и обновлять сайты, в том числе образовательные, а также портфолио организаций, блоги и др. Именно это стало причиной общедоступности ресурса. На сегодняшний момент на Jimdo создано более 12 млн. сайтов.

После регистрации каждый пользователь Jimdo получает пространство для бесплатного хранения файлов, а также адрес вида ***.jimdofree.com.

Мы выделим следующие достоинства конструктора Jimdo:

  • Большое количество различных шаблонов;
  • Возможность добавления собственного шаблона в систему;
  • Наличие дополнительных приложений, расширяющих функционал сервиса;
  • Качественный раздел помощи;
  • Простота работы в системе.

Выводы

Данный конструктор сайта отличается простым и понятным интерфейсом, который не вызовет много вопросов даже у начинающих сайтостроителей.

 


  1. Создание сайта для веб-квеста на Jimdo
    1. Регистрации на сайте

Открываем страницу регистрации - адрес www.jimdo.com

На данной странице текст представлен на английском языке.

 

Чтобы перейти на русский язык необходимо осуществить перевод страницы. Для этого в правом верхнем углу найдите кнопку  и нажмите на нее. У вас появится диалоговое окно следующего вида:

 

Введите в строку адрес сайта (из строки браузера) и нажмите на слова «перевести страницу».

И у вас появится текст на русском языке.

 

 

Далее заполняем форму.

  1.                Вписываем свой электронный адрес
  2.                Придумываем пароль

 

 

3 Необходимо подтвердить адрес электронной почты

 

Описание: C:\Users\lnbobr\Desktop\Джимдо\скрины\регистрация.jpg

 

 

 

 

  1. Также для сайта необходимо придумать доменное имя. Адрес сайта будет выглядеть так: www.доменноеимя.jimdo.com. Например, www.mysite.jimdo.com

Описание: C:\Users\lnbobr\Desktop\Джимдо\скрины\регистрация2.jpg

 

  1. Поздравляю! Вы на своем сайте!

Описание: C:\Users\lnbobr\Desktop\Джимдо\скрины\регистрация4.jpg

 

  1. Переходим в свой почтовый ящик. В полученном письме есть ссылка на сайт. (Важно!!!!!!!!! Запишите адрес и пароль Вашего сайта.)

Описание: C:\Users\lnbobr\Desktop\Джимдо\скрины\регистрация3.jpg


  1. Вход на сайт для редактирования
  1. После подтверждения электронного адреса необходимо осуществить вход на сайт. Для этого адрес электронной почты и пароль

 

  1. Нажимаем кнопку создать новый сайт. Также сюда можно подключить имеющиеся сайты.

 

 

  1. У нас появляется страница, на которой вам предлагается выбор варианта вашего сайта.

 

  1. Выбираем кнопку создать сайт и попадаем на следующую страницу, где вам предлагается создавать сайт с помощью помощника Dolphin , либо самостоятельно.

 

  1. При выборе создания сайт самостоятельно, выбирайте раздел персональный сайт. Если вы выберете помощника, то следуйте его указаниям.
  2.  

 

 

 

 

  1. Для начала, необходимо войти на свою страницу в режиме редактирования. Для этого открываем сайт jimdo.com, но так как сайт на английском языке, то удобно перевести страницу автоматически, после этого нажимаем на активную ссылку «ВХОД В СИСТЕМУ» .

 

 

  1. В открывшееся диалоговое окно вводим адрес сайта и пароль, который мы придумали при регистрации

 

вход

 

  1. Оказываемся в панели редактирования сайта. Здесь необходимо заполнить информацию о себе и подтвердить электронный адрес, а также здесь можно задать основные настройки сайта.

 

 

4. Сначала вам дадут бесплатный поддомен вида сайт.jimdo.com. Чтобы поменять на домен 2 уровня нужно оплатить любой из 2-х тарифов – Pro или Business. На первом вам подарят 1 домен, на втором – 2.

 

 

 

 

 

 

 

  1. Интерфейс (Административная панель)

Административная панель Jimdo достаточно красива и удобна в использовании, но слегка специфична. Здесь вы найдёте стандартные функции вроде добавления страниц, пользователей, управления доменами, SEO и прочее. На бесплатном тарифе около половины функционала вы не увидите. Чтобы использовать его, нужно будет обновиться до платной версии.

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

Обзор вкладок

Нажав на изображение с интересующей вкладкой, можно узнать о ней больше:

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/id8d0165e6c164efa/version/1416928281/image.jpg

Шаблон – в данной вкладке можно выбрать и установить один из предложенных шаблонов на свой Jimdo-сайт или создать свой собственный шаблон. 

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/i3cd842deb0ed1d08/version/1416928298/image.jpg

Стиль - с помощью редактора стиля можно настроить и изменить стиль своего Jimdo-сайта.

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/ifb60ddb9c79a7875/version/1416928307/image.jpg

Блог – во вкладке "Блог" отображены все статьи блога данного Jimdo-сайта. 

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/i013adfa59da81553/version/1416928317/image.jpg

Обновить – обновить свою версию сайта до версии JimdoPro или JimdoBusiness, или заказать дополнительные Email-адреса и домены можно во вкладке "Обновить".

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/i496ee5cb0851e808/version/1416928326/image.jpg

Настройки – во вкладке "Настройки" можно управлять доменами и почтовыми ящиками, производить настройки блога и личного кабинета, и многое другое. 

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/i212c51a23b21425a/version/1416928337/image.jpg

SEO – здесь можно произвести настройки для поисковой оптимизации Jimdo-сайта.

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/iae6ff8cd487751ad/version/1416928348/image.jpg

Магазин – все для создания и управления своим интернет-магазином.

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/i0210c9a3e235cdcc/version/1416928358/image.jpg

Статистика – статистику посещения своего Jimdo-сайта.

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/i46e5a2246e7fb3ad/version/1416928790/image.jpg

Помощь – здесь можно найти ответ на свой вопрос и написать нашей службе технической поддержки.


2.4. Структура сайта

Все сайты на Jimdo состоят из пяти основных частей: шапка сайта, навигация (навигационное меню), область контента (содержания), сайдбар (боковая панель) и футер (подвал сайта).

Выбранный шаблон сайта определяет то, как выглядит та или иная область, а наполнять информацией области можно с помощью модулей.

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/i22d26d9a51187f05/version/1414686465/image.png

Шапка сайта – это, как правило, верхняя область сайта, в которую можно установить логотип и название сайта. Эта область отображается на всех страницах сайта. Размер и место логотипа определяются выбранным шаблоном.

Навигация (навигационное меню) – это структура сайта. В нём - список всех страниц, которые были созданы на сайте. В режиме редактирования меню можно создавать новые страницы, менять их местами, а также создавать подразделы. 

Область контента (содержания) - это основная область сайта, наполняемая содержанием с помощью модулей (элементов), таких как «Текст», «Изображение» и др. Модули в области основного контента будут отображаться только на тех страницах, на которые они были установлены.

Сайдбар (боковая панель). В сайдбар, или боковую панель, также можно добавлять модули с информацией (баннеры, виджеты, ссылки). Однако данная информация будет отображаться на всех страницах сайта, поэтому сайдбар стоит использовать для размещения важной информации. Шаблон сайта определяет расположение сайдбара: сбоку или снизу.

Футер (подвал сайта).

Футер, или подвал сайта – эта область, расположенная в нижней части каждой страницы. В футере расположена ссылка входа в режим редактирования и другие ссылки на важные страницы, например, на карту сайта. В настройках сайта можно настроить, какие ссылки отображать в футере.

 

 


2.5. Оформление сайта

  1.    Выбор шаблона

Шаблон определяет вид и расположение областей контента на сайте. Каждый шаблон построен по-своему и обладает индивидуальными свойствами. Сменить шаблон на другой можно в любое время, при этом содержимое сайта останется без изменений. У каждого шаблона есть варианты дизайна на выбор: от варианта может зависеть не только цветовая палитра шаблона, но и расположение некоторых областей, как например навигационного меню или боковой панели.

  1. Во вкладке дизайн можно выбрать шаблон

дизайн

  1.                Выбор шаблона сайта. Заходим в меню «ШАБЛОН». При наведении курсора каждый шаблон имеет окно «ПРЕДВАРИТЕЛЬНЫЙ ПРОСМОТР».

выбор шаблона

  1.                Если Вас устраивает тот шаблон, который Вы выбрали, нажимаем «Сохранить». Например, шаблон «Флоренция»

шаблон выбрали


2.5.2. Редактирование стиля

С помощью редактора стиля можно стилизовать сайт по своему вкусу: установить собственный фон, изменить шрифты, настроить цвет навигационного меню, основной области контента и других областей выбранного шаблона.

Редактор стиля

Как работать с редактором стиля

Если на сайте выключен режим "Стилизация отдельных элементов", то пользователь сможет очень быстро и легко подобрать для всего сайта подходящую цветовую гамму, а также вид шрифта. Данные изменения действуют для всего сайта и зависят от шаблона. Таким образом, каждый пользователь Jimdo сможет создать для выбранного шаблона собственный вариант шаблона и стилизовать весь сайт.

 

Редактор стиля

 

Если режим "Стилизация отдельных элементов" включен, то владелец Jimdo-сайта сможет изменить стиль того или иного модуля на всем сайте, кликнув на необходимый модуль и выбрав нужные настройки.

 

Редактор стиля

 

Редактор стиля

 

Для изменения стиля только в одном модуле и только на одной странице (а не на всем сайте), следует выйти из редактора стиля и произвести настройки в самом модуле.

Индивидуальный фон для вашего сайта

Платформа Jimdo предоставляет множество возможностей индивидуального оформления вашего сайта, и одна из них – инструменты оформления фона. С помощью этих инструментов вы сами сможете решить, на каком фоне наполнение сайта выглядит наилучшим образом: на фоне одноцветной заливки, статичного изображения, сменяющихся изображений (слайд-шоу) или же видео.

Предпросмотр

При «примерке» любого нового фона, он тут же показывается на сайте, но при этом он виден только для вас. Для того, чтобы новый фон увидели посетители сайта, вам нужно подтвердить выбор нажатием кнопки «Сохранить». Если же фон не подходит, вы можете от него отказаться, нажав кнопку «Отменить».

 

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/i4bd66ca7e891d87b/version/1447764105/image.png

 

 

 

 

 

Загрузка и оформление фона

Зайдите в админ-панель и кликните на пункт меню «Стиль». Этим вы откроете наверху горизонтальное серое меню, в котором нужно выбрать опцию «Фон».  Для того, чтобы загрузить новое изображение, нужно нажать на область со знаком «плюс».

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/i2ff2b641b8c5a26a/version/1447772670/image.png

         

 

Выбор фона

Если у вас уже загружен какой-то фон, то он должен отображаться в списке загруженных и доступных фоновых изображений. Тут же можно сменить тип фона, например, со статичного изображения на слайд-шоу. Подробнее этот процесс можно наблюдать на анимации справа.

Доступные виды фона

 

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/ifbab4d0767db1b61/version/1447764081/image.png

 

Фон в виде статичного изображения

Кликните на иконку с «плюсом» и выберите нужное изображение, которые вы хотели бы установить в виде фона на всех страницах сайта. Вы можете загрузить как одно, так и несколько изображений, чтобы позднее выбрать из них какое-то одно. Используемое в виде фона изображение будет выделено голубой рамкой.

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/i10166eb1633d8ef1/version/1447772669/image.png

Фон в виде слайд-шоу

Для того, чтобы создать фон в виде слайд-шоу (сменяющих друг друга изображений), выберите тип фона «Фоновое слайд-шоу».  При загрузке изображений с вашего компьютера выберите несколько картинок. После того, как они будут успешно загружены, вы сможете расставить их в том порядке, в котором они должны появляться на сайте. Менять позицию изображений в списке можно простым перетаскиванием.

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/i47cf43dcf94da2bd/version/1447772670/image.png

Фон с видео

В качестве видео для фона сайта можно использовать любой ролик с YouTube или Vimeo. При вставке адреса на ролик в специальное поле система автоматически определит, верен ли он.

Однотонный фон

Также вы можете  просто залить фон каким-то одним подходящим сайту цветом. Часто именно это будет наиболее оправдано, например, в случае магазинов, хозяева которых хотели бы сконцентрировать внимание посетителей на товарах.

Выберите тип фона «Цвет», после чего у вас будет две возможности выбрать фоновый цвет: либо на глаз с помощью спектральной панели, либо задав HEX или RGB-код цвета в поле под панелью.

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/ia45b04f0d45edcaa/version/1447772671/image.png

Уникальный фон для отдельной страницы

Вы можете выбрать уникальный фон для каждой из страниц сайта.  Для этого перейдите на нужную страницу и установите фон как обычно. Не забудьте нажать «Сохранить». Таким образом фон будет изменён только для страницы, на которой вы сейчас находитесь.

Этот же фон можно применить и ко всем страницам сайта в настройках фона после нажатия на символ шестерёнки.

https://image.jimcdn.com/app/cms/image/transf/none/path/sde2b001306430550/image/i11dad5a80c6e3ae9/version/1456491951/image.png


2.6. Навигация

Структуру сайта можно задать с помощью навигационного меню. В нём - список всех страниц, которые были созданы на сайте. В режиме редактирования меню можно создавать новые страницы, менять их местами, а также создавать подразделы. Самое главное – не забывать сохранить изменения!

Структура твоего сайта

 

 

Операции со страницами навигационного меню

 

 

 

 

 

 

 

 

 

Важно: На Jimdo-сайте можно добавить до 3000 страниц.

Выравнивание меню

В таких шаблонах, как: Barcelona, Berlin, Chicago, Francisco, Hamburg, Helsinki, Hongkong, Melbourne, Miami, St. Petersburg, San Francisco, Verona, Zurich, - можно менять расположение навигационного меню на сайте: по центру, по левому или по правому краю.


2.7. Наполнение содержания сайта (работа с модулями)

Jimdo-сайт состоит из множества модулей (элементов). Это своего рода «кубики», которые можно добавлять, изменять, копировать и удалять.

Добавление

Чтобы добавить новый модуль на страничку своего Jimdo-сайта, нужно нажать на кнопку "+ Добавить новый модуль" в области контента страницы.

Модули

После этого откроется меню со списком всех модулей.

что добавляемМодули

Выбираем нужный элемент и добавляем его на свой Jimdo-сайт.

ВНИМАНИЕ!

На одной странице можно добавить до 200 модулей.

 

Редактирование

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

Модули

После редактирования рекомендуется сразу сохранять изменения.

Перенос

Положение модулей на страницах Jimdo-сайта можно легко менять, перемещая их с помощью мыши.

 Модули 

Копирование

 

Модули

 

Для копирования или перемещения модуля между страницами сайта можно воспользоваться специальным буфером обмена Jimdo, также с помощью мыши.

 

Moдули

Удаление

Чтобы удалить элемент, наведите курсор мыши на желаемый модуль. Слева появится панель с четырьмя картинками. Нажмите на картинку с мусорным ведром, затем кликните "Да, удалить".

 

Модули

 

 

Внимание! Удаленный модуль не может быть восстановлен!

 

 


2.8. Подключение сторонних ресурсов (виджетов)

Виджеты — это все то, что позволяет в кратчайшие сроки получить нужную лично Вам информацию, не используя браузер для поиска этой информации в Интернете.

К виджетам также можно отнести приложения, небольшие программы, которые выполняют узкоспециализированные функции и расширяют возможности основной программы.

Начните создавать новый блок в том месте, где бы вы хотели видеть виджет. В появившемся списке блоков нужно выбрать дополнительное меню — "Addititional Elements", интересующий нас блок находится в нем.

В этом меню ищем добавление HTML-кода — блок "Widget \ HTML":

 

виджет

Когда блок будет добавлен, в его редактировании будет единственное большое поле ввода. Просто скопируйте в него код вставки виджета, его можно взять на странице приложения, нажав на кнопку «Получить код» в блоке «Регистрация на вашем сайте».

Приложения для виджетов

Очень удобное и простое приложение Web 2.0 LearningApps.org.  Этот конструктор предназначен для разработки интерактивных заданий по разным предметным дисциплинам и для применения на уроках и во внеклассной работе. Работа сервиса основана на готовых шаблонах различных видов интерактивных заданий. Основная идея интерактивных заданий заключается в том, что ученики могут проверить и закрепить свои знания в игровой форме, что способствует формированию познавательного интереса учащихся.

ленинг

На странице каждого тренажера есть ссылка для привязки к своему сайту.

 

привязка ленинг

 

Еще одним удобным приложением является Online Test Pad – конструктор, который  решает все задачи создания и проведения онлайн тестирования, позволяет создать онлайн тест с любой логикой расчета результатов, поможет вам собрать статистику по интересующим вас вопросам, незаменимый помощник в создании онлайн кроссвордов любого типа, а также быстрое подведение итогов тестирования

 

Каждый тест имеет ссылку для виджета на сайте, копируем и вставляем на свой сайт:

 

онлайн тест вставка

 

Использование Google Forms — это универсальный и совершенно бесплатный инструмент от Google. С помощью него можно создавать опросы, приложения, регистрации, анкеты, викторины и т.д., форматировать ваши пользовательские поля как текст, абзацы, чекбоксы или как любые другие элементы из списка, предварительно просматривать вашу форму, настраивать страницу подтверждения, управлять ответами и комментариями и многое другое. Одним из самых простых решений будет использование встроенной функции, которую вы найдете по ссылке File в меню страницы, где вы редактируете вашу Google форму. Нажмите Embed, а затем скопируйте и вставьте HTML код в текстовый редактор страницы или поста на вашем сайте. Вы можете настроить высоту и ширину формы, чтобы убедиться, что она будет соответствовать параметрам страницы.

 

В настройках доступа копируем ссылку на данную форму и вставляем на сайт:

 

гугл форма привязка

 

Форма работает, данные заносятся в таблицу. Важно настроить оповещения об изменениях в таблице. Для настройки оповещений - открываем таблицу, куда заносятся данные из формы (мы настраивали ее в самом начале пути). В меню таблицы переходим по пути Инструменты -- Уведомления. В открывшемся диалоговом окне выбираем следующие пункты: Уведомлять (ВАШ-АДРЕС-ЭЛЕКТРОННОЙ-ПОЧТЫ) о следующих действиях: выбираем Отправка формы. Способ уведомления... выбираем Сообщение электронной почты – мгновенное. Таким образом, каждый раз, как кто-то заполнит и отправит форму - вы получите уведомление о том, что таблица изменена.

 

 

Список литературы

1. Т.Н. Бондаренко. Использование веб-квест технологии в процессе организации самостоятельной деятельности студентов. // Материалы VII международной научно-практической конференции «Новые информационные технологии в образовании». – Екатеринбург, 2014. 

2. Быховский, Я. С. Как создать веб-квест для самостоятельной работы учащихся? [Электронный ресурс] / Я. С. Быховский. – 2000. – 21 августа. – Режим доступа: http://teacher.fio.ru/news.php?n=59&c=1529 , свободный. – Загл. с экрана: Федерация Интернет Образования – Учитель.ru.

3. Быховский, Я.С. Образовательные веб-квесты [Электронный ресурс] / Я. С. Быховский // Материалы международной конференции «Информационные технологии в образовании. ИТО-99». – 1999. – Режим доступа: http://ito.bitpro.ru/1999 , свободный. – Загл. с экрана: Конференция ИТО-99.

4. Николаева, Н. В. Образовательные веб-квесты как метод и средство развития навыков информационной деятельности учащихся / Николаева Н. В. // Вопросы Интернет-образования. – 2002. – № 7. 

5. http://internet-konfweb202011.blogspot.com/2012/02/14.html

6. http://shkolazhizni.ru/archive/0/n-51014/

5. http://festival.1september.ru/articles/513088/

7. http://zhakulina20090612.blogspot.com/2011/07/blog-post_09.html 

8. http://ithistory.ucoz.ru/index/veb_kvest/0-66

 

 

 

Информация о публикации
Загружено: 21 ноября
Просмотров: 63597
Скачиваний: 360
Жданкина Надежда Владимировна
Всем учителям, Прочее, Разное

Проверьте знания своих учеников интересными заданиями

Красочные наградные дипломы и сертификаты для участников, свидетельства и благодарности каждому учителю, ежемесячный розыгрыш ценных призов!

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