История школы

1.3. История школы, традиции, достижения, отзывы прессы.

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

1.4. Сотрудничество с вузами.

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

1.5. Родительский и попечительский советы.

Если данные структуры принимают активное участие в жизни шко­лы, имеет смысл предоставить им отдельную страницу.

1.6.  Партнеры и спонсоры.

1.7.  Информация, посвященная реализации Приоритетного националь­
ного проекта «Образование» с включением всех нормативных до­
кументов муниципального уровня и материалов, отражающих об­
щественное мнение;

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

2. Новости, объявления.

Необходимо обновлять этот раздел не менее 2-х раз в месяц! Ничто так не внушает доверия к сайту школы, как наличие свежих новостей: сразу видно, что сайт живет и ему можно доверять.

3. Учебная деятельность.

Этот раздел может содержать:

• Программы для разных классов.

• Учебный план.

• Расписание уроков.

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

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

20

4. Внеурочная и досуговая деятельность.

4.1. Участие школы в конкурсах, олимпиадах, проектах.

В наше время участие в проектах — это престиж школы.

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

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

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

4.2. Дополнительные занятия, кружки, секции.

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

4.3. Школьный музей.

Этот раздел сайта не обязательно должен отражать содержание ре­ального музея. Такой музей может существовать только в Интернете - виртуально. Здесь же можно рассказать о различных видах исследо­вательской работы по изучению своего окружения—интересных людей и мест.

4.4. Мероприятия.

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

5. Педагогическая мастерская.

• Методические разработки учителей.

• Учебные материалы по школьной программе.

• Тематические обзоры образовательных ресурсов.

6. Творчество учеников

• Научно-исследовательские и реферативные работы.

• Творческие работы.

• Школа глазами учеников.

7. Неофициальная информация о школе.

«Неофициальная» в нашем понимании — это такая информация, за которую администрация школы не несет ответственности. При обеспе­чении с помощью ссылок возможности просмотреть личные странич-

21

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

7.1. Личные странички учеников.

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

7.2. Фотоальбом.

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

7.3. Информация о выпускниках.

В полном виде страница может содержать:

• Базу выпускников за разные годы (с возможностью поиска по
различным критериям).

• Место общения бывших соучеников.

• Галерею интересных личностей.

• Страницу регистрации для выпускников.

Приведенная структура не является однозначной. Это — пример, ко­торый призван помочь разработчикам создать структуру личного школь­ного сайта.

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

КАК ПОСТРОИТЬ СИСТЕМУ НАВИГАЦИИ САЙТА?

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

22

- Школьные объединения.

- Доска объявлений.

- Виртуальная экскурсия.

- Образовательные ресурсы.

- Гостевая страница.

- «Ищу друга».

Сельская удаленная школа — сайт как визитная карточка школы • Структура сайта:

- Моё село (социальная карта).

- История школы.

- Школа сегодня.

- Наши учителя.

- Наши ученики.

- Внеклассная работа.

- Наши выпускники.

При создании школьного сайта командам следует обратить внима­ние на некоторые критерии, по которым ваш сайт может быть положи­тельно оценен пользователями сети Internet:

• Частота обновления.

• Посещаемость.

• Отражение развития школы.

• Отражение коллективной творческой деятельности учащихся.
Шпаргалка «Содержание школьного сайта»

1. Официальная информация о школе.

1.1. Общие сведения.

• Координаты школы (адрес школы, банковские реквизиты, карта
проезда).

• Контактная информация для связи со школой.

• Краткая информация о направлениях деятельности.

• Информация о школьной администрации и педагогическом кол­
лективе.

1.2. Информация для поступающих в школу.

• Правила приема, список необходимых документов.

• Подготовительные курсы, дни открытых дверей.

• Предпрофильная подготовка: элективные курсы.

• Профили.

• Обучающие материалы для поступающих в школу.

19

Возможные варианты:

Городская крупная школа - сайт как периодическое издание и мес­то общения

• Структура сайта:

- Главная страница (визитка школы, новости).

- История школы.

- Гордость школы.

- Наши учителя.

- Консультации психолога.

- Вести с уроков.

- Спортивная жизнь школы.

- Переменка.

- Интерактивный дневник.

- Сотрудничество с вузами.

- Направления досуговой деятельности школы. Например: Алло, мы
ищем таланты.

- Наши достижения.

- Афиша открытых мероприятий.

- Родительский и попечительский советы.

- Коммерческая деятельность.

- О нас говорят.

- Мы говорим.

- Гостевая книга. Форум.

Городская обычная школа - сайт как информационный листок

• Структура сайта:

- О нас.

- Новости.

- Методическая копилка.

- Фотогалерея.

- Абитуриенту.

- Школьная пресса.

- Форум.

- Для вас, родители.

- Наши достижения.

- Электронная библиотека.

Сельская (поселковая) школа - сайт как информационный листок.

• Структура сайта:

- Главная страница.

- Историческая справка об ОУ.

18

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

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

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

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

Одним из основных элементов навигации является домашняя стра­ница web-узла. Это та страница сайта, которая открывается при запросе корня сервера—слэша. Существует два основных вида домашних стра­ниц: презентационная и информационная.

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

Информационная страница, наоборот, создается с использованием минимума графики и содержит большой объем информации. Многие известные web-узлы «раздувают» ее до 3 и более экранов. Ее главная задача—продемонстрировать посетителю обилие информации на узле и предоставить ему самый актуальный материал.

Независимо от вида домашней страницы существуют несколько основных правил ее организации:

