Семинар «Создание сайтов дошкольных образовательных учреждений» Лаврик Е.М. 2011 -1- Основной целью данного семинара, является ознакомить Вас с различными видами сайтов, способы их создания, а так же с требованиями к сайтам в соответствии с Закон об образовании (статья 32.(пп. 24 введен Федеральным законом от 08.11.2010 N 293-ФЗ)). В связи с интенсивным развитием информационных технологий роль сайтов в деятельности образовательного учреждения с каждым годом возрастает. Сайты позволяют в полной мере использовать все способы донесения информации до пользователя (текст, видео, аудио, презентации, изображения и фотографии), оперативно информировать заинтересованных пользователей о событиях происходящих в учреждении, знакомить с документацией. Web-сайт состоит из взаимосвязанных Web-страниц, которые написанны на языке HTML или PHP или других языках, предназначенных для создания сайтов. Под гиперссылка понимается переход на другой документ сайта, другую веб-страницу, на эл.ящик и т.д. Показать на любом примере : education.ssti.ru Вид сайта Управления образования в браузере Вид HTML кода данной страницы. Браузеры – это программы для просмотра интернет-страниц на компьютере, помогающие вам путешествовать по Интернет. Их так же называют обозревателями: Internet Explorer, Opera, Mozilla Firefox и т.д. Вид браузеров: -2- Этапы создания сайта: 1 Этап: Работа по созданию сайта должна быть регламентирована приказами по ОУ. Приказом утверждается: 1) Положение о сайте ОУ; 2)Ответственный администратор сайта; 3) Порядок сопровождения и обновления сайта; 4) Другие вопросы в зависимости от целей и задач сайта. 2 Этап: Создание структуры сайта (планирование разделов, их содержимого). 3 Этап: Подготовка (сбор) необходимых материалов для сайта в электронном виде. 4 Этап: Создание сайта либо самостоятельно, либо заключение договора с организацией (выбор организации). 5 Этап: Выбор (поиск) услуг хостинга (т.е. выбор сервера для размещения сайта в сети Интернет) Заключение договора о предоставлении хостинга. Получения доступа к своим ресурсам через удаленное соединение (FTPсоединение), т.е. получение логина и пароля у фирмы, с которой заключен договор хостинга. Получение доменного имени (адреса Интернет-ресурса) Предлагаю имена сайтов: mdou4.tomsk-7.ru mdou4.seversk.ru mdou4.vseversk.ru -3- Размещение сайта на сервере Обязательные требования к наполнению официальных сайтов образовательных учреждений 1. На официальном сайте ОУ в обязательном порядке размещается следующая информация: А) ОФИЦИАЛЬНАЯ ИНФОРМАЦИЯ Официальное наименование ОУ и его реквизиты, дата основания (адрес, телефоны, адрес электронной почты) Устав ОУ Структура ОУ Копии: документа, подтверждающего наличие лицензии на осуществление образовательной деятельности (с приложениями); свидетельства о государственной аккредитации (с приложениями) Отчет о результатах самообследования (отчетные аналитические материалы о деятельности ОУ) Б) ОБРАЗОВАНИЕ Преподавательский состав педагогических работников с указанием уровня образования и квалификации Численный состав обучающихся (по классам, группам) за счет средств соответствующего бюджета бюджетной системы Российской Федерации, по договорам с физическими и (или) юридическими лицами с оплатой ими стоимости обучения Реализуемые основные и дополнительные образовательные программы Порядок оказания платных образовательных услуг, в том числе образец договора об оказании платных образовательных услуг, с указанием стоимости платных образовательных услуг Итоговая аттестация Электронные образовательные ресурсы, доступ к которым обеспечивается обучающимся В) РАЗВИТИЕ Программа долгосрочного развития ОУ (более 1 года) Г) ВОСПИТАНИЕ Воспитательная работа (направления, результаты, условия и специфика реализации) Традиции Мероприятия Д) ФИНАНСОВОЕ И МАТЕРИАЛЬНО – ТЕХНИЧЕСКОЕ ОБЕСПЕЧЕНИЕ Материально-техническое обеспечение, оснащенность образовательного процесса (в том числе о наличии библиотеки, спортивных сооружений, об условиях питания, медицинского обслуживания, о доступе к информационным системам и информационно-телекоммуникационным сетям) Копии утвержденных в установленном порядке плана финансово-хозяйственной деятельности или бюджетной сметы образовательного учреждения Поступление и расходование финансовых и материальных средств по итогам финансового года 2. В качестве рекомендуемой на сайте ОУ может быть размещена информация: -4- А) ОФИЦИАЛЬНАЯ ИНФОРМАЦИЯ История ОУ Сотрудничество (международное сотрудничество, сотрудничество с высшими учебными заведениями, школами, дошкольными учреждениями и т.п.) Расписание (режим дня) Логотип ОУ Б) ОБРАЗОВАНИЕ Выпускники (особое внимание уделить информации о выпускниках, внесших особый вклад в развитие региона в различных сферах деятельности) Поступающим В) РАЗВИТИЕ Опыт инновационной деятельности (эксперименты, опыт и результаты внедрения проектов Департамента, Управления образования и т.п.) Инновационное сопровождение образовательного процесса (модифицированные программы педагогов, методические разработки, разработки сценариев занятий и т.п.) Научное общество школьников (исследовательские работы, рефераты и др.) Проектные направления 3. На официальном сайте ОУ не допускается: размещение противоправной информации; размещение информации, не имеющей отношения к образованию и образовательному учреждению; размещение информации, разжигающей межнациональную рознь, призывающей к насилию или свержению существующего строя; размещение информации, не подлежащей свободному распространению в соответствии с Законодательством РФ; наличие расхождений между одними и теми же сведениями, размещаемыми в разных разделах Интернет- сайта и элементах его оформления. Требования к электронным почтовым ящикам образовательных учреждений 1. Официальный электронный почтовый ящик ОУ должен быть размещен на сервере организации, имеющей статус юридического лица. Обслуживание почтового ящика оформляется договорными отношениями между ОУ и данной организацией. 2. Образовательное учреждение может иметь несколько официальных электронных почтовых ящиков, организованных в соответствии с пунктом 1. -5- Требования к сайтам по исполнению: 1. Технологичность- скорость загрузки страниц, оптимальный объем информационного ресурса размер одной страницы сайта не должен превышать 40 Kb (кроме графической информации, например, рисунки, фотографии и т.п.); Web-сайт должен быть оптимизирован для разрешения экрана монитора 1280 х 1024, и предусмотрен для просмотра при других разрешениях; Web-страницы должны поддерживать кодировки русских шрифтов; применяются технологии звука, видео, анимации 2. Функциональность- структура и навигация, обновляемость Организация размещения материалов на сайте, удобство и эффективность просмотра его разделов, наглядное представление о том, где и что искать, возможность получить быстрый доступ к любой информации, содержащейся на сайте, отсутствие тупиковых и неработающих ссылок 3. Экологичность- интерфейс и дизайн, интерактивность Интерфейс и дизайн (общее восприятие, читаемость текстов, стиль представления материала, графическое решение, отсутствие грамматических и других ошибок); Интерактивность (наличие каких-либо интерактивных элементов: поиск по сайту, участие в опросах, возможность отослать письмо по электронной почте, гостевая книга и др.) 4. Психология цвета -6- Рекомендуемые цвета – желтый, зеленый, синий, коричневый. Или использовать бежевокоричневую или бежево-желтую гамму. Но это все зависит от ваших идей и замыслов. Вы художник и творец, Творите и у Вас все получиться. Одним из критериев технологичности является скорость загрузки страницы, и изображений. Уменьшение размера изображения можно осуществлять с помощью различных графических программ и редакторов. Уменьшение объема файлов с изображением можно осуществлять через уменьшение размера изображения. -7- Я вам рекомендую использовать Microsoft Office PhotoEditor и Microsoft Office Picture Manager, т.к. они входят в лицензионный пакет Microsoft Office. Редакторы Web-страниц Создать веб- страницу можно в программе «Блокнот», используя специальные языки программирования. Вид Web-страниц в блокноте. Но есть редакторы которые не требуют знаний HTML языка. -8- FrontPage, входит в пакет приложений Microsoft Office, стал первым продуктом широкого использования для Internet. FrontPage способен взять на себя всю необходимую работу по программированию. А с 2007 года данный программный продукт переименовали в MICROSOFT OFFICE SHAREPOINT DESIGNER 2007 . Вид Microsoft FrontPage -9- Вид SHARE POINT DESIGNER Microsoft FrontPage имеет удобный интерфейс и стандартные шаблоны веб-страниц, у которых можно менять цветовую гамму и панели навигаций. Можно создавать свои собственные шаблоны с оригинальным дизайном. - 10 - Образовательные учреждения нашего города воспользовались FrontPage и создали официальные сайты, это школы: 76, 80, 83, 87, 196, 198, 90, Орловка и личный сайт Соколовой Т.Н. учитель 90 школы. Виды сайтов, созданных в Microsoft FrontPage 1. Использование стандартных шаблонов Microsoft FrontPage - 11 - 2. Сайты созданные в Microsoft FrontPage. Использованы анимированные кнопки и фотоколлажы 3. Сайты созданные в Microsoft FrontPage с прорисовкой - 12 - Сайты прорисованные и написаные с использованием HTML и PHP языков Создание сайтов с помощью «Движков» Последнее время в сети Интернет можно встретить большое количество сайтов, которые созданы на основе «Движков». Иначе говоря, если раньше чтобы добавить новость вам надо было вручную вставить её в код страницы, то в движке будет достаточно зайти под своим логином на сайт в администраторскую панель и просто заполнить форму, где указать название новости, её текст и т.д. Названия существующих движков: Xoops Siteframe Drupal Mambo Open Source Joomla! - 13 - Typo3 Geeklog phpWCMS Joomla! Наиболее распространенным является движок Joomla! Joomla! является свободным программным обеспечением, защищённым лицензией GPL. Одной из главных особенностей Joomla! является относительная простота управления при практически безграничных возможностях и гибкости при изготовлении сайтов. Название «Joomla!» фонетически идентично слову «Joomla», которое в переводе с суахили означает «все вместе» или «в целом», что отражает подход разработчиков и сообщества к развитию системы. Joomla легка в установке, проста в управлении и надежна. Создание сайта с использованием бесплатного движка «JOOMLA 1.5.» Рис. 1. Вход в Joomla. - 14 - Рис 2. Менеджер управления материалами Рис 3. Редактирование материалов - 15 - Рис. 3. Материалы в браузере с использованием шаблона Рис. 4. Менеджер шаблонов. Существует множество шаблонов, на основе которых можно создавать свои сайты. Шаблон закачивается в движок, а потом редактируется. - 16 - Название разделов сайта МДОУ Главная Новости - Архив новостей События - Архив событий Новостная лента Лента событий *** История сада О нас Первая заведующая Первые педагоги Наши ветераны Наша гордость Наши успехи Миссия садика Творчество Образовательные программы Концепция развития Наши достижения *** Коллектив Наш коллектив Педагогическое сообщество Наши педагоги Воспитатели Детское сообщество Наши дети Наши праздники *** Контакты Наши реквизиты *** *** Документы Общие документы Документы МДОУ Дополнительные услуги Медицинские услуги Образовательные услуги Наши документы Официально Обеспечение Финансовое обеспечение Материальное обеспечение Техническое обеспечение Ресурсное обеспечение *** *** Образовательные простанство Состав обучающихся Педагогический состав Ресурсное обеспечение Ресурсы библиотеки *** Спонсоры Сотрудничество - 17 - Полезные ссылки Полезная информация Родителям Советы Статьи *** Фотоальбом Фотогалерея Доска почета - 18 -