1)  самая актуальная информация по возможности должна быть видна
на первом экране;

2)  элементы навигации (меню) должны быть очевидными и замет­
ными, т. к. посетителю, зашедшему на сайт в первый раз, незнаком ваш
стиль;

23

3 ) желательно, чтобы элементы навигации помещались в один экран;

4)  домашняя страница должна пояснять, чему посвящен этот узел,
или как-то иначе привлекать внимание посетителя;

5)  не делайте страницу полностью графической, поскольку всегда
найдется причина в будущем добавить в нее текст: экстренное сообще­
ние, новости и т. п.;

6)  следите за размером страницы, т. к. терпение посетителя не без­
гранично. В настоящее время оптимален размер в 40-50 Kб. Если тре­
буется разместить больше информации, предупредите об этом посети­
теля. Минимизируйте количество графики, разбейте таблицу на части,
словом, сделайте так, чтобы посетитель увидел хотя бы ее начало, пока
не подгрузится во все остальное;

7)  большинство внутренних страниц имеют верхнее или левое бо­
ковое меню, поэтому зачастую только на первой странице у вас есть
возможность «самовыразиться»;

8)  не бойтесь нестандартных решений - проявите неординарность.

Основные рекомендации к созданию страниц web-сайта:

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

2.  Страница не должна иметь большой объем информации, текст
должен быть коротким и лаконичным.

3.  Основная информация не должна превышать 80% площади стра­
ницы.

4.  Списки и таблицы структурируют материал и значительно облег­
чают его восприятие.

5.  Следует избегать размещения на web-сайте «сухой» информации.

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

7.  Названиям позиций меню необходимо уделить особое внимание.
Лучше всего, если каждая позиция будет представлена одним корот­
ким словом. Заголовок должен однозначно подсказывать пользовате­
лю, что за ним скрывается.

нальную страницу человека, надо знать, на какой кафедре он работает или в каком классе учится, а посетитель сайта слабо ориентируется в организационной структуре школы. Кроме того, разные кафедры и клас­сы будут представлены совершенно неадекватно своему положению в школе: страница класса, например, содержит только список учащихся, в то время как страница кафедры — большой и весьма популярный на­бор web-публикаций. Поэтому в дополнение к «списку по ранжиру» целесообразно добавить параллельный ему алфавитный список с соот­ветствующими ссылками.

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

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

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

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

• Наличие официальной информации о школе. Существует не­
кий минимум сведений о школе, обязательный для представления на
видном месте школьного сайта.

• Удобочитаемость текста и отсутствие орфографических
ошибок.

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

Школьной творческой группе необходимо определиться с типологи­ей школьного сайта, его структурой и содержанием.

24

17

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

Плоская структура. Ее еще называют звездной или полносвязной. Она имеет следующий вид: головной документ (домашняя страница) содержит ссылки на все остальные документы узла. Такую структуру имеют многие домашние страницы и «сайт-визитка», под которым под­разумевается некий web-узел с типичными страницами: «О компании», «Наши услуги», «Как с нами связаться», «Наши партнеры», «Наши клиенты». Из вышесказанного ясно, что такую структуру используют для узла, насчитывающего не более 5-9 документов.

Линейная структура. Эту структуру иногда называют последователь­ной. Она представляет собой серию последовательно связанных доку­ментов, использующих только ссылки: вперед (дальше) и назад. При­меняется она очень редко и подходит в основном для простых презен­таций и определенных видов учебников. Использовать ее имеет смысл, когда ваш посетитель может пройти по ней до конца за короткий проме­жуток времени.

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

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

На верхнем уровне организуют плоскую структуру документов. В нее входит домашняя страница, а также, в зависимости от направлен­ности узла, группа вспомогательных документов и/или индексы разде­лов. Часто все они полностью или частично взаимосвязаны друг с дру­гом. Из этих разделов или же прямо из домашней страницы вырастают документы древовидных структур. «Листьями» этих «деревьев» могут быть отдельные документы, плоские или линейные структуры.

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

КАКИЕ ТЕХНОЛОГИЧЕСКИЕ РЕКОМЕНДАЦИИ ПО РАЗРАБОТКЕ САЙТА ВАЖНО СОБЛЮДАТЬ

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

2.  Из-за ограниченной скорости передачи данных в сети Internet раз­
меры файлов, в том числе и графических файлов, которые вставляют­
ся в web-страницы, должны быть минимальными. Рекомендуется ис­
пользовать графические файлы размером не более 50 Кб. Рекомендо­
ванный объем web-страницы — до 60 Кб.

3.  Большинство серверов в сети Internet не поддерживают имена
файлов, которые содержат символы кириллицы и разделительные зна­
ки, поэтому русские имена файлов недопустимы, имена файлов долж­
ны быть набраны строчными буквами.

4.  Для создания web-страничек допустимы форматы jpeg (для фо­
тографий), gif (для рисунков).

5. Сайт должен корректно отображаться в наиболее распространен-

ных Internet-браузерах

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

К содержательным критериям относятся:

1.  Соответствие созданного web-сайта его цели и целям функцио­
нирования учреждения.

2.  Четкость и логичность структурирования информации.

3.  Соблюдение в предоставленной информации принципа «необхо­
димо и достаточно».

4.  Соответствие выбранной структуры web-сайта его предназначе­
нию.

5.  Отсутствие грамматических ошибок.

6.  Корректность ссылок web-сайта.

7.  Регулярность обновления web-сайта (оценивается на протяжении
всего времени его функционирования). Важным признаком качествен­
ного web-сайта является частота его обновления.

К техническо-дизайнерским критериям относятся:

1.  Удобство навигации web-сайта.

2.  Наличие системы поиска по сайту.

3.  Наглядность структуры.

16

25

4.  Корректность отображения в популярных Internet-браузерах.

5.  Быстрота загрузки.

6.  Соответствие стиля web-сайта характеру деятельности учрежде­
ния и предназначению web-сайта. Соблюдение единого стиля на всех
страницах web-сайта.

7.  Привлекательность внешнего оформления.

Представление о дизайне сайта

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

Фактически, необходимо разработать дизайн одной страницы, так как весь сайт будет строиться по единому шаблону. Обратитесь к учи­телю ИЗО для помощи в разработке дизайна.

Компоновка информации

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

Каждая таблица в языке HTML обладает набором следующих свойств:

• шириной и высотой, определяемых браузером по содержанию стра­
ницы или задаваемых в процентах или пикселях;

• шириной границ в пикселях;

• отступом текста от границы в пикселях;

• промежутком между ячейками в пикселях;

• фоновым изображением ячейки.

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

26

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

3. Разработка визуальной составляющей сайта: дизайна, графичес­
ких элементов, обработка графики.

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

4.  Написание кода: создание web-страниц, программирование, на­
писание функциональной части.

5.  Тестирование. На этом этапе проверяется удобство навигации,
целостность данных, корректность ссылок и орфография.

6.  Публикация: размещение сайта на сервере организации, предо­
ставляющей такие услуги.

Теперь, когда вы познакомились с основными этапами работы, остановимся на некоторых из них.

I* КАК РАЗРАБОТАТЬ СТРУКТУРУ?

Одним из главных слагаемых успеха является правильная органи­зация структуры сайта. От нее зависит не только удобство навигации, но и легкость пополнения сайта и добавления новых разделов.

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

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

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

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

15

Итак, представлен достаточно полный список программ для созда­ния web-страничек. Не все из них, конечно, нужны сразу, чтобы писать свои странички. Поначалу достаточно иметь какой-нибудь браузер и визуальный редактор, а по мере накопления опыта вы освоите и другие программы. При наличии любого браузера и доступа к Интернет это совсем нетрудно: загляните, например, в раздел Сервера Информаци­онных Технологий (http://www. *****), посвященный Интернет-технологиям. Кроме того, любая поисковая система выдаст вам много ссылок на подобные ресурсы. Наконец, существует большое количе­ство литературы по Интернет-технологиям.

Г С ЧЕГО СЛЕДУЕТ НАЧАТЬ СОЗДАНИЕ САЙТА?

У вас есть огромное желание и грандиозные планы, но вы не знае­те, как подступиться к этой работе?

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

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

При создании сайта выполняют в приведенном порядке следующие основные этапы работы:

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

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

2. Написание контента. Контент-информационное наполнение (со­
держание) сайта (тексты, графика, мультимедиа)—играет важную роль,
т. к. именно информация — главное для посетителей сайта. В «начин­
ку» разработчики должны поместить информацию, привлекающую

14

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

логотип	название
Разделы: Главная Наши учителя Наши ученики Наши родители Контакты Карта сайта © выходные данные	Основное содержание Разделы подменю: Подраздел 1| Подраздел 2| Подраздел 3

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

Компоненты оформления Композиция

Композиционное построение включает в себя:

• выяснение центра композиции и подчинение ему других частей
сайта;

• объединение отдельных частей сайта в гармоническом единстве;

• соподчинение и группировка с целью достичь выразительности и
пластической целостности сайта.

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

27

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

Цветовая гамма

Цветовая гамма—ряд гармонически взаимосвязанных цветовых от­тенков. Различают теплые, горячие, холодные, яркие, блеклые, свет­лые и другие цветовые гаммы.

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

■

Примечание. Цветовая гамма задается для всего сайта через таб-лицу стилей одним СSS файлом (Cascading Style Sheets - каскад­ные таблицы стилей).

Шрифты

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

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

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

1)  сканирование фотографий;

2)  коррекция отсканированных и готовых фотографий, в т. ч. тоно­
вая и цветовая;

3)  ретушь фотографий;

4)  умение кадрировать;

5)  грамотное использование графических фильтров;

6)  работа со слоями.

Наиболее популярные программы обработки растровой графики — Adobe Photoshop, PaintShop, Pro Corel Photopaint, Ulead Photo Impact.

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

1)  с графическими объектами (группировка, наложение, получе­
ние нестандартных объектов);

2)  с кривыми и узлами кривых;

3) с направляющими и сеткой.
А также умения:

1)  разбираться в цветовых моделях (RGB, CMYK, HSB);

2)  размещать текст на любой кривой;

3)  грамотно использовать градиенты и заливки (включая фракталь­
ные);

4)  использовать эффекты.

Для работы с векторной графикой предназначены программы Adobe Illustrator, CorelDraw и Macromedia FreeHand.

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

Ulead GIF Animator - программа, позволяющая создавать аними-рованные GIFbi. Она обладает очень мощными средствами оптимиза­ции и обеспечивает полный контроль над выходным файлом.

Фильтры для Adobe PhotoShop, способные существенно повысить работоспособность и двумя-тремя нажатиями создать впечатляющие эффекты.

Macromedia Flash! предназначена для использования Web-вектор­ных изображений. Она обладает собственной средой разработки и по­зволяет создавать впечатляющую векторную анимацию.

28

13

Изготовить web-страничку можно и на более слабом компьютере, про­сто это займет гораздо больше времени.

Теперь поговорим о выборе необходимого программного обеспече­ния. Однозначного рецепта здесь дать невозможно, т. к. многое зависит от предпочтений конкретного специалиста. Идеальных программ не бывает.

Итак, какие же программы понадобятся вам для создания сайта?

Во-первых, программы просмотра web-страничек, или браузеры.

В настоящее время имеется только два браузера, заслуживающие упоминания: Microsoft Internet Explorer и Netscape Navigator. Поэтому вам придется использовать именно эти программы для контроля внеш­него вида ваших web-страничек, причем обе, т. к. хорошая web-стра­ничка должна одинаково выглядеть в любом из этих браузеров.

Текстовый процессор с возможностью проверки орфографии не­обходим для набора текста и исправления ошибок в распознанных тек­стах. Это обычный Microsoft Word.

Программы распознавания текста помогут вам сэкономить массу времени, избавляя от ручного набора напечатанных текстов. Для рас­познавания текстов на русском языке используют программы Fine Reader и Cunei Form.

Простой текстовый редактор понадобится для ручного исправле­ния и добавления HTML-кода, т. к. существующие визуальные редак­торы не могут полностью контролировать процесс создания web-стра­нички (а если вы делаете страничку со сложным дизайном, то, воз­можно, вам придется весь код писать в редакторе). Подойдет обыч­ный Блокнот из стандартной поставки Windows или один из HTML-редакторов, которые имеют встроенные команды на проверку пра­вильности тэгов и структуры документов, например: Dream Weaver, HomeSite или HoTMetal.

Нужны также визуальные редакторы, позволяющие быстро разра­батывать несложные web-странички и корректировать уже написанные, при этом следует учитывать, как ваша страничка будет выглядеть в дру­гом браузере. Кроме того, иногда вам придется вручную исправлять код, сгенерированный данными программами. Наиболее известные ре­дакторы — Microsoft Front Page и Netscape Composer.

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

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

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

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

■

Примечание. Чтобы ваша страница смотрелась одинаково на лю­бом компьютере вне зависимости от того, установлен на нем ис-* пользуемый вами шрифт или нет, используйте только стандартные шрифты Times New Roman, Arial, Courier New.

Графика

Использование графики должно быть оправданным, она должна четко соответствовать содержанию сайта. Переизбыток графики и анимации отвлекает от основного содержания, переключая внимание посетите­лей сайта, затрудняет загрузку страницы. Графика занимает основной объем трафика web-страниц. Одна фотография в килобайтах занимает место в десятки раз большее, чем лист текста A4. Графика обязательно должна быть оптимизирована! Используйте повторяющиеся изображе­ния, так как компьютер сохраняет один раз загруженные файлы во вре­менных папках для экономии времени загрузки.

Графические элементы требуют для работы знаний форматов GIF и JPEG, а также навыков владения графическими редакторами. К графи­ческим элементам относятся элементы навигации (кнопки), линии, фо­тографии, рисунки, анимация. Графические средства могут являться элементами для разделения страницы на отдельные информационные части и привлечения внимания пользователей к отдельным информа­тивным областям.

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

12

29

тельном редактировании в графическом редакторе (например, Adobe Photoshop).

Под редактированием изображения понимается:

•обрезка части изображения;

•регулировка контрастности и яркости;

•регулировка цветового баланса;

•изменение размера изображения;

•регулировка объема изображения.

Основная задача при создании графических элементов для web-сайта состоит в максимизации качества графики при минимизации размера файла. Чем выше качество изображения, тем больше размер файла и дольше время загрузки. В программе Adobe Photoshop есть возмож­ность достичь компромисса между качеством изображения и его объе­мом путем настройки параметров оптимизации в диалоговом окне спе­циальной функции Save for Web (Сохранить для Web). Для реализации поставленных задач принято использовать форматы GIF и JPEG. Вы­бор формата полностью зависит от типа сохраняемого изображения. Алгоритм сжатия JPEG основан на избирательном восприятии инфор­мации человеческим глазом и позволяет сжимать фотографии в 20-50 раз, усредняя цвета малых участков изображения. При этом резкие пе­реходы между цветами могут размываться. Для сохранения простых контрастных изображений (например, кнопки, сканированные табли­цы), а также анимированных изображений используется формат GIF. В формате GIF сохраняют рисунки с небольшим количеством цветов. Сжатие файлов происходит за счет уменьшения количества индексиро­ванных цветов. Всего в формате GIF их 256, но иногда для рисунка бывает достаточно и четырех. Еще одна особенность формата GIF — возможность сохранения объекта с прозрачным фоном.

Хостинг для школьного сайта

Один из важных вопросов, который поднимается при создании сайта, - это ГДЕ РАЗМЕСТИТЬ САЙТ, т. е. вопрос хостинга для сайта.

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

Эта услуга предоставляется хостинговыми компаниями. Предос­тавлению хостинга, как правило, сопутствует услуга по регистрации домена.

менее 85 Hz. Компьютер должен иметь как минимум 64 Mb оператив­ной памяти, процессор класса Pentium и CD-ROM. Желательно также наличие сканера.

Почему же самые минимальные требования к компьютеру именно таковы?

Требования к видеотракту основаны на том, что оптимальное разре­шение для 15-дюймовых мониторов именно 800x600, а для 17-дюймо­вых-1280x1024.

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

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

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

Объем оперативной памяти более 64 Mb желателен, т. к. при изго­товлении web-страничек это дает возможность держать открытыми не­сколько программ. Дело в том, что любая многоцелевая операционная система в случае нехватки оперативной памяти будет использовать так называемую виртуальную, которая является просто файлом на диске. Скорости доступа к физической и виртуальной памяти отличаются на три порядка, поэтому для продуктивной работы желательно иметь па­мяти побольше. По тем же причинам и процессор нужен помощнее.

Для работы вам понадобятся клипарты и профессиональные фото­графии, а они в основном распространяются на компакт-дисках. Для этого и нужен CD-ROM.

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

Перечисленные технические характеристики обеспечат вам комфор­тную работу. Но если ваш компьютер не оснащен всем этим — не беда.

30

11

2) круг разработчиков сайта и обязанности сотрудников, которые
будут заниматься его поддержкой;

3) какую информацию о школе следует поместить в Интернет.
Решение второй проблемы заключается в приобретении соответству­
ющих технических и программных средств.

Рассмотрим, как следует решать основные из этих задач.

Организация команды разработчиков.

Зачастую администрация школы руководствуется стереотипом—сай­том в школе может заниматься один человек - и пытается реализовать это. Как правило, ничего хорошего из этого не получается. Конечно, многое зависит от уровня подготовки конкретных специалистов, но для создания качественного сайта и его поддержки необходимы сотрудники и/или учащиеся, владеющие следующими основными специальностями:

«Разработчик контента» - для написания и переработки материалов сайта, вычитки «чужих» материалов перед помещением их на сайт;

«Web-маркетолог» — для осуществления маркетинга web-проекта, маркетинговой вычитки материалов;

«Web-дизайнер» - для разработки стиля и прорисовки графики сайта;

«Web-мастер» - для HTML-верстки, т. е. создания web-страниц с использованием языка HTML (Hyper Text Markup Language — язык разметки гипертекстовых документов);

«Web-программист» — для написания программных модулей, ис­пользующихся на сайте (например, гостевой книги);

«Web-администратор» — для поддержки работоспособности web-сервера как программно-аппаратного комплекса и решения вопросов безопасности.

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

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

Для создания сайта своими силами принципиально необходимы до­ступ в Интернет и компьютер. Если качество доступа в Интернет не оказывает практически никакого влияния на создание сайта (Интернет необходим только при размещении сайта в сети, а на остальных этапах без него можно обойтись), то компьютер вам потребуется не самый простой. При глубине цвета True Color видеотракт компьютера (вклю­чая монитор) должен иметь разрешение не менее 800x600/1280x1024 точек для 15/17-дюймового монитора. Кроме того, желательно, чтобы при таком разрешении частота обновления экрана монитора была не

10

Также можно разделить услуги хостинга по типу предоставляемого ресурса:

• виртуальный хостинг—предоставляется место на диске и/или вне­
шний трафик, среда исполнения web-сервисов единая для многих
пользователей;

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

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

Для школьного сайта вполне подойдет виртуальный хостинг, если конечно вы не задумали сделать глобальный проект создания единого информационного пространства школы. Например, с помощью инте­грированных систем Net Школа, КМ-Школа и др., доступных и по ло­кальной сети, и из Интернета с помощью web-интерфейса.

Использование движков и конструкторов

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

В чем преимущество:

1.  Автоматически ведется меню сайта и проверяется целостность
ссылок. К примеру, вы добавили страницу сайта. Вам не надо пропи­
сывать ее в меню каждой из 150 страниц вашего сайта - конструктор
сделает это за вас. То же самое при удалении страницы: конструктор
выкинет пункт меню и все ссылки на данную страницу, избавив посе­
тителя от лицезрения надписи «404. Страница не найдена».

2.  Ведение сайта просто и доступно любому пользователю, что де­
лает сопровождение сайта независимым от команды разработчиков.

3.  Позволяет ссылаться на персональные творческие страницы уче­
ников, а также на разделы педагогов-предметников.

4.  Имеет встроенные специализированные страницы: фотоальбомы,
генераторы тестов, вопросники для самопроверки и тестирования,
прайс-листы и многое другое.

31

5.  Имеют встроенные средства оптимизации графики, средства пуб­
ликации в Интернете, редактор меню и многое другое.

6.  Смена дизайна производится легко, несколькими щелчками мыши.

7. Смена структуры сайта производится несколькими щелчками
мышки.

■

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

КАК ПОЛЬЗОВАТЬСЯ КОНСТРУКТОРОМ ШКОЛЬНЫХ САЙТОВ?

Полезная информация для образовательных учреждений использу­ющих Конструктор школьных сайтов WWW.EDUSITE.RU?

Конструктор школьных сайтов принят Национальным фондом под­готовки кадров (НФПК) в качестве основной технологии для ведения сайтов школ в рамках Федерального Проекта ИНФОРМАТИЗАЦИЯ СИСТЕМЫ ОБРАЗОВАНИЯ (ИСО).

Все образовательные учреждения (школы, детские сады, учрежде­ния доп. образования и т. п.) регионов-участников проекта (Московс­кая область, Астрахань, Татарстан, Чувашия, Ханты-Мансийский АО, Челябинская область, Калужская область, Карелия, Красноярский край, Пермская область, Ставропольский край, Хабаровский край, г. Тольят­ти Самарской области, Ярославль, Новосибирская область) обслужи­ваются БЕСПЛАТНО.

В конструктор включены дополнительные модули:

•ФОРУМ

•  ГОЛОСОВАНИЕ

•  ГОСТЕВАЯ КНИГА

Активация модулей производится пользователем через виртуальный кабинет.

Для активации новых модулей на вашем сайте получите версию Конструктора школьных сайтов (номер версии от 4.3.32). В новой вер­сии Конструктора добавлены страницы типа «Гостевая книга» и «Фо­рум». В меню «Вставка» добавлен пункт «Вставка голосования».

I

Новую версию Конструктора зарегистрированные пользователи могут скачать в своем виртуальном кабинете. Справки по теле-* фону 8 (9

Интернет годится не только для размещения информации, а еще и для общения. Школьный сайт может стать местом встречи всех заинтере­сованных лиц.

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

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

Таким образом, сайт школы как инструмент организации внутри-школьной информационно-образовательной среды помогает:

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

2)  принимать участие во внутришкольных, региональных и между­
народных телеконференциях;

3)  общаться с учениками и учителями из других школ, городов и
стран;

4)  поддерживать связь между школьными и домашними компьюте­
рами.

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

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

КАК ПОДГОТОВИТЬСЯ К СОЗДАНИЮ САЙТА?

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

Для решения первой проблемы необходимо определить: 1) иметь ли свой платный домен второго уровня в сети или во­спользоваться бесплатным местом на другом домене (третьего или даже четвертого уровня);

32

Реализация этой функции наиболее проста: во-первых, потому что всем понятна, а во-вторых, потому что требует разовых трудозатрат. Весьма распространенный сценарий: учитель с передовыми учениками создает web-страницу, выкладывает ее на какой-либо сервер в сети Internet и на этом считает свою миссию законченной. В лучшем слу­чае, еще регистрирует созданный сайт в каком-то каталоге в списке школ (это к вопросу о том, как потом найти имеющуюся информа­цию). И этот вариант не так уж плох: базовая информация о школе редко нуждается в обновлении, так что свою функцию страницы в спра­вочнике сайт выполняет. Недостаток данного варианта в том, что, зайдя на подобный сайт и видя статистическую информацию, невозможно понять, соответствует она действительности или уже давно устарела; в бумажном справочнике хотя бы год издания указан. Но ведь сила Ин­тернета как раз и состоит в возможности исправлять информацию.

• Сайт как информационный листок

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

• Сайт как периодическое издание

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

• Сайт как место общения

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

ИНСТРУКЦИЯ ПО ВЕДЕНИЮ ВИРТУАЛЬНОГО КАБИНЕТА

Общие положения

Виртуальный кабинет предназначен для управления выделенными ресурсами на сервере WWW.EDUSITE.RU.

В виртуальном кабинете пользователь может в пределах заданных ресурсов активировать:

• подсайт в выбранном домене с отдельным ftp-заходом;

• почтовый ящик;

• управляемый форум;

• гостевая книга;

• журнал успеваемости.

Внимание: держите имена и пароли для захода в виртуальный кабинет в надежном месте.

Вход в виртуальный кабинет

Для входа в виртуальный кабинет в окне браузера введите адрес:

HTTPS://*****/REGISTERED/

или

HTTPS://*****/

При первом заходе требуется активировать пин-код и код активации. При последующих заходах следует переходить по ссылке «Для зареги­стрированных пользователей».

Внимание: заходы школ ММЦ уже активированы! Поэтому сразу пе­реходите по ссылке «Для зарегистрированных пользователей»

Для зарегистрированных пользователей

Для новых пользователей

Пин код:

Код лктивлцни:

Зарегистрироваться

8

33

В появившемся окне введите имя (логин) и пароль для доступа в виртуальный кабинет (НЕ ПУТАТЬ С ИМЕНЕМ И ПАРОЛЕМ ДЛЯ ОБНОВЛЕНИЯ САЙТА ПО FTP!)

Приглашение

Имя пользователя:

Использовать Менеджер паролей, чтобы запомнить этот пароль. Отмена

GK

■ > Введите имя пользователя и пароль для "Only For registered users" на https: f/*****

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

Л5БН. ЗЯ Mi:if анкета ДоЬав. пь сай~ ЦоЬ. эеитр гочтаЕ;ый ящик

	Имя пользователя:	Ш882
	Текущая дата:
	Окончание обслуживания:
	Допустимое кол-во сайтов:	1
	Зарегистрировано сайтов:	1
	Допустимое кол-ва почтовым ящиков:	5
	Зарегистрированно почтовых ящиков:	0
	Кол-во сайтов доменом выше:	10
	Уже зарегистрированно:	0
	Максимальный обьем хранимой информации: 300
	Уже использований:	0.004
	Ваши сангы:
	74216s001 ,edusiternj [Дополнительный!	[Пароль] [УдапитЫ
	Ваша почта:
	Отсутствуют
Готово		j ***** Й

Заведение сайта, подсайта, смена пароля

Как видно из копии экрана, в данном виртуальном кабинете уже заведен заход для обновления сайта.

Вы не можете посмотреть пароль для доступа по FTP, вы можете только изменить пароль.

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

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

Никаких официальных стандартов ни по содержанию, ни по струк­туре школьного сайта не существует. Однако накоплен большой опыт многих школ, имеющих свое представительство в сети Internet. Для размещения сайтов могут быть использованы сервисы бесплатного хостинга, такие как www.edusite.ru, www.narod.ru, www.newmail.ru, www.km.ru и другие.

В обязательном порядке сайты должны иметь разделы, содержа­щие:

• визитную карточку учреждения или органа управления образова­
нием: название, ФИО руководителя, контактные адреса и телефоны;

• информацию, посвященную реализации Приоритетного националь­
ного проекта «Образование» с включением всех нормативных доку­
ментов муниципального уровня и материалов, отражающих обществен­
ное мнение;

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

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

Функции школьного сайта:

• Сайт как визитная карточка школы

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

34

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

Для кого же он, школьный сайт?

Во-первых, для родителей. Если вы житель крупного города, то наверняка сталкивались с проблемой устройства ребенка в школу. Ка­кую школу выбрать? Что за программа обучения в школе? Чем она жи­вет? Каков контингент учащихся там, где будет учиться ваш ребенок? Есть ли вступительные экзамены и можно ли предварительно попробо­вать себя? С какими ВУЗами и предприятиями сотрудничает школа? Это лишь неполный список вопросов, которые интересуют родителей.

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

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

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

В-третьих, для учителя. Страничка учителя - это его резюме. Многие учителя ведут дополнительные занятия, в том числе по Интер­нету (дистанционно). Родители и ученики узнают о дополнительных курсах учителя из Интернета. Школьный сайт предоставляет им такую возможность.

В-четвертых, для администрации школы. Надо заметить, что школьный сайт - это официальное представительство школы в Интер­нете. Следовательно, сайт должен содержать официальную информа­цию: устав школы, внутренний распорядок, правила приема и т. п.

Для смены пароля надо щелкнуть по ссылке [пароль]. В новом экране подтвердить смену пароля, щелкнув по ссылке СМЕНИТЬ.

Будет сгенерирован новый пароль, а имя и имя FTP-сервера оста­нутся прежними.

Вы можете создать дополнительно до 10 подсайтов с доменным именем выше текущего. Для этого надо щелкнуть по ссылке [Допол­нительный].

В появившемся окне ввести имя поддомена и щелкнуть [Выбрать]:

Административная система

Главная Моя анкета Добавить сайт Добавить почтовый ящик

*****

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

Заведение почтового ящика

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

Для заведения почтового ящика щелкните по ссылке «Добавить почтовый ящик». В появившемся окне введите имя почтового ящика и щелкните «Зарегистрировать»:

Административная система

Главная Моя анкета Добавить сайт Добавить почтое:ый ящик_________

| |@| 74216s001.edjsite.ru л]

Система создаст почтовый ящик по протоколу POP3.

Для настройки своего почтового клиента введите полученные имя и пароль.

Учетная запись - адрес почтового ящика.

Имя почтового сервера mail. *****.

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

35

Для отправки сообщений мы рекомендуем пользоваться вашим ло­кальным сервером SMTP.

Создание и ведение школьного сайта с помощью Конструктора «Школьный сайт» подробно описано на странице. http://edusite.ru: 15888/ course/p249aa 1 .html

Вашему вниманию предложен обзор материала по темам:

•  Установка и запуск Конструктора сайтов

•  Создание нового проекта

•  Ввод заголовка сайта

•  Ввод колонтитула

•  Ввод заголовка страницы

•  Добавление текста

•  Очистка стилей

•  Форматирование текста

•  Добавление иллюстраций

•  Вставка Flash-анимации

•  Позиционирование объектов с помощью таблиц

•  Вставка сносок

•  Конвертация сайта в HTML и просмотр результата

•  Создание и ведение фотоальбомов

•  Добавление страниц типа «фотоальбом»

•  Параметры фотоальбома

•  Наполнение фотоальбома

•  Как изменить параметры фотоальбома

•  Работа с блоками

•  Пакетная вставка изображений

•  Тематическая разбивка фотоальбома

•  Создание и ведение страницы новостей

•  Создание тестов

•  Создание архива документов. Использование заголовков. Встав­
ка ссылок

•  Создание карты сайта

•  Оглавление с чекбоксами

•  Управление навигацией: редактор меню сайта

•  Добавление меню (горизонтальные, вертикальные, смешанные)

•  Смена внешнего вида сайта. Кастомизация шаблонов сайта

•  Публикация и обновление сайта в Интернете

•  Вход в виртуальный кабинет

Отличие службы WWW от сети Интернет состоит в том, что Интер­нет представляет собой сеть компьютеров, а служба WWW - сеть до­кументов, хранящихся на компьютерах. Документы «паутины» WWW называют web-документами, или web-страницами.

Совокупность web-страниц, объединенных одной структурой и об­щей идеей с целью донести до пользователей Интернета какую-либо информацию, называется web-сайтом. Элементом, связывающим web-страницы в сайт, являются ссылки. При этом все страницы сайта до­ступны благодаря переходам по ссылкам с головной страницы, и каж­дая страница доступна с других страниц этого сайта.

Часто web-сайт имеет собственное доменное имя, т. е. его головная страница совпадает с корневой директорией 'М1р:// имя_сервера/'. Однако не менее часто персональные сайты имеют вид 'http:// имя_сер-вера/~имя_пользователя/'. Сайт может быть органично включен в со­став другого сайта, если подразделение какой-либо организации имеет собственный сайт. В этом случае сайт получает собственную директо­рию внутри директории «вышестоящего» сайта.

Таким образом, перед нами открылись три основных признака web-сайта: общая идея, связанность ссылками и собственная директо­рия. Все это в полной мере относится и к сайтам, создаваемым учите­лями и учащимися для представительства своей школы в Интернете.

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

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

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

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

36

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

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

С позиции его полезности именно для школьной коммуникации воз­никает ряд вопросов:

• Для чего создается сайт?

• Кто в нем заинтересован: учитель информатики в рамках электив­
ного курса? Группа учащихся, решивших «оттачивать» свое мастер­
ство в доступных им условиях? И неужели директор, вечно занятый
хозяйственными проблемами?

• Почему сайт часто бывает малопосещаем?

• И вообще — нужен ли он?!

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

КАКИМ ДОЛЖЕН БЫТЬ ШКОЛЬНЫЙ САЙТ?

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

Интернет - это глобальная компьютерная сеть, которая объединяет десятки тысяч подсетей, миллионы компьютеров и более миллиарда человек. В сети Интернет содержится огромное количество данных, а пользователям предоставляется широкий спектр услуг для работы с информацией. Особенно широкое применение нашла система серве­ров Интернет World Wide Web (WWW) (от англ. World - мир; Wide -обширный; Web - паутина) - всемирная информационная «паутина» баз данных, доступных через сеть Интернет.

•  Создание захода для размещения сайта

•  Создание почтового ящика

•  Создание дополнительных заходов

•  Смена паролей

Руководство по работе с Конструктором

http://edusite.ru/course/ - Создание сайта по шагам - мультимедий­ное руководство

http://edusite.ru/DswMedia/tutorial.exe - Демонстрационный ролик по работе Конструктора

http://edusite.ru/DswMedia/metodica-PDF.pdf- Документация по ра­боте Конструктора

http://edusite.ru/DswMedia/help-constructor.pdf - Справочное руко­водство по работе Конструктора

http://edusite.ru/DswMedia/virtual room help.pdf - Руководство по работе с виртуальным кабинетом

http://www.edusite.ru/forum/p1 aa1 .html - Руководство по ведению форума

Информационно-коммуникационные технологии (ИКТ)

http://www.edusite.ru/p29aa1 .html

•  Создание и ведение школьного сайта

•  Сетевые технологии

•  OpenOffice. org

•  Звуковой редактор Audacity

•  Цифровой видеомонтаж с использованием программы VirtualDub

•  Компьютерное представление цвета и изображений

•  Растровая графика: Adobe Photoshop

•  Основы компьютерной графики и дизайна для web

•  3-d технологии

•  История компьютерной техники

37

КАКУЮ ЛИТЕРАТУРУ ПО ДАН НОЙ ТЕМЕ МОЖНО РЕКОМЕНДОВАТЬ?

1.  Учебник по html, css и формам. http://htmlbook.
*****/

2.  Горюнова создания школьного сайта.
Электронный журнал «Вопросы Интернет Образования» №7 http://
vio. *****/vio_07/cd_site/Articles/art_1_15.htm

3.  , , Соколянска
региона. - Харков, 2005.

4.  Мацьоха создания и поддержки школьного web-
сайта. - Киев: Редакция «Компьютер», 2006.

5.  Учебник по HTML http://savdv. *****/uchebnik. htm

6.  , Смирнова школьного сайта: от кон­
цепции до воплощения и развития.—Издательская фирма «Сентябрь»,
2007.

7.  Якушина Интернет. Создаем WEB-страничку. - СПб.:
Питер-пресс, 20с.

8.  Якушина для школьников и начинающих пользо­
вателей. /Под редакцией к. п.н. (серия «От игры к делу»).
- М.: Аквариум, 19стр.

9.  Якушина по HTML.

V ДЛЯ ЧЕГО СОВРЕМЕННОЙ ШКОЛЕ НУЖЕН САЙТ?

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

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

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

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

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

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

38

ББК 32.973.202 М545

М545

Методические рекомендации по созданию школьного сайта / Составители: Буд-никова Г. А., , Ли И. Г. - Астрахань: Издательство ОГОУ ДПО «АИПКП», 2008.-40 с.

| ОГЛАВЛЕНИЕ

Для чего современной школе нужен сайт?.............................. 3

Каким должен быть школьный сайт?....................................... 4

Как подготовиться к созданию сайта?..................................... 9

С чего следует начать создание сайта?.................................. 14

Как разработать структуру?.................................................... 15

Как построить систему навигации сайта?.............................. 22

Какие технологические рекомендации по разработке сайта важно
соблюдать................................................................................ 25

Как пользоваться Конструктором школьных сайтов?........... 32

Какую литературу по данной теме можно рекомендовать?.. 38

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

Печатается по решению редакционно-издательского совета ОГОУ ДПО «АИПКП»

ISBN 0257-8

) , , Ли И. Г., составление, 2008 ) ОГОУ ДПО «АИПКП», 2008

39

АСТРАХАНСКИЙ ИНСТИТУТ ПОВЫШЕНИЯ КВАЛИФИКАЦИИ И ПЕРЕПОДГОТОВКИ

Методические

РЕКОМЕНДАЦИИ

ПО СОЗДАНИЮ ШКОЛЬНОГО

САЙТА

МЕТОДИЧЕСКИЕ РЕКОМЕНДАЦИИ ПО СОЗДАНИЮ ШКОЛЬНОГО САЙТА

Ответственный за выпуск: Технический редактор: Корректор: Компьютерная верстка:

Формат 60 х 84 1/16.Печ. л. 2,5

Бумага писчая. Гарнитура:

Times New Roman Cyr

Тираж 350 Заказ 347

Цена договорная.

Астраханский институт повышения квалификации и переподготовки

АСТРАХАНЬ, 2008