Комитет общего и профессионального образования Ленинградской области Ленинградский областной институт развития образования
Интернет-представительство образовательного учреждения
Санкт-Петербург 2003
Печатается по решению факультета информатизации образования и РИСа ЛОИРО Авторы-составители: М.А.Горюнова, Л.Г.Мелихова, М.Г.Мельников. Рецензент: А.В. Юрков, доктор физико-математических наук, профессор Санкт-Петербургского государственного университета Горюнова М.А., Мелихова Л.Г., Мельников М.Г. Интернет-представительство образовательного учреждения. СПб.: ЛОИРО, 2003. – 60 с. В пособии рассматриваются основные подходы к созданию Интернетпредставительства образовательного учреждения (ОУ), прежде всего на примере школьного сайта. Эти подходы зависят от статуса самого образовательного учреждения, от целей, для которых сайт создаётся, от организации процесса создания и развития сайта и т.д. При написании пособия учтён опыт проведённого в 2003 году конкурса по созданию сайтов образовательных учреждений Ленинградской области, а также курсов повышения квалификации по данной тематике. В пособии содержатся рекомендации по содержательному наполнению школьного сайта, рассматриваются основные принципы разработки удобной структуры сайта, даются советы по его оформлению и использованию дополнительных возможностей, расширяющих его функции. Уделено внимание основным тенденциям и перспективам развития единого образовательного пространства на основе специальных инструментальных сред, позволяющих сконструировать основу сайта образовательного учреждения, использую шаблоны и инструментарий данной среды. Иллюстрациями к тексту служат примеры сайтов различных ОУ, размещённых в Интернете. Пособие рассчитано на читателей, обладающих минимальными навыками работы на компьютере. В то же время, в разделах, посвященных расширенным возможностям работы сайта, излагаются вещи, представляющие интерес для искушенных пользователей, уже освоивших азы и не желающих останавливаться на достигнутом. Ленинградский областной институт развития образования (ЛОИРО), 2003 Горюнова М.А., Мелихова Л.Г., Мельников М.Г.
Содержание Введение.................................................................................................................. 5 Основные функции сайта образовательного учреждения .................................. 7 Сайт как визитная карточка школы .......................................................... 8 Сайт как информационный листок ........................................................... 9 Сайт как периодическое издание .............................................................. 9 Сайт как место общения ............................................................................ 9 Содержание школьного сайта ............................................................................. 10 1. Официальная информация о школе........................................................ 12 Общие сведения........................................................................................ 12 Информация для поступающих в школу................................................ 13 История школы, традиции, достижения, отзывы прессы ..................... 13 Сотрудничество с вузами ........................................................................ 14 Родительский и попечительский советы ................................................ 14 Партнёры и спонсоры .............................................................................. 14 2. Новости, объявления................................................................................ 15 3. Учебная деятельность .............................................................................. 15 4. Внеурочная и досуговая деятельность ................................................... 15 Участие школы в проектах ...................................................................... 16 Дополнительные занятия, кружки, секции ............................................ 17 Школьный музей ...................................................................................... 17 Мероприятия............................................................................................. 17 5. Педагогическая мастерская ..................................................................... 18 Методические разработки учителей ....................................................... 18 Учебные материалы по школьной программе ....................................... 18 Тематические обзоры образовательных ресурсов................................. 18 6. Творчество учеников................................................................................ 19 Научно-исследовательские и реферативные работы ............................ 19 Творческие работы ................................................................................... 19 Школа глазами учеников ......................................................................... 19 7. Неофициальная информация о школе .................................................... 20 Личные странички учеников ................................................................... 20 Фотоальбом............................................................................................... 20 Информация о выпускниках.................................................................... 21 Возможности интерактивности для школьного сайта ...................................... 22 Проблемы модерирования....................................................................... 22 Доска объявлений и Гостевая книга ....................................................... 23 Общение в форуме или чате.................................................................... 24 Опросы и голосования на сайте .............................................................. 25 Расширенные возможности ................................................................................. 26 Прозрачная школа .................................................................................... 27
Базы данных на школьном сайте ............................................................ 28 РЕКОМЕНДАЦИИ WEB-МАСТЕРА ................................................................ 30 БАЗОВОЕ…...................................................................................................... 30 С чего начинается сайт?............................................................................... 30 Как создать привлекательный web-сайт? ................................................... 32 Рисунок сотен слов дороже нам.................................................................. 33 Как правильно регистрировать сайт? ......................................................... 36 Файловая структура сайта ........................................................................... 38 Два типа графики на web-сайтах........................................................... 40 Как называть файлы?.............................................................................. 41 Русский или английский?.......................................................................... 41 Ограничения на имена файлов со стороны операционных систем ..... 43 Создание архивных копий ........................................................................... 45 АНАЛИЗ …....................................................................................................... 46 "Apple" - элегантен во всех отношениях .................................................... 46 ПОЛЕЗНОЕ…................................................................................................... 47 Быстрые клавиши - это удобно ................................................................... 47 Internet Explorer ........................................................................................ 47 Total (Windows) Commander.................................................................... 48 Windows ..................................................................................................... 50 Как сделать качественный скриншот?........................................................ 51 ИНТЕРЕСНОЕ И ПОЛЕЗНОЕ….................................................................... 53 Красивый сайт, Mr.Design! .......................................................................... 53 Энциклопедия интернет-рекламы............................................................... 53 ДОПОЛНИТЕЛЬНОЕ… .................................................................................. 54 Иконка для сайта!......................................................................................... 54 Добавление ссылки в список избранного посетителя............................... 55 Интерактивность! Что? И как?.................................................................... 55 (+ практические вопросы применения готовых скриптов для нужд сайта) 55 Список рекомендуемых книг .......................................................................... 58 Список рекомендуемых для изучения сайтов................................................ 59
Введение Общество, в котором мы живём, приобретает всё больше черт информационного, и это сказывается во всех сферах жизни. Сферу образования можно назвать «передним флангом», который принимает на себя основной удар наступления информационных технологий, подготавливая подрастающее поколения к реалиям информационного общества, которые выражаются в умении эффективно работать с информацией в профессиональной и личностнозначимой областях. Информационная культура и информационная компетентность, соответствующие этому, включают умения находить, анализировать, систематизировать информацию с помощью современных информационных технологий, а также грамотно подготавливать, представлять и использовать персональную и корпоративную информацию для установления и развития контактов с потребителями образовательных услуг, коллегами и спонсорами в условиях современных рыночных отношений. Рыночные отношения, конкуренция, платные услуги – это тоже реалии нашей жизни, которые неминуемо касаются и образования, и умение эффективно использовать весь арсенал информационных технологий и ресурсов является серьёзной опорой в создании конкурентоспособного имиджа образовательного учреждения. Создание Интернет-представительства образовательного учреждения и организация его целенаправленного функционирования играет серьёзную роль в этом вопросе. Важно отметить, что по мере осмысления и частичного решения задач информатизации образования мы переходим от частных вопросов компьютеризации к целям построения единого информационного образовательного пространства на различных уровнях – от рамок конкретного образовательного учреждения до региональных и общероссийских. В таком контексте в функции сайта образовательного учреждения входит не только осуществление потребностей самого ОУ, но и потребностей вышестоящих организации по распространению информации и сбору статистики. Однако, следует обратить внимание на то, что Интернет-представительство – это лишь одно из звеньев системы мероприятий по модернизации и, в том числе, информатизации современного образовательного учреждения, которое в настоящее время можно считать необходимым, но не достаточным условием для организации успешной деятельности ОУ. Итак, образовательное учреждение, которое стремится быть конкурентоспособным, иметь привлекательный имидж и эффективную систему работы с информацией для обеспечения внутренних потребностей образовательного учреждения и предоставления необходимых сведений вышестоящим организациям и широкой общественности, сталкивается с проблемой
создания своего Интернет-представительства. Мы говорим именно о создании, как первом шаге на этом пути, за которыми далее следуют не менее важные – поддержание и развитие созданного ресурса. Какие подходы к решению этой проблемы существуют? Опишем три варианта: 1. сделать полностью сайт самим; 2. заказать у профессиональной веб-студии; 3. использовать при создании сайта специальные инструментальные средства, ориентированные на создание сайта образовательного учреждения. Качество сайта складывается из нескольких составляющих – дизайн, содержание, удобство и ясность в использовании, функциональность и т.д. Часто наблюдается явное несоответствие между возможностями школьных учителей, как правило не являющихся специалистами в области программирования и веб-дизайна, и потребностями школы и вышестоящих организаций в различных функциях, которые можно было бы реализовать через Интернет. Очевидно, что наиболее качественный и оригинальный дизайн можно ожидать от профессиональной дизайн-студии, но её работа весьма дорога, да и содержательная сторона сайта, в любом варианте, ложится на плечи коллектива ОУ. Упрощает эту работу третий из предложенных вариантов, в котором создатели Интернет-представительства образовательного учреждения используют готовые базовые шаблоны основных страниц сайта, созданные на основе проведённого анализа аналогичных ресурсов. Специальные инструментальные среды для создания сайтов образовательных учреждений помогают их разработчикам не только с точки зрения технологии, но и с точки зрения определения структуры сайта и его содержательного наполнения. Если говорить только о технологии конструирования на основе шаблонов, то она уже опробована и давно используется например, на www.narod.ru, предоставляющем бесплатные хостинг и почтовый сервис. Зарегистрированные пользователи ресурса могут создавать свои страницы, используя имеющиеся заготовки. Однако типовые личные странички и официальные Интернетпредставительства образовательных учреждений имеют принципиально разную содержательную структуру, которая и учтена в специальных инструментальных средах. Некоторые из них позволяют учитывать и административную иерархию образовательных учреждений, обеспечивая «вертикальную составляющую» – региональный Комитет по образованию, районные органы управления образованием, муниципальные образовательные учреждения, и закладывая в шаблоны необходимые вертикальные связи. Заметим, что эффективное использование упомянутых инструментальных сред возможно
только при достаточном уровне квалификации обратившегося к нему разработчика веб-ресурса. Таким образом, говоря о создании Интернет-представительства образовательного учреждения, необходимо, во-первых, отработать содержательную структуру будущего сайта на основе анализа аналогичных ресурсов, шаблонов и, прежде всего, собственных целей и задач. Во-вторых, определить технологию разработки сайта, которая в любом случае должна быть «прозрачной», т.е. обеспечивать возможность передачи администрирования сайта «в другие руки». Это важно, поскольку Интернет-представительство образовательного учреждения не должно быть только личным делом его создателя и предполагает работу хорошо организованной команды людей, заинтересованных в поддержании функционирования и развития этого ресурса на протяжении времени. Как уже отмечалось, существуют различные уровни и типы образовательных учреждений. Например, в Ленинградской области это и Ленинградский областной институт развития образования, и районные центры информационных технологий, лицеи, училища, школы и др. Мы будем говорить об общем подходе к созданию Интернет-представительства самых распространённых образовательных учреждений муниципального уровня – школ, поскольку этот тип ОУ имеет не только количественное преобладание, но и по спектру потенциальной целевой аудитории и предполагаемых задач значительно пересекается со многими другими типами ОУ, а также наиболее широко представлен в Интернете в настоящий момент. Особенности подхода к разработке других ОУ будут отмечены по ходу рассмотрения конкретных вопросов. Основные функции сайта образовательного учреждения Интернет-представительство образовательного учреждения – это, с одной стороны, просто сайт в Интернете, с другой – представительство официального учреждения. Таким образом, необходимо создать интернет-ресурс, который будет привлекательно выглядеть внешне и по содержанию, эффективно использовать возможности глобальной компьютерной сети, выполнять представительские функции в расчёте на различные категории потенциальных посетителей и играть роль связующего звена с вышестоящими организациями. При этом, с одной стороны, работа над школьным сайтом чаще всего носит некоммерческий и непрофессиональный характер (нередко учитель с учениками, создавая сайт школы, вместе учатся веб-дизайну, причём, в первую очередь на собственных ошибках), с другой стороны, сайт, представляющий официальное учреждение, в том числе и школу, неподходящее место для экспериментов. Это противоречие между некоммерческим характером рабо-
ты и ее официальным статусом создает множество проблем, которые оборачиваются не только забавными, но и конфликтными ситуациями. Например, «оформительский курьёз»: искренне стараясь сделать страничку, посвящённую учителям школы, нарядной и торжественной, ребята выбрали элегантный мраморный фон, но эффект от увиденных на мраморной доске фамилий и портретов учителей не соответствовал ожиданиям. Вопросы содержания ещё более сложны и серьёзны, поскольку администрация школы часто сама не вполне понимает, какую информацию следует разместить на сайте, да и не всегда облагает достаточной квалификацией в области информационных технологий, чтобы регулярно отслеживать изменение содержания. Однако, никаких официальных стандартов ни по содержанию, ни по структуре школьного сайта пока не существует, да и на неофициальном уровне в этих вопросах нет ясности. Хорошо хотя бы уже то, что проблема наполнения школьных сайтов в последнее время сформулирована и активно обсуждается, как в Сети, так и при личном общении людей, связанных профессионально с этой областью деятельности. Кроме того, накоплен достаточно большой опыт многих школ, — как положительный, так и отрицательный. Обобщение этого опыта в сочетании с изучением потребностей отдельной школы и системы образования в целом позволило выделить набор компонентов, которые необходимо или желательно должны быть включены в школьный сайт. В основе работы, естественно, лежат цели и задачи, для реализации которых и создаётся Интернет-представительство образовательного учреждения. Функции школьного сайта можно разложить на несколько уровней, от простого к сложному. Сайт как визитная карточка школы Тут, кажется, все понятно: вносятся же сведения о вашей школе в различные справочники. Интернет можно упрощенно рассматривать как еще один справочник, причем такой, который все больше вытесняет бумажные, поскольку бумажный справочник есть не у каждого и не всегда под рукой, а Интернет уже сегодня доступен широкому кругу людей, — как причастных к образованию, так и просто родителей. Проблем остается только две: чтобы в Интернете была нужная информация, и чтобы ее можно было там найти. Реализация этой функции наиболее проста: во-первых потому, что всем понятна, а во-вторых потому, что требует разовых трудозатрат. Весьма распространенный сценарий: учитель с передовыми учениками создает вебстраницу, выкладывает ее на какой-то сервер в Интернет и на этом считает свою миссию законченной. В лучшем случае — еще регистрирует созданный сайт в каком-то каталоге в списке школ (это к вопросу о том, как потом найти имеющуюся информацию). И этот вариант не так уж плох: базовая информа-
ция о школе редко нуждается в обновлении, так что свою функцию страницы в справочнике сайт выполняет. Недостаток данного варианта — в том, что, зайдя на подобный сайт и видя статическую информацию, невозможно понять, соответствует она действительности или же давно устарела; в бумажном справочнике хотя бы год издания указан. Но ведь сила Интернета как раз и состоит в возможности обновлять информацию. Сайт как информационный листок Как и все хорошее, настоящий школьный сайт должен быть "живым". Именно здесь вы можете сообщить все, что может оказаться полезным или интересным для родителей нынешних и будущих учеников: школьные новости, объявления, правила поступления в школу, расценки коммерческих курсов и многое, многое другое. Здесь же могут быть кратко представлены региональные новости и объявления. Зайдя на такой сайт, посетитель сразу видит, что перед ним — не брошенная деревня с покосившимися домами, а место, где люди живут и работают. Даже чисто психологически это производит совсем другое впечатление. Сайт как периодическое издание Школьный сайт может служить средством публикации: учителя имеют возможность представить здесь свои педагогические наработки, а ученики — опубликовать плоды своего творчества, — как в рамках школьной программы, так и в свободной форме. Сайт при этом может стать инструментом обучения — для школьников, и обмена опытом — для педагогов. В частности, для детей возможность публикации своих работ в Интернете является мощным педагогическим стимулом, особенно если это сочетается с проектной работой — проведением конкурсов, в результате которых лучшие работы размещаются на школьном сайте. Сайт как место общения Все, о чем говорилось до сих пор, представляет собой одностороннюю схему: вы размещаете на школьном сайте информацию, а пользователи (родители, ученики или другие посетители) — ее читают. Но ведь Интернет годится не только для размещения информации, а еще и для общения. Школьный сайт может стать местом встречи всех заинтересованных лиц. С помощью набора не очень сложных инструментов можно дать возможность посетителям не только читать ваши объявления, но и размещать собственные, а также отвечать на ваши вопросы, обсуждать животрепещущие проблемы, принимать участие в играх и конкурсах и просто общаться друг с другом.
Содержание школьного сайта Если 5-7 лет назад появление в Интернете странички с адресом школы и портретом директора вызывало восхищение, то теперь приходится признать, что времена изменились: сайт, состоящий из одной страницы, уже и сайтомто называть неудобно. В то же время, в условиях обилия и разнообразия школьных сайтов ясности в вопросе о содержании школьного сайта так и не прибавилось. Разговоры о том, что должно и чего не должно быть на школьном сайте, ведутся с самого зарождения Интернета. Не раз высказывалось мнение о необходимости введения соответствующих официальных стандартов: сайт, претендующий на положение официального школьного сайта, должен включать некий унифицированный набор сведений, за пределами которого может размещаться "свободное творчество" учителей и школьников. Структура сайта формируется по мере сбора и классификации имеющейся информации. Приведем основные принципы, которые рекомендуется соблюдать при сборе и обработке информации для школьного сайта. • Учет интересов различных целевых групп Главное, с чем нужно определиться, прежде чем принимать технические решения: какую информацию вы хотели бы разместить на сайте. Приступая к сбору информации, рекомендуется представить себе потенциальных посетителей вашего сайта: родители, школьники, учителя, работники школьного образования, потенциальные спонсоры… Принимая решения о создании нового раздела, подумайте, на кого он рассчитан в первую очередь и что посетители из этой группы могут ожидать в данном разделе (а какие излишние сведения или иллюстрации будут их просто раздражать). • Типизация представления информации Вспомните, сколько было проблем на заре существования электронной почты с пересылкой текста по-русски: пока не были приняты международные стандарты, каждый второй программист создавал собственный перекодировщик для чтения кириллицы. К сожалению, когда речь идет о всеобщем удобстве, свободу индивидуального творчества иногда приходится ограничивать. И как бы ни хотелось вам сделать свой сайт не похожим ни на один другой в мире, не спешите изобретать принципиально новую структуру — хотя бы для первой страницы. Школьный сайт уже достаточно сформировался как самостоятельный вид ресурса, чтобы приобрести некоторые типические черты, — и в этом его достоинство, а не недостаток. Человек, просматривающий множество сайтов школ, сразу видит знакомые названия разделов и примерно понимает, где и
что он может искать. Все это не отменяет индивидуальности наполнения сайта, ведь типовой является только самая внешняя структура: вы можете проявить бездну изобретательности, наполняя свой сайт вглубь. • Наличие официальной информации о школе Приходилось ли вам, жалея потерянного времени, безуспешно искать на школьном сайте адрес школы или фамилию директора? Если да, то вы согласитесь, что должен существовать некий минимум сведений о школе, обязательных для представления на школьном сайте, причем на видном месте — а детское творчество или фотоальбом школы можно поместить и на втором плане. Пока на официальном уровне не разработаны соответствующие стандарты, приходится руководствоваться здравым смыслом и опытом школ, уже прошедших этот путь. • Удобочитаемость текста Если сайт, например, дизайн-студии должен в первую очередь демонстрировать художественные возможности авторов, то при создании школьного сайта дизайнерские ухищрения должны играть вспомогательную роль, а именно — помогать читать и воспринимать текст (а не мешать это делать, как нередко случается). Об этом подробнее сказано в разделе о дизайне. • Обновление информации Многие школы довольствуются тем, что помещают на сайт несколько общих сведений о школе и личные страницы авторов сайта (например, учителя информатики с учениками), после чего созданные страницы долгие годы лежат в Интернете в неизменном виде. В Сети много подобных "мертвых" страниц, к этому все привыкли, — однако, раз вы начали читать это пособие, вы действительно хотите создать сайт образовательного учреждения, а не просто поместить в Интернет несколько веб-страниц собственного творчества. Для этого есть много других способов. Необходимая частота обновления сайта зависит от того, какого рода информацию вы на нем разместите. Продумывая структуру будущего сайта, заранее оцените по каждому разделу, как часто его нужно будет обновлять, и решите, кто будет заниматься обновлением. Под обновлением следует понимать сбор, обработку, проверку информации — и только после этого оформление и непосредственно размещение на сайте. Если вы не уверены, что все звенья этой цепочки будут работать, лучше временно отложить размещение данного раздела на школьном сайте; имейте в виду, что устаревшие сведения раздражают гораздо больше, чем отсутствие полезной информации. • Отсутствие орфографических ошибок К сожалению, это простое и очевидное правило нарушается чаше других. Все-таки Интернет еще очень молод — и по собственному возрасту, и по возрасту тех, кто его формирует, — и поэтому пока к публикациям в Интернете принято легкомысленно-снисходительное отношение; видимо, нужно
время, чтобы ребенка стали воспринимать всерьез. Тем не менее, ошибки на веб-странице раздражают ничуть не меньше, чем в солидном журнале; неграмотный текст на сайте сведет на нет все ваши усилия по созданию имиджа серьезной школы. • Наличие иноязычной версии сайта Большинство школ делает английскую версию, но есть и варианты на испанском, немецком, французском... Эта версия совсем необязательно должна совпадать с русской: ведь она рассчитана на другую аудиторию. Конкретное воплощение зависит от потребностей и международных связей школы, но в самом минимальном варианте рекомендуется сделать хотя бы одну страницу по-английски, содержащую основные сведения о школе: дайте своей школе шанс попасть в международные поисковые системы, не ориентированные на русскоязычную аудиторию. На основе анализа информации, представленной на сайтах образовательных учреждений в Рунете (российской части Интернета), мы предлагаем далее классификацию наиболее типичных структурных разделов сайта и составляющих их рубрик. 1. Официальная информация о школе Этот раздел представляет собой тот самый необходимый "минимум", который обязательно должен быть представлен на школьном сайте. Вся информация из официальной части должна быть легко доступна из любого места сайта, на что необходимо обратить внимание при разработке меню и навигации. Общие сведения • Адрес школы. Местонахождение школы стоит представить как можно подробнее: с указанием района города, удобного транспорта, желательно с фрагментом карты, на котором отмечено здание школы, как это сделано на сайте московского лицея на Донской www.1553.ru/address.htm. Многие посетители сайта мысленно поблагодарят вас за такую заботу. Не стоит помещать на сайте крупную фотографию школьного здания (если, конечно, оно не является шедевром архитектуры). Как правило, вид типовой постройки не несет никакой информации, а действует раздражающе, — особенно если эту картинку приходится долго загружать из Интернета. • Краткая информация о направлениях деятельности. Большинство разделов сайта будут посвящены раскрытию учебной и внеурочной деятельности образовательного учреждения в подробностях.
• Информация о школьной администрации и педагогическом коллективе школы. По меньшей мере посетителю должны быть доступны фамилия, имя и отчество директора школы. Нередко этим вся информация о школьном коллективе ограничивается. Эту рубрику можно развивать с любой степенью подробности — от краткого перечисления фамилий и должностей до подробных рассказов про каждого учителя с отзывами учеников и собственным фотоальбомом. Представив краткие сведения на страничке -презентации школы, вы можете сделать ссылку на специальные раздел администраторскопреподавательского состава, который впоследствии может перерасти в два раздела: "Администрация" (директор, завуч, контактные телефоны, часы приема) и "Преподаватели" - см. страницу московской школы 1514 http://archive.1september.ru/school52/mprepods.htm. • Контактная информация для связи со школой Необходимо указать по крайней мере один номер телефона и адрес электронной почты. Хорошо, если указаны координаты нескольких человек — например, секретаря, директора, завуча. Заметим, что адрес электронной почты для связи со школой не должен совпадать с адресом веб-мастера, приглашающего высказывать свои замечания по оформлению сайта: родители должны иметь возможность задать вопрос через Интернет непосредственно представителю школьной администрации— все-таки мы с вами живем в 21 веке. Информация для поступающих в школу Краткая информация о правилах приема и подготовке необходимых документов обязательно должна присутствовать на сайте. Постепенно эту информацию можно расширять и выделить в самостоятельный раздел, ведь любая школа заинтересована в притоке поступающих детей с хорошим уровнем подготовки. • Правила приема, список необходимых документов • Подготовительные курсы, дни открытых дверей • Обучающие материалы для поступающих в школу Примером достаточно подробной и понятно изложенной информации для поступающих может служить соответствующая страница на сайте 18-й физико-математической школы Москвы www.pms.ru/main.html. История школы, традиции, достижения, отзывы прессы На уровне «визитки школы» об этом говорится в стиле краткой справочной информации. Рекомендуем не забыть перечислить наиболее интересных людей, вышедших из стен вашего образовательного учреждения. Если же история школы действительно представлена значительными событиями и имеется
интересный архив, то на сайте обычно создают посвящённый этому самостоятельный раздел. Сотрудничество с вузами Разумеется, этот раздел имеет смысл только в том случае, если есть хоть какое-то сотрудничество. Однако, в этом случае он действительно нужен, причем для привлечения не только родителей, но и вузов. Они тоже нуждаются в рекламе, и создание на школьном сайте обновляемого раздела с информацией вуза о мероприятиях для абитуриентов может оказаться очень привлекательным для вузов и выгодным для школы — конкретные формы такой работы будут зависеть от ваших организаторских способностей. В большинстве случаев в подобных разделах лишь сообщается о том, что сотрудничество имеет место. Примером более содержательного наполнения может служить соответствующий раздел сайта московской школы № 982 http://www.sch982.ru/vuzi/mgpu.htm , представляющий информацию обо всех вузах, с которыми связаны школа. На странице для абитуриентов представлены различные документы, списки абитуриентов и расписание вступительных экзаменов, информация о тестировании, учебные материалы для подготовки к экзаменам. Родительский и попечительский советы Если такие общественные объединения существуют и играют важную роль в жизни образовательного учреждения, стоит не только отметить это в визитной карточке школы, но и выделить специальный раздел для размещения информации об этой деятельности , — это, безусловно, произведет хорошее впечатление на родителей нынешних и будущих учеников школы. Советуем познакомиться с "Родительским советом" на сайте гимназии 210 "Корифей" Екатеринбурга www.koriphey.ru/bud/rsovet/resheniya.php. Там же «рождается» и «Попечительский совет». Автономная Некоммерческая Организация "Попечительский Совет содействия образованию в школе 548" в полную мощь представлен на http://www.mhs548.ru/index.php?id=2010000 Партнёры и спонсоры Если у образовательного учреждения сложились хорошие партнёрские отношения с различными организациями и учреждениями, в том числе, опять же, с вузами, попечителями, фондами, проектами и т.д., то для закрепления и отражения этих отношений в Интернете мы рекомендуем разместить небольшие баннеры партнёров или текстовые гиперссылки на своём сайте. Выраженная таким образом благодарность принесёт пользу вам обоим.
2. Новости, объявления Если вы не готовы обновлять этот раздел регулярно, то лучше обойтись без него. Зато ничто так не внушает доверия к сайту школы, как наличие свежих новостей: сразу видно, что сайт живет и что ему можно доверять! Для примера обратимся к Лицеям: первый - на Донской, что в Москве http://www.1553.ru/index.htm, второй - в г. Всеволожск Ленинградской области http://liceum1.ru 3. Учебная деятельность Этот раздел может содержать: • направления обучения, • программы для разных классов, • учебный план, • расписание уроков, • список и расписание экзаменов, и много других полезных сведений. Проблема в том, что эту информацию необходимо обновлять гораздо чаще, чем адрес школы и фамилию директора. Поэтому прежде, чем планировать размещение на сайте данного раздела, стоит удостовериться в том, что впоследствии будет кому заниматься его обновлением. При наличии большого объема информации она может быть поделена между несколькими разделами сайта. При этом, однако, желательно, чтобы все разделы, относящиеся к учебе, объединялись одним общим названием. Поставьте себя на место родителя: очень неудобно выискивать информацию из разных мест сайта — как это часто приходится делать. Впрочем, еще чаще информации просто недостаточно: одна школа представляет на сайте учебный план, другая же считает нужным разместить расписание уроков. Видимо, это не случайно: регулярно обновлять информацию не всегда по силам. Тем более хорошее впечатление произведет ваш сайт, если любой ученик или родитель (не говоря об учителе) сможет быстро найти все необходимое. На упомянутых выше сайтах эта информация представлена достаточно разнообразно. 4. Внеурочная и досуговая деятельность Перечисленные ниже разделы не только предоставляют полезную информацию для родителей и школьников, но и формируют представление о школе как об образовательном и воспитательном учреждении, деятельность которого не ограничивается проведением уроков по обязательной программе.
Участие школы в проектах В наше время участие в проектах, особенно международных — это престиж школы. Под проектами понимают иногда довольно различные виды деятельности. • Партнерские проекты между двумя или несколькими школами Переписка классов из партнерских школ, совместная работа над какой-то темой, поездки друг к другу на стажировку или на отдых, — все это стоит отразить на сайте. «Мощный» межшкольный проект «Лента школьных новостей» организован авторами сайта Кузьмоловской школой №1 Ленинградской области http://news.kss1.ru • Интернет-проекты — российские или международные конкурсы и олимпиады для школьников. Многие школы участвуют в проектах, но не все считают нужным представлять соответствующую информацию на школьном сайте, нередко считая, что сайта самого проекта достаточно; на школьном сайте пишется одна строчка: "Школа — участник международного проекта…". На самом деле, такое сообщение представляет интерес только для людей, хорошо знакомых с упомянутым проектом, всем непосвященным оно ровным счетом ничего не говорит. Ссылка на сайт проекта тоже мало что дает, ведь там обычно можно найти только очень общую информацию, степень участия вашей школы представить невозможно. Если ваша школа участвует в проекте, постарайтесь рассказать об этом на школьном сайте как можно подробнее. Кроме общего описания проекта, поместите информацию о ходе проекта, работы участников, фотографии, объявления и последние новости, — так, например, как это сделано на странице международного экологического проекта "Глобальное мышление" (Global Thinking Project) на сайте питерской гимназии 157 www.gym157.spb.ru/rus/index.htm. Такая подробная информация будет интересна и участникам проекта, и всем интересующимся. • Внутришкольные проекты Школа может организовывать собственные проекты1: различные тематические соревнования, конкурсы, издание школьной газеты и другое. Даже если проект не имеет никакого отношения к Интернету, размещение информации о нем на школьном сайте позволяет максимально расширить зрительскую
1 Понятие "проекта" сегодня трактуется чрезвычайно широко как организованная творческая или исследовательская работа детей под руководство педагога, которая состоит из определённые этапов, в том числе – защиты проекта. Результаты такой работы можно представить и в других разделах, например, "Творчество школьников".
аудиторию, привлечь на сайт посетителей и представить творчество учащихся в Интернете. Раздел международного проекта SPIMUN, который организован в Петербурге на базе уже упоминавшейся гимназии №157, перерос в самостоятельный сайт http://spmun.narod.ru , который связан с гимназическим гиперссылками. Интересные внутришкольные проекты на сайте Кировской школы №1 http://ksch1.chat.ru/karta_p.htm Дополнительные занятия, кружки, секции Клуб или студия при школе, медиатека, кружки и факультативы, — все это должно быть представлено в Интернете. Стоит заметить, что данный раздел может иметь также и коммерческое значение, ведь здесь можно поместить информацию о платных занятиях и услугах. Для примера приведем страницу Всеволожского Лицея№1 http://liceum1.ru/index.phtml?main=fakultet . Школьный музей Под музейной деятельностью мы понимаем не только музей истории школы, но и различные виды исследовательской работы по изучению своего окружения – интересных людей и мест. Ведь образовательная среда, в которой растут учащиеся конкретного образовательного учреждения, имеет и социальную составляющую, о чём тоже не следует забывать. Этот раздел сайта не обязательно должен отражать содержание реального музея. Такой музей может существовать только в Интернете – виртуально. С нашей точки зрения, это важная составляющая воспитательной работы образовательного учреждения, которая достойна того, чтобы быть представленной отдельным разделом. Интересно представлен это раздел на сайтах школ Ленинградской области: (Тосно, Ново-девяткино, Будогошь). С музеем истории школы, основанной в 1868 году, можно познакомиться на сайте питерской гимназии №157 им. Принцесса Е.М.Ольденбургской http://www.gym157.spb.ru/rus/Museum/index.html Мероприятия Школьная жизнь не ограничивается учебой на уроках и занятиями в послеурочное время. Хороший способ продемонстрировать родителям, что ваша школа — не застывшая структура, а живой организм, — это представить интересные события в жизни школы: соревнования, турпоходы, школьные праздники. Необходимым условием является регулярное обновление, — иначе вы достигнете эффекта, противоположного желаемому. На спортивной странице школы №1 поселка Кузьмолово kss1.ru/Rus/sport.php публикуется график мероприятий, последние спортивные новости, состав команд, списки победителей, основные спортивные достижения школы.
5. Педагогическая мастерская Все, о чем говорилось до сих пор, относится к информационной стороне школьного сайта. Но школьный сайт может, и даже должен быть, не просто информационным, но также и образовательным ресурсом. В Сети есть примеры того, как преподаватели организуют консультации а то и полную дистанционную поддержку обучения по своему предмету для учеников, делятся опытом с коллегами, составляют аннотированные каталоги образовательных ресурсов и т.д. Загляните на сайт самарского Лицея информационных технологий http://samlit.samara.ru/index.php ! Методические разработки учителей Несмотря на стремительно возрастающую год от года коммерциализацию многих сфер жизни, в образовании на уровне учителей пока преобладают отношения братства, душевной щедрости и взаимовыручки. Большинство учителей готовы распространять свой педагогический опыт через Интернет, нужно только создать им соответствующие условия. В качестве примера можно привести страницу методической службы гимназии 56 Петербурга http://www.school56.spb.ru/metod/metod_index.html. Учебные материалы по школьной программе Школьный сайт может использоваться в качестве общедоступного учебника или справочного пособия для школьников — см. страницу дистанционного обучения новосибирской школы №54. Не забывайте только при размещении информации указывать ее источник. (Государев...- англ.). Мы уже говорили выше о различных видах проектной деятельности. Думаем, что не лишним будет познакомить читателей с результатами руководимой учителями проектной работы по созданию сайтов, посвящённых различным темам по литературе, биологии, истории, химии, физике и т.д. (http://service.sch239.spb.ru:8001/infoteka/map_all.php ). Это кладезь материалов, которые могут использовать и ученики и учителя при подготовке к урокам и не только. Материалы такого рода могут принадлежать нескольким рубрикам одновременно, например, проектная деятельность, творчество учителей и учеников, копилка учебных материалов и т.д. Уместно посмотреть и «Материалы к урокам» Центра Образования "Царицыно" №548 http://www.mhs548.ru/index.php?id=1110000 Тематические обзоры образовательных ресурсов Многие школы делают на сайте раздел "Полезные ссылки", помещая туда любимые веб-адреса. Некоторым удается превратить подобную страницу
ссылок в серьезный и действительно полезный каталог аннотированных ресурсов по предметам. (примеры) Интересен опыт 172 школы Москвы, на сайте которой в свое время силами энтузиастов был составлен каталог всех найденных российских школьных сайтов "Российское образование в Интернет". Сегодня каталог http://www.lyceum.edu.ru/links,созданный на базе той школьной коллекции — единственное достаточно полное и пополняемое собрание сайтов российских образовательных учреждений, оригинал которого по-прежнему хранится на сайте школы 172 http://www.belti.ru/vt/sch172/rus/schinet.htm Очень большая и систематическая работа в этом направлении ведётся авторами сайтов Кузьмоловской школы №1 и Всеволожского Лицея №1 Ленинградской области (адреса выше). Здесь следует заметить, что работа по поддержанию такого каталога в надлежащем состоянии, т.е. отслеживание новых адресов и удаление тех, которые перестали существовать, это серьёзная и кропотливая работа. 6. Творчество учеников С одной стороны, возможность разместить плоды своих трудов в Интернете привлекательный стимул для учеников, а с другой стороны, это может служить и характеристикой школы, демонстрируя внимательное отношение к работе ребят и умение их поощрить, довести до определённого результата, вывести на современный уровень. Научно-исследовательские и реферативные работы Говоря о научных работах, ещё раз упомянем работы учеников под руководством учителей санкт-петербургского физико-математического лицея №239 http://service.sch239.spb.ru:8001/infoteka/map_all.php. Здесь можно выложить рефераты по предметам школьного курса. Творческие работы Это могут быть созданные детьми тематические сайты, стихи, рисунки, рассказы... На странице "Творчество" Всеволожского лицея №1 http://liceum1.ru зрители могут не только посмотреть работы, но и поучаствовать в их оценке: проголосовать за лучший рисунок или стихотворение. Дизайн, правда, оставляет желать лучшего — но об этом в следующей главе. Школа глазами учеников Очень интересно, когда жизнь школы освещается учениками. Пример увлекательных рассказов о школьных традициях и достижениях — сайт Петербургской школы 550 http://school.ort.spb.ru/(Rus)/school_about/tradition.html.
Подчеркнём, что, создавая официальное Интернет-представительство образовательного учреждения, мы никогда не пускаем на самотёк никакое самое замечательное детское начинание. Всё, что публикуется на официальном сайте ОУ должно быть прежде прочитано ответственным за это человеком. Такая цензура, а, говоря по-современному, модерация, совсем не противоречит демократии, зато повышает ответственность за работу и уважение к .Интернет-представительству образовательного учреждения. 7. Неофициальная информация о школе «Неофициальная» в нашем понимании – это такая, за которую администрация школы не несёт ответственности. При обеспечении с помощью ссылок возможности посмотреть личные странички учеников или выпускников, а возможно, сайт какого-либо класса и другую информацию, которая не является подконтрольной руководителю официального сайта ОУ, необходимо прописать явно, что вы переходите на «неподведомственную» территорию. Интересный вариант предложен на сайте московской гимназии №1514, http://archive.1september.ru/school52/mstudent.htm , предложившей ссылки на альтернативные сайты, в том числе и для вольного общения. Личные странички учеников Неофициальный статус этого ресурса и тот факт, что он явно создается самими школьниками, не означает, что этот процесс можно пускать на самотек; все-таки сайт — школьный, и некоторые вещи на нем недопустимы. Я имею в виду не только нецензурные слова (за этим тоже надо следить), но и элементарные орфографические ошибки, безграмотный текст. Детей нужно приучать к ответственности за свои тексты, для чего бы они ни писались, — в частности, для размещения в Интернете. На сайте Всеволожского Лицея №1 страницы учеников и учителей тоже подсоединены через отлично структурированный раздел ссылок. Фотоальбом Фотографии оживляют текст и помогают легче его воспринимать, поэтому желательно помещать фотоснимки в разные разделы сайта (стараясь не перегружать страницу графикой — об этом подробнее в следующей главе). Но кроме этого, многие школы отводят специальный раздел сайта под школьный фотоальбом. Создавая фотоальбом, имейте в виду, что он, возможно, будет быстро расти, поэтому лучше сразу предусмотреть многоступенчатую структуру: список тем в виде набора гиперссылок, каждая из которых открывает набор фотографий по выбранной теме. Фотографии выкладываются в виде уменьшен-
ных копий, каждая из которых по щелчку мышкой открывает полномасштабное изображение: таким образом вы не заставляете пользователя сразу загружать большой графический файл, а даете возможность выбрать ту фотографию, которую хочется посмотреть. Оригинальное решение было найдено Центром образования Царицыно: список разделов фотоальбома представлен не гиперссылками, а в виде выпадающего списка: http://www.mhs548.ru/index.php?id=15 Информация о выпускниках Как ни странно, по итогам обзора школьных сайтов создается впечатление, что школы очень мало интересуются своими бывшими учениками. Редкий случай, если на школьном сайте размещен список выпускников, рассортированный по годам выпуска, как, например, на сайте петербургской гимназии Сервантеса basa.unison.ru?? В то же время Интернет наводнен сайтами выпускников различных школ, созданных отдельными энтузиастами и размещенными на доступных серверах, нередко заграницей. Возникает парадоксальная ситуация: официальный сайт школы часто "ничего не знает" о сайтах своих выпускников, раскиданных по Интернету. Конечно, начинать можно с малого: например, поместить информацию об отдельных выдающихся выпускниках, или сделать ссылку на сайт выпускников, если таковой имеется. В полном виде страница выпускников может содержать: • базу выпускников за разные годы (с возможностью поиска по различным критериям); • место общения бывших соучеников; • галерею интересных личностей, выпестованных школой; • страницу регистрации для выпускников. Если в Вашем распоряжении имеется полный список выпускников за много лет существования школы, то последняя функция "саморегистрации" теряет смысл. В противном случае она приобретает первостепенное значение: на сайте размещается анкета для выпускников школы, которые будут регистрироваться сами. Только прежде, чем вывешивать такую анкету, стоит наладить механизм автоматической сортировки по годам выпуска и поиска по тем полям, которые будут включены в анкету. Для общения выпускников может использоваться обычная "Гостевая книга" или "Доска объявлений". Возможны другие варианты — например, форум, как в "Клубе выпускников" на сайте школы 344 Санкт-Петербурга gym344.h1.ru/index.php?go=alumni.
Возможности интерактивности для школьного сайта Если вы хотите, чтобы ваш сайт "жил" — активно посещался, привлекал внимание, имел свою постоянную аудиторию, то один из надёжных приёмов - организация на сайте интерактивности. Советуем ещё раз заглянуть на сайт Всеволожского Лицея №1, где и в дизайн и в содержание сайта очень аккуратно и компактно встроено несколько «образовательных» интерактивных элементов: рейтинг творческих работ учеников гимназии, возможность узнать, с какими событиями связана дата календаря, новые найденные ссылки на образовательные ресурсы, и даже такая полезная возможность, как проверка написания слова и др. Всё это не только оживляет сайт, но и является реальным поводом вернуться на него, чтобы увидеть обновлённую информацию и/или воспользоваться представленным сервисом. Однако, прежде чем затевать интерактивный сервис, стоит очень хорошо подумать. Техническое исполнение — далеко не главная проблема: любой программист легко создаст нужную программу или найдет готовую и приспособит ее к вашим требованиям. Главный вопрос состоит в том, кто будет следить за порядком — и вопрос этот далеко не праздный. В приведённом выше примере требуется следить за работоспособностью сервисов и содержанием добавленных ссылок. На этом же лицейском сайте есть возможность добавить свои весёлые истории, но появятся для всеобщего просмотра они только после знакомства с ними администратора сайте. Если же вы добавляете возможность свободно высказаться в гостевой книге, форуме или разместить объявление – то это требует постоянного внимания. Стоит пустить дело на самотек, и ваше благое начинание очень быстро превратится в лучшем случае в мусорную корзину, а в худшем — в собрание оскорбительных и неприличных записей. Проблемы модерирования Для обеспечения порядка при работе интерактивного сервиса существует специальная должность: модератор. Это человек, согласившийся регулярно тратить часть своего свободного времени на просмотр записей, отсеивание лишнего и выяснение конфликтных ситуаций, которые наверняка возникнут. Чтобы не было претензий по поводу уничтоженных сообщений, необходимо четко прописать правила, которые должны соблюдать пользователи. Обычно все сводится к следующим нехитрым ограничениям: • Не делать грубых и оскорбительных высказываний. • Не употреблять мат и ненормативную лексику.
• Не использовать сервис для рекламы товаров и услуг, а также в целях идеологической, политической, религиозной и любой другой пропаганды Только на первый взгляд все кажется просто и очевидно. На деле сформулированные правила очень часто нарушаются — причем не только детьми, но и взрослыми. И дело не в том, что все нарушители — негодяи, которым не место в нашем Интернет-обществе: просто пока в людях не воспитана культура виртуального общения, которое существенно отличается от реального. Доступность и анонимность Интернета порождает иллюзию вседозволенности: сидя один-на-один с компьютером, человек пишет нечто резкое, засылает в Интернет — и чувствует себя "крутым", не задумываясь о том, кто и зачем это будет читать. Выход из данной ситуации один: кропотливый труд по соблюдению правил поведения на сайте. Можно (и нужно) решительно уничтожать все записи, хоть отчасти не удовлетворяющие сформулированным критериям. Доска объявлений и Гостевая книга Иногда приходится слышать вопрос: что лучше поместить на школьном сайте — "Доску объявлений" или "Гостевую книгу"? Смотря для чего они хотят быть использованы: "Гостевая книга" приглашает желающих "зайти в гости" и оставить свое приветствие, это что-то вроде книги отзывов, "Доска объявлений" обычно используется в деловых целях: это, скорее, книга предложений, предназначенная, как следует из названия, для размещения объявлений пользователей "Доска объявлений" и "Гостевая книга" вполне уместны на странице виртуального или какого-либо вполне реального школьного клуба: "Доска объявлений" с сообщениями для членов клуба и всех интересующихся, а "Гостевая книга" — как место знакомства и обмена мнениями. Например, виртуальный клуб выпускников гимназии 30 Санкт-Петербурга http://www.sch30club.spb.ru . Обратите ваше внимание на «Гостевую книгу» екатеринбургской гимназии Корифей www.korifey.ru, в которой сообщения появляются только после того, как администратор (он же – модератор) даст на то «добро». На самом деле, функционально и тот, и другой сервис состоит из следующих составляющих: 1. Форма, которую посетитель сайта может заполнить, чтобы поместить свое сообщение (обычно скрывается под ссылкой Оставить запись). 2. Список сообщений пользователей. 3. Ответы на сообщения, которыми может при желании или необходимости сопровождать их ведущий данного раздела.
Из данного описания следует, что этот вид сервиса совершенно естественно выглядит в виде рубрики «Вопросы и Ответы», на основе которой может быть организована виртуальная консультация по предметам или другим актуальным для школы вопросам. . Общение в форуме или чате Форум также предоставляет возможность всем желающим поместить на сайте свое сообщение, но его главное отличие состоит в том, что это не просто стенд для развешивания объявлений, а дискуссия на заданную тему. Каждое новое сообщение может служить началом новой ветки обсуждения: можно ответить на само сообщение, а можно — на ответ к нему, и так далее до бесконечности. Внешний вид сервиса соответствует его целям. Если на "Доске объявлений" мы видим сами объявления (допустим, последний десяток), то в форуме основная задача состоит в том, чтобы проследить за ходом дискуссии, поэтому на внешней странице помещается только список заголовков — см. страницу форума московского лицея Вторая школа http://www.school2.ru . Поскольку каждое сообщение может повлечь за собой дискуссию, сообщения пользователей в форуме часто именуются "темами" (не путать с общей темой форума!). Щелкнув заголовок темы, мы увидим как начальное сообщение, так и все ответы на него (см. ниже). Каждое сообщение включает кнопку, позволяющую на него ответить. Рисунок.1 Коли есть дискуссия, да еще виртуальная, неизбежны конфликты. Для форума проблема модерирования стоит еще острее, чем для "Гостевой книги" или "Доски объявлений": в пылу спора, участники которого не видят лиц друг друга и потому не всегда правильно понимают реакцию оппонента, обсуждение интересной темы легко может превратиться в оскорбительный диалог. В этом случае задача модератора — не просто стереть грубое сообщение, но вмешаться в дискуссию, одернуть нарушителей и перевести разговор в нужное русло. Стоило бы также обращать внимание на язык общения участников дискуссии: подростки, а часто и взрослые молодые люди почему-то считают, что текст для Интернета нужно писать исключительно на компьютерном жаргоне и без соблюдения элементарных правил орфографии. Если не школа, то кто же еще будет бороться с безграмотностью и воспитывать культуру сетевого письма? Особенно остро нехватка этой культуры ощущается в чатах, где посетители общаются в онлайновом режиме и потому еще меньше заботятся о правописании и стилистических особенностях своих высказываний.
Однако, так же как игры бывают не только «стрелялки», но и обучающие и развивающие, чат и форум могут стать инструментами обучения. В этом случае разговор идёт о тематическом чате, целью которого может быть обсуждение актуальной темы или встреча с интересным человеком, проводящиеся в определенное, заранее установленное время,. Это может быть дискуссия для взрослых — например, для родителей или педагогов школы, — а может быть тематический чат для детей, проводящийся под руководством и контролем взрослых. Приведем небольшой обзор образовательных форумов и чатов, которые школа может с успехом использовать, в частности — при отсутствии возможности организовать собственный сервис. Всевозможные образовательные форумы и чаты поддерживаются на сайте Федерации Интернет-Образования www.fio.ru: в разделе "Учитель.ru" — "Виртуальный педсовет", в "Родитель.ru" — "Родительское собрание", в "Тинейджер.ru" — целый набор из чатов и форумов для школьников и студентов. Педагогический Портал Министерства образования РФ www.school.edu.ru также поддерживает форумы для учителей и родителей. Каталог «Все образование» http://www.alledu.ru поддерживает работу детской общественной приемной: сюда могут обращаться дети в поисках совета или консультации специалиста по правовой, психологической или иной проблеме. В приемной работает форум: http://www.alledu.ru/forum/16/8. Кроме постоянно действующих форумов и чатов всё большую популярность приобретают разовые дискуссии для обсуждения актуальной темы. Например, ежегодным событием в области школьного образования стал виртуальный «Всероссийский августовский педсовет» www.pedsovet.alledu.ru, в рамках которого проводятся тематические форум и чаты. Опросы и голосования на сайте Опросы посетителей сайта — еще один способ привлечь к нему внимание, одновременно получив полезную информацию. С помощью этого простого инструмента можно узнать мнение аудитории по какому-нибудь вопросу или провести виртуальный конкурс, предоставив всем желающим проголосовать за лучший вариант. На сайте екатеринбургской гимназии Корифей www.korifey.ru регулярно проводятся опросы по самым разным темам, причём одновременно действует несколько опросов: при каждой перезагрузке страницы загружается новый опрос. Щелкнув ссылку Все опросы, можно изучить ответы по всем действующие и уже закрытым голосованиям. Результаты таких опросов могут предоставить интересный материал для школьного психолога и просто для всех желающих.
Опрос может стать элементом школьной жизни. На сайте Всеволожского лицея № 1 www.liceum1.ru в разделе "Творчество" (стихи, рисунки, сочинения) проводится нечто вроде конкурса зрительских симпатий. Для этого создана открытая система голосования — любой желающий может оценить творчество каждого автора. Результат голосования учитывается для подсчета среднего балла, который немедленно появляется в таблице со списком участников конкурса (с педагогической точки зрения эта идея не бесспорная - не зря же на всех творческих конкурсах отбираются победители, но никогда не составляется список с рейтингом всех участников, от первого до последнего). Ещё раз подчеркнём, что всё должно быть уместно и в меру. Часто посещая упомянутый выше сайт Всеволожского лицея №1 как одного из лучших Интернет-представительств образовательных учреждений не только Ленинградской области, но и России, вынуждена каждый раз отвечать на один и тот же вопрос: кто я - гость, ученик, учитель и т.д. Причём от ответа никак не зависит уровень доступа, поскольку это работает только на сбор статистики (по крайней мере в момент написания этого материала). Такая «обязаловка» выглядит не слишком гостеприимно – посетитель ещё даже не вошёл, а уже обязан внести некий вклад в развитие ресурса. Тут уместно вспомнить основной вопрос компьютеризации школы: что в нашем деле первично — методика или технология? Не следует забывать о том, что создатель школьного сайта не просто решает интересную программистскую и дизайнерскую задачу, но и волей-неволей участвует в учебновоспитательном процессе. Расширенные возможности Уровень развития современных информационных технологий позволяет существенно повысить эффективность использования Интернетпредставительства образовательного учреждения за счёт обеспечения разноуровнего доступа к наполнению сайта для различных категорий заинтересованных в этой информации лиц: представителей органов управления образованием, «школьных жителей», различных «сторонних» посетителей. При этом, естественно, ёмкое информационное наполнение сайта должно быть кропотливо и разумно осуществлено. К решению этой очень непростой задачи -обеспечению с помощью Интернета открытости информации о внутренних делах школы ("прозрачности школы"), приступают разными способами – от программирования собственных внутришкольных информационных систем до разработки и внедрения специальных программ на уровне регионов.
Прозрачная школа Давайте немного помечтаем о том, как будет устроена школа завтрашнего дня, когда Интернет станет такой же необходимой для школьной жизни вещью, как учебник или тетрадь. Школьник, придя домой, соединяется с Интернетом, чтобы заглянуть в свой дневник, учитель открывает на сайте методичку с планом завтрашнего урока, отец семейства в свой выходной день изучает успеваемость сына за последнюю неделю… Впрочем, нереальность нарисованной картины состоит только в том, что она не является повсеместной: все ее фрагменты на самом деле уже реализованы и используются в некоторых отдельно взятых школах, по крайней мере Москвы и Петербурга. Заметим, однако, что открыть информацию через Интернет еще не означает открыть ее для всех желающих. Рассмотрим четыре уровня "прозрачности": Прозрачность для учителей Главный смысл такой "прозрачности" состоит в том, что методические разработки каждого из учителей школы становятся общим достоянием всех преподавателей, оперативно получают проверку и апробацию коллег. В результате в школе складывается профессиональное сообщество педагогов. Помимо методической информации, учителя получают доступ к разным школьным ресурсам, например: o Учебные планы o Расписания уроков, экзаменов, контрольных работ и т.д. o Нормативные документы и справочная информация. o Методические разработки. o Статистические данные Размещение этих ресурсов в Интернете позволяет обращаться к ним из дома с такой же легкостью, как и в школе. Прозрачность для родителей и учеников Это — самый трудоемкий, но и самый перспективный уровень "прозрачности". "Прозрачность" школы для учеников означает свободный доступ школьников к различным учительским материалам, которые можно использовать для подготовки домашних заданий. "Прозрачность" для родителей состоит в том, что родители должны стать не просто наблюдателями, но активными участниками учебы своего чада. Каждая семья получает доступ к следующим видам ресурсов:
o Информация о своем ребенке: оценки, статистические данные об успеваемости по предметам, советы школьного психолога, сообщения учителей и школьной администрации, пропуски уроков. o Учебно-методическая информация: материалы уроков, домашние задания, расписания, методические рекомендации учителей, системы тестирования. Пожалуй, в такой школе дневник уже не спрячешь от родителей… Прозрачность для ВУЗов ВУЗы заинтересованы в индивидуальном отборе учеников, независимо от школы, в которой они учатся. Для этого представители ВУЗов должны быть вовлечены в творческую проектную работу в школах или, по крайней мере, следить за ней, используя Интернетдоступ к ее материалам, и на основе этого отбирать талантливую молодежь для дальнейшего обучения. Прозрачность для органов управления Было бы замечательно, если бы органы управления могли «собирать» однотипно представленную информацию с школьных сайтов по всем необходимым статистическим показателям, объединять её и обрабатывать. Важно и обратное – иметь возможность оперативного размещения важной информации для директора, завуча, родителей на соответствующих «слоях» школьного сайта. Базы данных на школьном сайте Рассмотрим подробнее уже имеющийся опыт использования баз данных. Реально существуют школы, в которых печатать списки учеников по классам для разного вида отчётности, даже и на компьютере — это вчерашний день. День сегодняшний — использование базы данных учащихся, созданной с помощью автоматизированной системы управления школой, одной из тех, какие сейчас активно предлагаются на рынке программных продуктов для упрощения административной деятельности образовательного учреждения. Но если локальная сеть в школе позволяет посмотреть созданные списки из любого класса, то Интернет — та же сеть, только виртуальная, в которой может "жить" любая база данных, подчиняющаяся таким же законам. В результате работы программиста, который переведет готовую базу в интернетовский формат, через Интернет будет доступен не только сам список, но и различные функции базы, которые и составляют ее ценность: возможность проводить поиск по различным критериям, выполнять статистический анализ, формировать удобные отчеты.
Через Интернет может выполняться любое применение баз данных, полезное для организации работы в школе. Например, в школе 550 механизм баз данных используется для регулирования работы компьютерных классов: учитель может заполнить заявку на использование класса, которая тут же вносится в базу расписания работы класса. Ещё раз отметим, что размещение списка в Интернете не означает автоматически открытость информации: к закрытым спискам может быть организован доступ по паролю. В качестве примера открытой через Интернет базы данных приведем список выпускников 566 школы Петербурга с возможностью поиска по году выпуска и фамилии/имени выпускника: http://www.566.spb.ru/. База данных выпускников Петербургской школы 550 school.ort.spb.ru включает возможность более сложного поиска и сортировки элементов списка по различным параметрам. Интернет предоставляет дополнительные возможности - регистрацию в списке из любого удалённого уголка.
РЕКОМЕНДАЦИИ WEB-МАСТЕРА БАЗОВОЕ… С чего начинается сайт? Приступать к работе следует с тщательного продумывания концепции и составления структуры будущего сайта. И, уже на основе этой информации, подбирать необходимые материалы. В общих чертах Вы уже знаете о том, что желаете разместить на сайте, но теперь очень важно представить всю информацию удобным и понятным образом, чтобы то, что знаете Вы, узнал бы и ваш посетитель. Структурирование информации При отборе информации жизненно необходимо её структурировать, уметь выделять наиболее важное. Нередко можно слышать возражение, что на сайте важна вся информация, и необходимо акцентировать её всю. Но, на самом деле, так не бывает и даже в самой важной информации есть порция наиболее важной. Хорошая структурированность сайта обеспечивает половину успеха при его создании. Ошибки, допущенные на этом этапе, впоследствии могут привести к большим затратам сил на исправление. Для более удобной организации мыслей структуру желательно предварительно написать на листочке бумаги или хотя бы в блокноте (который в Windows, а не который бумажный ;). При составлении структуры будущего сайта подавите в себе желание поместить все пункты меню на одну страничку. Человек комфортно воспринимает не более 7-ми пунктов, и их большее количество вызывает подсознательное отторжение при просмотре. Слишком сложное не вызывает желания разбираться. Для того, чтобы этого избежать, и используется иерархическое построение меню. Правильное структурирование информации позволяет нам выделить основные разделы сайта, а все второстепенные разделы будут доступны после выбора одного из основных. Описанное замечание относится также и к меню 2-го уровня - при большом количестве пунктов имеет смысл ввести меню 3-го уровня. Но не более! Будет уже слишком. Если же информации всё-же настолько много, что не получается структурировать её в 3 уровня меню, то имеет смысл выделить отдельные подсайты, каждый из которых будет отвечать за свою область. Так, например, часто выносят раздел о выпускниках из структуры основного сайта, и он приобретает достаточно самостоятельный характер.
Подготовка текстов Кроме разработки структуры, важной частью данного этапа является подготовка текстов. Оригинальные тексты, например, взятые из буклета компании и выложенные в неизменном виде, будут читаться плохо, ведь они разрабатывались совершенно для другого стиля восприятия информации. И на сайте такой текст будет смотреться отчуждённо - это заметно. И, к сожалению, сей факт будет говорить лишь о пренебрежении авторов к своему сайту. Сайт может быть безумно красив, но лишь нужные другим тексты позволят Вам удержать своего посетителя - не забывайте об этом. Публикация текстов в Сети имеет свою специфику, и буквальное повторение структуры буклета "О школе" будет ошибкой. Буклет просматривают линейно - сверху вниз и слева направо - по страничкам. Соответственно и пишется текст, который последовательно излагает всю информацию. Для web-страничек же более логичным является способ структурированного представления информации. При этом варианте - в основной статье излагаются общие вопросы, а более подробное их освещение вынесено на отдельные странички, переход к которым осуществляется по ссылке. Ссылка может быть как в конце странички и, таким образом, она будет служить указателем на следующую страничку (это аналогично линейному просмотру информации), так и непосредственно внутри текста - указывая посетителю способ узнать о данном вопросе подробнее. В чём преимущество именно такого способа представления информации? А в том, что посетитель читает лишь то, что ему нужно. Некоторым достаточно краткого обзора, в то время как другие предпочитают углубляться в суть вещей. Структурируя большую статью, мы разбиваем её на ряд небольших фрагментов, каждый из которых содержит один из аспектов рассматриваемого вопроса. И читатель волен выбирать путь, по которому идти, - отбирая лишь ту информацию, которая ему действительно интересна. А второе преимущество является следствием первого - небольшие странички очень быстро грузятся, что немаловажно. Всё сказанное выше относится исключительно к чтению информации онлайн. Если же предполагается, что текст будут распечатывать, то, возможно, стоит подумать о создании специальных "страничек для печати", которые должны содержать полные тексты статей. Стиль изложения информации. Он является не менее важной частью, чем стиль дизайна и столь же уникален для хорошего сайта. На корпоративных сайтах, как правило, стиль изложения достаточно официален, но даже в этом случае тексты желательно подготовить, а не выкладывать всем надоевшую информацию из пресс-релиза. Структура готова, тексты написаны - вот теперь, пожалуй, и можно приступать к созданию набросков дизайна. На этой стадии очень важно выбрать
инструмент, с которым Вы будете работать. Первоначальный вариант можно набросать и карандашом на листке бумаге, но его придётся переносить в электронный вид. Многие web-дизайнеры предпочитают использовать для целей макетирования растровые или векторные редакторы, которые позволяют свободно манипулировать объектами на будущей страничке. Результатом этого этапа должен быть готовый эскиз. Заметьте, что до сих пор мы так и не приступили к HTML-кодированию, потому что на самом деле это далеко не первая по- важности вещь и все вышеперечисленные шаги могут занять большую часть отведённого на создание сайта времени. Ведь, в конце концов, написание HTML-кода есть дело техники. Да, есть некоторые глюки и несостыковки со стандартами, но всё это преодолимо. В то время как вышеописанные шаги есть процесс творческий. Не забывайте об этом и, увлекаясь кодированием, не упускайте из виду более важные вещи. Как создать привлекательный web-сайт? Итак, Вы желаете сделать полезный, красивый и удобный сайт. Что же для этого нужно? Какие факторы влияют на популярность web-сайта? С чего лучше всего начать создание собственного сайта? И какие ошибки могут подстерегать на этом пути? Постараемся выделить основные причины, которые влияют на популярность сайта: • Содержание, или контент, - является одной из самых важных составляющих. Если на сайте нет полезной информации, способной заинтересовать определенный круг людей, то можно ставить вопрос о необходимости существования сайта как такового. • Дизайн - вторая по важности составляющая хорошего сайта. От дизайна зависит, насколько привлекательны будут странички, т.е., в конечном счете, сколько людей дополнительно захотят прийти и посмотреть на Ваш сайт. Ведь если Вам очень понравился дизайн сайта, то Вы наверняка расскажете о нем своим друзьям. Не забывайте, что встречают-то по одежке. Для того, чтобы сделать хороший сайт, не обязательно даже использовать графику. Есть полезные сайты с минимумом графики (или даже без оной) и масса бесполезных, забитых мегабайтными картинками. Для web-сайта, как, впрочем, и для других дизайнерских проектов, очень важным является стиль сайта, придающий ему собственное лицо и узнаваемость. В последующих статьях я опишу основы и принципы создания стильных web-страничек.
• Скорость загрузки Ваших страничек - ни один нормальный человек не будет ждать загрузки ваших страничек в течение часа. Отсюда следует вывод - странички нужно оптимизировать для получения наименьшего их размера (разумеется, в пределах разумного). Допустимый объем средней web-странички. примерно 50Кб (подробнее см. http://www.cherry-design.spb.ru/articles/article_1.htm). Это и будет тот максимальный объем, который может иметь страничка вместе со всей графикой, находящейся на ней. Если Вам требуется разместить информацию большего размера, то предупредите об этом пользователя или распределите информацию по нескольким страничкам. • Раскрутка web-сайта - включает в себя не только регистрацию Вашего сервера во всех возможных Поисковых системах мира, но и такие средства, как размещение информации в средствах массовой информации (URL - в газете), а также упоминание о Вашем сайте на визитках, рекламках, в газетных и журнальных статьях и т.д. Кроме этого, на web-сайте обязательно должен быть упомянут E-mail для связи с Вами или, в случае его отсутствия, хотя бы номер телефона. • Ясная и логическая структура размещения информации на Вашем сервере - ничто так не утомляет при поиске нужной информации, как плохо структурированные сервера. • Отсутствие орфографических и грамматических ошибок этот пункт включён ввиду громадного количества ошибок на свежепоявляющихся web-сайтах. Вот, пожалуй, и все основные принципы, соблюдение которых гарантирует успех Вашему web-сайту, а через него - и благополучие, и расширение известности Вас, Вашего учреждения, клуба, движения. В качестве упражнения попробуйте пройтись в web и посчитать время на загрузку различных страничек, а также обоснованность их загрузки (исходя из содержания). Посмотрите, насколько понятна структура сервера и удобство пользования им. Рисунок сотен слов дороже нам Теперь поговорим о графике на Web-страничках, ведь именно благодаря ей WWW стала самым популярным сервисом Internet, именно ей мы обязаны всему этому многообразию страничек. Что особенного в графике, применяемой на web-страничках? А то, что она имеет свои определенные ограничения, с которыми мы должны считаться и извлекать из этого выгоду.
Для использования в Web применяется два основных формата файлов GIF и JPG. Сейчас продвигается новый формат для web-графики под названием PNG (произносится "пинг"), но он пока еще не очень распространен, поэтому приступим к разбору форматов GIF и JPG. Опишем их основные свойства и особенности. Формат GIF Поддерживает не более 256 цветов (меньше можно и часто нужно :); Использует палитру цветов; Использует сжатие без потери информации по методу LZW (который подобен применяемому в архиваторе PKZIP и, следовательно, GIF-файлы практически не сжимаются); Поддерживает чересстрочную развертку; Является поточным форматом, т.е. показ картинки начинается во время перекачки; Позволяет назначить любому из цветов в палитре атрибут прозрачный, что применяется при создании так называемых прозрачных GIFов; Имеет возможность сохранения в одном файле нескольких изображений, что находит свое применение при изготовлении анимированных GIFов; Поддерживает возможность вставки в файл управляющих блоков, которые позволяют вставлять комментарии в файл (например, об авторских правах :), осуществлять задержку между показами изображений и т.д. А теперь немножко разъяснений - к чему эти свойства могут привести. Как Вы прочитали, GIF поддерживает не больше 256 цветов, а это значит, что все изображения, которые мы сохраняем в GIF-формате, явно или неявно уменьшают количество цветов, чтобы уложиться в этот лимит (разные программы с разным успехом). А отсюда вывод - если у Вас красивая фотография с плавными переходами и едва уловимыми оттенками цвета, то после преобразования все будет гораздо хуже - оттенки перестанут быть неуловимыми, и вся фотография приобретет неестественный, нереалистичный вид. Поэтому, если Вы хотите все-таки сохранить фотографию в формате GIF и передать все оттенки, то приходится идти на хитрости. Например, к фотографии можно применить какой-нибудь художественный фильтр и превратить ее в рисунок или применить тонирование. Зато нет никаких проблем с сохранением рисунков и чертежей в этом формате, они, как правило, хорошо сжимаются и не содержат много цветов. Формат JPEG Позволяет сохранять полноцветные изображения с количеством цветов 16,7 млн. цветов (или 24bpp), причем, если в рисунке меньше цветов,
то перед сохранением файла он все равно преобразуется в полноцветное изображение; Использует сжатие с потерями информации, за счет чего достигает диких степеней сжатия файлов; Поддерживает прогрессивную развертку, т.е. изображение появляется вначале с плохим качеством и в процессе загрузки постепенно улучшается. Пожалуй, это все преимущества формата JPG, и основное его предназначение - хранение изображений фотографического качества. Всю работу по обработке графики делайте в промежуточном формате Теперь рассмотрим некоторые особенности работы с графикой. Несмотря на то, что мы сохраняем изображения в GIF-файле с поддержкой 256 цветов или в JPG-файле с 16,7 млн. цветов, работать с изображением нужно в какомнибудь промежуточном формате, который позволяет сохранять картинку без искажений и без потери глубины цвета (например, TIFF и внутренние форматы редакторов типа PSD). Дело в том, что в процессе работы Вам понадобится многократно изменять или искажать изображение, что, в конце концов, приводит к многократной перезаписи файла. Многократная запись в формате GIF приведет к тому, что потеряются оттенки изображения, а в формате JPG каждая новая перезапись файла будет вносить новые искажения, и через некоторое время фотография будет выглядеть ужасно. Поэтому всю работу по обработке графики делайте в промежуточном формате (и не смущайтесь огромными размерами файла) и только на самом последнем этапе преобразуйте изображение в нужный формат (часто - одновременно с оптимизацией размера файла). Оптимизация графики Для web-страниц очень важным является вопрос размера фотографии. Какого размера их делать? Не будут ли они слишком долго грузиться? При оптимизации можно уменьшить размер файла, но вряд ли стоит оптимизировать фотографию, не несущую смысловой нагрузки. Самый первый этап оптимизации - выделение в фотографии главного (с отбрасыванием всего остального) и акцентирование на иллюстрируемом элементе. Это достигается при помощи операции кадрирования и нахождения наиболее выразительной части, передающей смысл фотографии. После этой операции уже можно оптимизировать изображение, и в этом случае оно действительно будет иметь наименьший размер. А с размерами фотографий нужно придерживаться определенного компромисса - не делайте их слишком мелкими, на которых даже под лупой ничего не разглядишь, и не делайте их слишком огромными, чтобы время не
растянулось в вечность. Хотя, разумеется, есть исключения: правильно оптимизированная большая фотография может занимать время пересылки, эквивалентное времени пересылки обычной фотографии, и, наоборот, дурно оптимизированный маленький рисунок будет грузиться до конца дней. Под обычной фотографией я понимаю фотографию размером примерно 250x300 пикселей и занимающую порядка 6-10 килобайт. Это не значит, что все Ваши фотографии должны иметь такие размеры, но площадь фотографии должна быть ей эквивалентна. Эти рекомендации относятся к "иллюстрирующим" текст фотографиям и не относятся к рисункам, выполняющим функции элементов навигации. Как правильно регистрировать сайт? Почему же так происходит, что счётчик на Вашей странице почти не увеличивается? Всё просто - о Вас пока никто ничего не знает. Пора заняться раскруткой сайта - увеличением ежедневного количества посетителей. Есть несколько способов достижения этого: регистрация в поисковых системах, баннерообменные сети, упоминание сайта в web-обозрении, печатная реклама в газетах и журналах, оповещение о появлении сайта в соответствующей эхо-конференции, обмен ссылками с родственными сайтами, упоминание адреса сайта в переписке и др. Сегодня мы разберёмся с самым простым, но эффективным способом раскрутки - регистрацией в поисковых системах и каталогах. Как это сделать правильно? И вообще, что понимать под "правильной" регистрацией? Будем считать, что "правильно" означает, что в ответ на запрос по теме вашего сайта вы получаете список ссылок, в которых ваш сайт находится одним из первых. Определимся с терминологией. Есть поисковые системы, а есть интернеткаталоги. Начнём с поисковых систем. По сути, это очень большая база данных, которая хранит в себе полные тексты всех зарегистрированных сайтов. Необходимым компонентом поисковых систем являются роботы. Робот - это небольшая программа, которая ходит по ссылкам на сайте и индексирует все встреченные по пути странички. Для регистрации мы должны сообщить роботу адрес нашего сайта. Поисковые системы достаточно загружены работой, ведь ежедневно приходят десятки тысяч запросов. По этой причине, после того как Вы послали запрос на регистрацию, пройдёт порядка 1-2 недель, прежде чем сайт реально проиндексируется поисковым роботом. Интернет-каталоги - списки ресурсов, распределённые по категориям. Бывают специализированные и общие. Основное отличие их от поисковых
систем заключается в том, что все запросы просматриваются людьми, которые оценивают ценность сайта, выбирают для него категорию в каталоге и корректируют предоставленное Вами описание. Перед тем, как регистрировать сайт, нужно немного подготовиться - впоследствии это сэкономит много времени. И начать нужно с поиска ключевых слов и составления вразумительного описания сайта. Ключевые слова К подбору ключевых слов стоит подойти серьёзно. Правильный их выбор позволяет сильно повысить позицию сайта при запросах. Какие же слова следует подбирать? Разумеется, те, что наиболее верно отражают специфику именно вашего сайта. При этом постарайтесь избегать лишних и общих фраз. Представьте себя на месте человека, который пытается найти ваш сайт. С каких слов вы бы начали поиск? Что бы набрали в поисковой системе? Нужно подобрать порядка 20-30 ключевых слов. А потом проверить их, набрав в поисковой системе. Список каких сайтов возвращается? Связаны ли они с тематикой вашего сайта? Если да, то хорошо - значит, вы уже болееменее подобрали основные слова. В качестве примера посмотрите, какие ключевые слова используются в найденных страничках. Описание сайта Описание должно быть лаконичным и ёмким. Чтобы было понятно с первого взгляда. Ведь в поисковой системе информация выводится небольшими порциями о каждом найденном сайте, и у нас просто нет места более чем на один небольшой абзац. При составлении описания не нужно указывать название сайта, оно и так будет проиндексировано. Также постарайтесь избегать общих фраз типа: "Здесь Вам будет интересно", "На этом сайте есть всё", "Заходи, не пожалеешь!" и т.п. Опишите именно содержание сайта, посетитель сам разберётся, нужно ли ему идти на вашу страничку. Ведь вам нужен не просто посетитель, а именно Ваш посетитель! Какая радость с того, что страничку покинут, едва взглянув на неё и убедившись, что она не соответствует описанию? Подготовка к регистрации Ну вот, описание уже составлено, ключевые слова найдены. Но не спешите, ведь все каталоги и поисковые системы при регистрации запрашивают практически одинаковую информацию. Каждый раз вводить её - это достаточно утомительное и долгое занятие. Ускорить процесс можно, если заранее составить краткий паспорт сайта, который может выглядеть примерно так (на примере своего сайта):
Название сайта: Web-studio "Cherry-Design" URL сайта: http://www.cherry-design.spb.ru/ Описание сайта: Дизайн и изготовление web-сайтов, их поддержка и раскрутка в сети. Статьи и ссылки по web-дизайну, полезные рекомендации. Ключевые слова: дизайн, design, web-design, веб-дизайн, web-мастеринг, web, веб, www, поддержка, раскрутка, реклама, баннер, баннерик, кнопка, оптимизация, статьи по веб-дизайну, ссылки по web-дизайну, gif, jpg, HTML, JavaScript, CGI, SSI, ASP, вишня, cherry. Контактное лицо: Михаил Мельников E-mail регистрации:
[email protected] Если у вас есть версии страничек на других языках, то нужно составить подобный паспорт для каждого из них. Благодаря такой схеме мы теперь сможем заполнять поля в формах, используя обычный способ "копирования и вставки" (Copy&Paste), что сильно ускоряет процесс. Осталось найти список поисковых систем и приступить к регистрации. Для удобства я уже давно создал можно воспользоваться списком на http://www.cherry-design.spb.ru/links/search.htm. Каждая ссылка в нём открывается в новом окне, что позволяет зарегистрировать сайт "не сходя с места". Если у Вас русскоязычный ресурс, то достаточно зарегистрироваться только в первой части списка. После выбора конкретной поисковой системы Вам нужно будет найти в ней пункт меню типа "Добавить сайт" или "Предложить ресурс". В некоторых каталогах и поисковых системах этот пункт запрятан достаточно хорошо и придётся проявить смекалку, чтобы отыскать его. Ну, а далее всё просто нужно следовать появляющимся на экране инструкциям, которые немного отличаются друг от друга в разных системах. Файловая структура сайта Если ваш сайт состоит всего из пяти страничек, и Вы не рассчитываете, что он будет в дальнейшем развиваться, то думать о том, как называть и размещать файлы на сайте, вам не нужно. Но если у Вас достаточно большой по объему сайт, то Вы наверняка уже столкнулись с тем, что управлять расположенной на нем информацией становится все сложнее. Уже никто не помнит, что находится на страничке с названием page54a.htm и где находятся иллюстрации к прошлогодней презентации. Можно ли избежать такой ситуации? Да, вполне, особенно, если Вы заранее предполагали, что сайт будет развиваться, и сделали ряд подготовительных шагов. Как нам не запутаться в сотнях файлах, из которых состоит любой сайт? Для этого их нужно, во-первых, разбить по функциональности, а
во-вторых, по типам файлов. Иногда результаты этих действий могут совпадать. Самый простой способ разделения файлов - разделение по выполняемым функциям. В простом статическом сайте мы можем выделить несколько четких групп файлов: • Странички сайта, которые представляют собой HTMLфайлы • Таблицы стилей • Клиентские скрипты, обычно написанные на JavaScript • Графические файлы, используемые в дизайне сайта • Файлы для скачивания посетителями Это вполне обычный набор, используемый на большинстве статических сайтов. Если же мы будем рассматривать также и динамические сайты (т.е. такие, странички которых генерируются на лету), то можно добавить еще несколько файловых групп: • Включаемые файлы • Файлы, хранящие информацию, используемую при генерации страничек • Административные скрипты управления сайтом • Шаблоны страничек, задающие внешний вид сайта Как Вы можете видеть, получается довольно большой список разнообразных категорий файлов, а теперь представьте, что все эти файлы валяются в одном каталоге. Как, Вам и представлять этого не нужно? У Вас все так и работает? Ну тогда у Вас наверняка наблюдаются и те проблемы, что я описал вначале. Посмотрим, как можно исправить эту ситуацию. Самый простой и напрашивающийся выход - это сделать для каждой вышеописанной группы файлов свой каталог, тогда сразу станет ясно, где и что лежит. Я не буду лукавить и сразу покажу ту базовую файловую структуру сайта, которую использую сам. Вы можете взять ее за основу при создании своих сайтов - полностью или частично. Постараюсь написать максимально большую структуру, а вы выбирайте из нее только те каталоги, которые Вам реально нужны. Если, к примеру, у вас нет на страничке кода JavaScript, то и соответствующая папка не нужна. / - корневой каталог Вашего сайта /pages/ - обычные HTML-странички /images/ - иллюстрирующая графика /pic/ - графические файлы, используемые в дизайне сайта /css/ - таблицы стилей /js/ - функции и программы на JavaScript /download/ - файлы, предназначенные для скачивания посетителями /banners/ - здесь лежат баннеры
/buttons/ - а здесь кнопочки 88x31 Для динамических сайтов добавляются также следующие каталоги: /admin/ - административные скрипты; каталог, разумеется, защищен паролем /includes/ - разнообразные включаемые файлы /data/ - файлы данных, например, отзывы в гостевой книге или поисковый индекс /templates/ - шаблоны с дизайном сайта Обратите внимание, что папка images, является вложенной в каталог pages, т.к. содержит иллюстрирующую графику, относящуюся к страничкам, находящимся в папке pages. При использовании относительных ссылок на иллюстрации такие странички можно будет в любой момент скопировать в другое место вместе с относящейся к ней графикой. Два типа графики на web-сайтах Если Вы внимательно посмотрите на любой сайт, то обнаружите, что существует два типа графики, которая на них используется. Первый тип это графика, используемая в дизайне сайта: логотип, графические элементы оформления, разнообразные кнопки и пиктограммы. Данный тип графики характерен тем, что он появляется почти на всех страничках сайта, и при смене дизайна сайта автоматически меняется и вся "оформительская" графика. Поэтому логично такую графику хранить в одном месте. Второй же тип графики - это иллюстрирующая графика. Она, как правило, встречается в контексте конкретной статьи. Обычно это фотографии, рисунки, разнообразные графики и схемы. Как Вы понимаете, этот тип графики несет основную смысловую нагрузку. Если оформительскую графику можно безболезненно удалить, и статья все равно останется читаемой, то с иллюстрирующей - все наоборот: вы можете без нее вообще ничего не понять. Другими словами, иллюстрирующая графика не представляет интереса в отрыве от содержащей ее статьи. По этой причине иллюстрирующую графику нужно хранить таким образом, чтобы ее было легко копировать вместе со статьей. Как видите, это сильно отличающиеся друг от друга типы графики, поэтому логично их разделять и при создании файловой структуры сайта. Как уже было сказано ранее и как это видно из представленной структуры, HTML-странички я размещаю в папке pages. Для небольших сайтов этого достаточно, но если у Вас на сайте есть большие специализированные разделы, для них стоит завести отдельные папки. Например, для упоминавшихся выше статей имеет смысл завести одноименную папку: /articles/ - в этой папке будут храниться статьи
/images/ - а в этой - иллюстрации к статьям Структура этой папки аналогична каталогу pages и тоже содержит вложенную подпапку для иллюстраций, но уже именно к статьям. Таким образом, можно выделить и другие большие разделы сайта. Какие именно - зависит от самого сайта. Выделять стоит такие разделы, которые содержат достаточно много материалов, или планируется, что в будущем эти разделы будут постоянно пополняться. Этот способ имеет еще и то преимущество, что в адресной строке отображается название каталога, и пользователь может легко определить свое местоположение на сайте. Все же остальные странички сайта, для которых не заведено отдельных папок, как я уже говорил, размещаются в папке pages. Как называть файлы? Это вовсе не такой уж простой и праздный вопрос. Логично и понятно названный файл позволит сэкономить кучу времени при обновлении сайта. Кроме того, при передаче поддержки сайта другому человеку, будет гораздо легче объяснить, что и где находится. Возможно, Вам это пока кажется неважным, но поверьте, разбираться в структуре плохо сделанного и непонятного сайта - работа не для слабонервных. Что не нужно никогда делать - так это называть файлы безликими именами (page1.htm, 123.htm и т.п.). Необходимо, чтобы при взгляде на список файлов Вы бы сразу поняли, что в них находится. Другими словами, называть файлы следует исходя из смысла странички. Если страничка содержит общую информацию о компании, то Вы можете назвать ее, к примеру, about.htm, а страничку с контактной информацией - contacts.htm. В некоторых случаях для группы файлов могут использоваться похожие имена, состоящие из базового имени и цифры. Например, если Вы периодически пишете статьи у себя на сайте, то файлы удобно называть последовательно: article_1.htm, article_2.htm, article_3.htm и т.д. Заметьте, что в качестве разделителя базового имени и цифры я использовал знак подчеркивания. Он позволяет как бы отделить номер статьи, что способствует быстрому нахождению нужного файла. Русский или английский? При формировании имен файлов можно взять за основу либо русский язык, либо английский. Т.к. использовать русские символы в именах файлов нельзя (причины этого описаны чуть ниже в этой же статье), то при использовании русского в качестве базового языка необходимо писать имена файлов в транслитерации (русские слова латинскими буквами). В этом слу-
чае страничку с описаниями услуг можно назвать, например, uslugi.htm, а страничку с информацией об истории фирмы - istoriya.htm. Но лучше все-таки использовать в качестве основного языка английский, в этом случае слова будут корректно индексироваться поисковыми системами, а значит, при корректном запросе по теме Вашего сайта релевантность (степень соответствия поисковому запросу) вашей странички будет выше. Только не забывайте о правильном написании английских слов - в этом Вам поможет англо-русский словарик. Кроме этого, если имена файлов используют английский язык, то человек, который попал на Вашу страничку и совершенно не знает русского языка, сможет хотя бы догадаться, о чем идет речь. Выбрав для использования в именах файлов какой-либо язык, придерживайтесь его в пределах всего сайта. Не допускайте ситуации, когда английские и русские имена файлов идут вперемешку. Для зависимых файлов, например иллюстраций к какой-либо страничке, удобно использовать следующее правило: имя графического файла образуется из названия странички и идентификатора иллюстрации, разделенных знаком подчеркивания. В качестве идентификатора иллюстрации может использоваться либо порядковый номер появления ее в статье, либо, что предпочтительнее, некий идентификатор, позволяющий ее легко опознать. Допустим, что наша статья называется article_1.htm и в ней используются две иллюстрации - скажем, фотография товарища Иванова и какая-то схема. Тогда имена графических файлов, образованных по этому правилу, будут соответственно article_1_ivanov.jpg и article_1_scheme.gif. Для части графических файлов, преимущественно участвующих в создании дизайна сайта, удобно использовать префиксы и суффиксы. К примеру, если у Вас меню сайта графическое и подсвечивается при наведении мышкой, то все графические файлы, формирующие меню, можно предварять префиксом "m_", а к названиям изображений, которые появляются при наведении мышкой, добавлять суффикс "_over". Тогда название графического пункта меню, например "О компании", будет состоять из двух файлов "m_about.gif" и "m_about_over.gif". Префиксы удобно добавлять к таким изображениям, которые могут изменяться в зависимости от типа странички. Вот несколько часто используемых мной префиксов: • "bg_" (background) - для фоновых изображений, • "m_" (menu) - для пунктов графического меню, • "t_" (title) - для графических заголовков, • "icon_" - для пиктограмм, • "visual_" - для визуалов,
• "button_" - для графических кнопок, не являющихся элементами меню. В качестве "корня" слова, образующего имя файла, удобно использовать название странички, к которой относится данная графика. В вышеприведенном примере в качестве "корня" выступала страничка about. Продолжим упражняться с ней и образуем имя файла, используемого в качестве подложки для этой странички - у нас получится имя bg_about.gif. Разумеется, имеет смысл это делать, если фоновый рисунок отличается на разных страничках. Если же он везде одинаковый, то файл достаточно назвать просто bg.gif. Я надеюсь, что Вы поняли основную методику формирования имен файлов. Все вышеприведенные шаги мы делали с единственной целью - чтобы было легко ориентироваться в том огромном количестве файлов, из которых состоит любой современный сайт. Заметьте, как легко теперь стало ориентироваться в файлах, и можно с легкостью найти нужную html-страничку и все относящиеся к ней иллюстрации, а также понять содержимое графических файлов, даже не заглядывая в них!
Ограничения на имена файлов со стороны операционных систем Кроме логических и интуитивных аспектов именования файлов, существуют также и ограничения, связанные с операционной системой. Не секрет, что хотя большинство пользователей работает за компьютерами, оснащенными Windоws, на серверах в интернете стоит более надежный UNIX (точнее, одна из ее версий, как правило, "бесплатные" FreeBSD и Linux). Правила наименования файлов в Windows и UNIX разные. Основное отличие, которое и вызывает большинство проблем, - регистр символов в именах файлов. Windows не различает регистр в именах файлов, т.е. файлы с названиями index.htm и Index.HTM для нее будут неразличимы. Для UNIX же все совершенно наоборот, и для нее это два разных файла, которые могут оба одновременно существовать в одной папке. Кстати, это приводит к проблеме, когда с UNIX невозможно переписать все файлы в Windows, если они отличаются только регистром, без риска затереть ранее скопированный файл или без предварительного переименования копируемых файлов. По вышеуказанной причине имена файлов и ссылки на них в тексте страничек должны совпадать вплоть до регистра. Вы, конечно, можете называть файлы как Index.HTM и тщательно следить за тем, чтобы ссылки были корректными, но лучше всего называть файлы, используя символы исключительно нижнего регистра. Таким образом, Вам придется проверять только тот факт, что все ссылки и имена написаны строчными буквами, а это гораздо проще. Надо сказать, что это основная ошибка начинающих web-мастеров, в
результате которой хорошо работающий на локальном компьютере сайт, перестает функционировать, будучи вывешенным в интернете. Проявляется это, в первую очередь, в неработающих ссылках и исчезновении картинок (а картинка, с точки зрения HTML, это та же ссылка). Если у Вас такая ситуация, то внимательно проверьте ссылки в HTML-коде странички и имена закачанных на сервер файлов. Иногда такая проблема возникает при ошибочном использования в именах файлов русских букв вместо английских, похожих по начертанию (например: c, a, o,..). В этом случае самый простой способ исправить ошибку - это переименовать файл, заново набрав его имя и точно так же заново напечатать имя файла в исходнике странички. Вторая большая проблема в именах файлов - это русские буквы. Вопервых, не все операционные системы поддерживают национальные символы, и следовательно, в этом случае могут возникнуть проблемы - начиная с невозможности обратиться к такому файлу и заканчивая автоматической заменой неподдерживаемых символов самой операционной системой. А вовторых, и это проявляется наиболее ярко, проблема возникает при обращении к страничке не в той кодировке, в которой она хранится на сервере. Если ваш файл называется "галерея.htm" и он сохранен в кодировке win-1251, то при обращении к страничке броузером в кодировке koi-8r ссылка на такой файл в тексте странички автоматически будет перекодирована в "ЗБМЕТЕС.htm" ("галерея.htm" в кодировке koi-8r). Как вы догадываетесь, файл с таким именем на сайте отсутствует, и, следовательно, найден не будет - посетитель получит страничку с сообщением о 404-ой ошибке. Давайте подытожим все вышесказанное и добавим еще несколько критериев. Итак, для того чтобы с именами файлов не возникало проблем, они должны удовлетворять следующим требованиям: • В именах файлов можно использовать только латинские буквы [a-z], цифры [0-9], знак подчеркивания "_" и дефис "-"). А также точку "." как разделитель собственно имени файла и его расширения. • В именах файлов должны использоваться только символы нижнего регистра. Здесь нужно сказать, что большинство FTPклиентов позволяют поставить галочку "автоматически переводить имена файлов в символы нижнего регистра", что, несомненно, очень удобно. • Имя файла должно начинаться с буквы. • Во избежание проблем длина имени файла не должна превышать 31 символ (ограничение на длину имени в некоторых операционных системах - в первую очередь в MacOS). Все вышесказанное также относится и к названиям каталогов. Единственное дополнение - постарайтесь без особой надобности не использовать в именах каталогов расширений.
Создание архивных копий Бэкапимся! Все люди делятся на две категории - на тех, кто уже потерял ценную информацию, и на тех, кому это еще предстоит. Эта заметка - для тех, кто уже испытал неприятные ощущения. Чтобы этого больше не повторилось, нужно приучить себя регулярно делать архивные копии рабочей информации. Есть много различных программ, которые умеют целиком архивировать целые системы и потом их безболезненно восстанавливать. Но действительно ли большинству из нас нужна именно такая система? Я пришел к выводу, что для меня критична пропажа только моих собственных архивов и рабочих документов, что, по сути, есть просто набор обычных файлов. У меня нет нужды архивировать настроенную Windows - когда она в очередной раз окончательно испортится, будет проще ее просто заново переустановить. И мне вполне достаточно возможности просто скопировать эти файлы куда-нибудь в другой каталог. Желательно на другой винчестер, а еще лучше - на внешний носитель. Например, на записываемые компакт-диски CD-R или CD-RW. Для архивирования любых данных критичны две вещи: первая - определить набор файлов, которые нужно копировать, и вторая - делать это периодически, т.к., сами понимаете, толку от архивных копий, если они не обновляются постоянно, немного. Cрок, через который требуется делать подобную процедуру, можно определить очень легко. Это должен быть такой промежуток, чтобы в случае потери информации вам понадобилось не очень много времени для восстановления того, что не успели сохранить. Если Вы постоянно работаете на компьютере, то минимальный срок лучше установить равным одной неделе или меньше. Для очень ответственных данных делайте по две копии архивов на внешних носителях и храните копии в разных местах. Также полезно делать промежуточные архивы своей работы по окончании определенных этапов. При этом не стоит торопиться удалять ранее созданные архивные копии - возможно, они Вам еще пригодятся. Часто, в корне поменяв план какой-нибудь работы и переписав половину, понимаешь, что раньше было лучше. В этом случае архивные копии помогут Вам без проблем вернуться к предыдущему плану. И маленький совет - перед тем как все в корне менять (дизайн сайта, алгоритм программы, язык программирования, структуру большого доклада и т.п.) - потратьте 15-20 минут и сделайте архивную копию текущего состояния работы. В этом вам может помочь небольшая утилитка, которая позволяет очень легко организовать простейшую систему архивирования рабочей информации -Backup Magic 1.6.4.
Подробнее об этом читайте в 8-ом выпуске Cherry-news , который найдёте в архиве новостных выпусков на http://www.cherry-design.spb.ru/news/ АНАЛИЗ … "Apple" - элегантен во всех отношениях Анализ удачных сайтов - один из лучших способов обучения., позволяющий научиться пониманию, чем хороший сайт отличается от неудачного и как это достигается. Предлагаем проанализировать сайт одной из известнейших компьютерных корпораций, а именно сайт фирмы "Apple" - , пожалуй, одним из самых красивых и удобных. Давайте посмотрим, из чего это складывается. Для начала определимся с тем, что присуще хорошему сайту, а потом спроецируем все это на рассматриваемый сайт. Любой сайт, претендующий на звание хорошего, должен обеспечивать: • ясную и четкую структуру сайта, позволяющую с одного взгляда определить где и что. • удобную навигацию, обеспечивающую быстрый переход в любую точку сайта за наименьшее количество щелчков, а также ясное указание где находится пользователь в текущий момент. Для больших информационных сайтов также необходим механизм поиска. • приятный для глаза и соответствующий концепции сайта дизайн. • полезное содержание, отвечающее основному назначению сайта. Как же все это реализовано на сайте Apple? Нужно сказать, что очень удачно. Притом, что по объему сайт огромный, его структура прозрачна и логична. За счет чего это обеспечивается? В первую очередь, обратите внимание, что при помощи ярлычков в верхней части страницы сайт, по сути, разделен на отдельные подсайты. Каждый из подсайтов отвечает за одну из ключевых функций сайта: продукты компании, страничка поддержки, интернет-магазин, виртуальные открытки и т.д. Причем общее количество ярлычков оптимально - их не много и не мало, а как раз достаточно для удобной работы. При выборе отдельного ярлычка открывается подменю, относящееся уже к конкретному разделу. Обратите внимание, что выделение раздела и подраздела сделано различными способами. Раздел - выделен ярлычком, а подраздел - при помощи подменю. На внутренних страничках подраздел также выделен и цветом подменю. И отметьте решение, при котором подменю как бы входит в ярлычок, однозначно показывая подчиненность разделов. Акценти-
ровать иерархию разделов очень важно - это позволяет посетителям легко ориентироваться визуально, быстро определяя свое местоположение на сайте. Навигация сайта дополнена формой поиска, которая находится внизу каждой страницы. Таким образом, поиск всегда оказывается под рукой, не привлекая к себе лишнего внимания. Заметьте, что пользователю предлагается именно форма поиска, а не просто ссылка на страничку поиска - это позволяет выиграть время на загрузку одной странички, что для корпоративного сайта немаловажно. Дизайн сайта визуально очень легкий и оставляет после себя очень приятное впечатление. Причем достигается это не супермодными технологиями, а исключительно классическими дизайнерскими инструментами - подбор шрифтов, цветовой гаммы, подбор качественных, с художественной точки зрения, фотографий. Впрочем, дизайн всех продуктов Apple был всегда на высоте и web-сайт не стал исключением. Посетить этот сайт не мешает и тем, кто его ещё не видел, и тем, кто с ним уже знаком. Посмотрите на сайт с точки зрения разработчика. Проанализируйте навигацию, структуру, способ подачи материала. Возможно, Вас посетят новые идеи, которые можно будет использовать для улучшения своего собственного сайта. ПОЛЕЗНОЕ… Быстрые клавиши - это удобно После первоначального освоения программы при дальнейшем частом ее использовании хочется как-то ускорить работу, и именно быстрые клавиши позволяют нам это сделать. Из минусов данного способа можно отметить, что Вам придется все-таки вначале выучить горячие клавиши, зато все остальное - плюсы. Остановимся на трёх программах, без которых, пожалуй, трудно обойтись при организации эффективной работы над сайтом: Internet Explorer, Total (Windows) Commander и сама Windows. Internet Explorer Начнем с быстрых клавиш самой популярной программы, а именно Internet Explorer. Вот несколько комбинаций, которые позволяют ускорить работу и удобство пользования: • Ctrl+N - открывает новый экземпляр броузера, причем наследуется история окна, из которого была применена данная комбинация.
• Ctrl+I - открывает слева панель с избранными ссылками. Повторное нажатие комбинации Ctrl+I убирает панель с экрана. • Ctrl+F - открывает диалог поиска на страничке. Удобно при поиске слова в длинном тексте и, особенно, в длинных листингах файлов, поисковых систем, прайсов и тому подобных вещах. • SHIFT + щелчок левой клавиши мышки на ссылке - открывает ссылку в новом окне. Честно говоря, с некоторых пор, читая интересную статью и встречая в ней ссылки, использую только этот способ. • F11 - быстрый переход в полноэкранный режим. При повторном нажатии клавиши - возврат в обычное состояние. • BackSpace - возврат на предыдущую страничку. Команда полностью аналогична стрелочке назад на панели инструментов. • F5 - обновить страничку. Но учтите, если вы просматриваете сайт с использованием фреймов, то произойдет переход на главную страничку сайта, и Вы потеряете страничку, которую просматривали. Единственный способ корректно обновить документ, который находится во фрейме - это воспользоваться соответствующим пунктом в контекстном меню. • ESC - остановить загрузку странички, а при уже загруженной - остановить анимированные баннеры (иногда бывает очень полезно). Total (Windows) Commander Файл-менеджер - одна из самых необходимых программ при работе на компьютере. И встроенный в систему проводник - не самый удобный и быстрый в плане работы. Как известно, имеются две основные альтернативы, резко повышающие удобство и ускоряющие работу с файлами. Обе являются потомками незабвенного "Norton Commander'а". Вы, уже, наверное, догадались, что это FAR и Total (Windows) Commander. Какой из них предпочесть зависит исключительно от вас. У обеих программ имеется большая армия поклонников. Мы остановимся на Windows Commander (пока еще не очень привычно называть его новым именем Total Commander), и именно его "горячие" клавиши описаны ниже. Но, как уже сказано, обе эти программы наследники NC, а следовательно, и большинство комбинаций справедливы для обеих программ. • Tab - переход из одной панели файлов в другую. • F3 - быстрый просмотр содержимого файла. • F4 - вызов текстового редактора с одновременной загрузкой активного файла для редактирования. По умолчанию открывается
"Блокнот", но удобнее всего сразу указать в настройках более мощный редактор с богатым набором функций. Например, UltraEdit. • F5 - копировать файл или группу файлов из активной панели в неактивную. • F6 - переместить файл или группу файлов из активной панели в неактивную. При корректировке имени перемещаемого файла одновременно происходит и его переименование. • F7 - создать новый каталог. • F8 или Del - удалить текущий файл или группу файлов. При нажатии вместе с Shift удаление производится минуя корзину. С этим осторожно, если Вы не уверены в своих действиях. • Alt+F5 - архивирование каталога или выделенной группы файлов. Архив будет создан на неактивной панели. • Alt+F7 - открытие диалога для поиска файла. • Ctrl+F3 - сортировка списка файлов по имени. При повторном нажатии комбинации сортировка изменит направление. • Ctrl+F4 - сортировка списка файлов по расширению. • Ctrl+F5 - сортировка списка файлов по дате модификации файла. • Ctrl+F6 - сортировка списка файлов по размеру. • Alt+F1, Alt+F2 - быстрый вызов списка дисков - соответственно на левой или правой панели. Если затем нажать на клавиатуре букву нужного диска, то можно сэкономить время на выборе диска курсорными клавишами. • Alt - курсор влево, Alt - курсор вправо - перейти в предыдущий/следующий каталог, который был открыт в панели. При многократном нажатии данной комбинации можно перемещаться по истории каталогов. • Alt - курсор вниз - открытие истории каталогов. • Ctrl+\ - быстрый переход в корень диска. • Ctrl+Enter - копирование имени текущего файла в командную строку • Ctrl+Alt+буква - быстрый поиск файла в текущем каталоге. После набора первой буквы имени файла появляется поле для ввода оставшейся части. По мере ввода новых букв курсор будет перемещаться к файлу, наиболее подходящему по имени. Очень удобная функция. Для ускорения комбинацию Ctrl+Alt+буква удобно переназначить просто на Alt+буква. • Ctrl+R - обновление содержимого каталога. Реально требуется только при использовании дискет.
• Серый + - выделение файлов по маске. • Серый - - снятие выделения с файлов по маске. • Серый * - инвертирование списка выделенных файлов. • Пробел - при нажатии на имени каталога показывает в статусной строке общий объем всех содержащихся внутри него файлов, включая вложенные подкаталоги. Windows Часто используемых сочетаний не так много, но иногда они бывают полезны. И, в любом случае, это быстрее мышевозюканья. • Alt+Tab - переключение между запущенными программами. • Alt+Tab+Shift - переключение между запущенными программами в обратном порядке. • Ctrl+Tab - переключение между открытыми документами внутри одной программы. • Ctrl+Esc - открывает меню "Пуск". Данное сокращение полностью аналогично нажатию клавиши "Win". • Shift-F10 - открывает контекстное меню. Сокращение аналогично нажатию правой кнопки мышки или второй Win-клавиши (с нарисованным меню и стрелкой). Сочетание бесценно, когда мышка либо сломалась, либо ее в данный момент почему-то нет, а кое-что нужно срочно сделать. • Win+M - свернуть все окна, чтобы был виден рабочий стол. • Win+D - развернуть свернутые ранее окна. Впрочем, это сочетание работает как триггер - сворачивая и разворачивая все активные окна. Таким образом, оно универсальнее, чем сочетание "Win+M". • Win+F - открывает диалоговое окно поиска файлов. • Win+E - запуск копии проводника. По умолчанию открывается папка "Мой Компьютер". • PrintScreen - делает скриншот рабочего стола. Потом его можно вставить в любой графический редактор. • Alt+PrintScreen - делает скриншот окна активной программы. • Alt+F4 - закрывает активную программу. Бывает полезной в полноэкранных программах, когда окна как такового нет, а как "официально" выйти, еще не знаешь. • Ctrl-Alt-Del - представлять не нужно? На всякий случай - в Win9x/ME - открывает диалог "Список задач", а в Win2000 - выводит
диалог с возможностью перейти к одной из задач администрирования. Как сделать качественный скриншот? Скриншот - штука нужная и полезная. Как известно, лучше один раз увидеть, чем сто раз услышать, а потому создание скриншотов - вещь распространенная, особенно при написании статей на компьютерную тематику. Попробуем разобраться с их созданием подробнее и ответить на заданный в заголовке вопрос. У вас наверняка возникнет вопрос - что называть качественным скриншотом? В конце концов, ведь это так просто: нажал "PrScr" - и готово. А с другой стороны, я встречаю массу непрофессионально сделанных снимков экрана. Одни авторы норовят вместо скриншота одного окна каждый раз вставлять изображение экрана целиком, другие уменьшают скриншот до изображения почтовой марки, третьи сохраняют его в JPEG с такой степенью сжатия, что остается только рассматривать квадратики. Но начнем по порядку... Самый простой способ получения скриншота не требует применения абсолютно никаких новых программ, т.к. эта возможность встроена в большинство операционных систем. И конечно же - в Windows. Причем для этого достаточно нажать всего одну кнопку. Вы наверняка догадались (или точно знали), что это клавиша "PrScr" (т.е. Print Screen - печать экрана), и располагается она в правом верхнем углу клавиатуры. Во времена DOS эта клавиша использовалась как средство быстрой распечатки экрана на принтере - отсюда и появилось название "Print Screen". В современных же системах нажатие этой клавиши делает графический снимок содержимого экрана и помещает его в буфер обмена. Осталось лишь запустить свой любимый графический редактор, создать новый документ и вставить в него содержимое буфера. Вуаля - и скриншот готов. А вот если вместо "PrScr" нажать комбинацию "Alt-PrScr", то в буфер обмена будет помещено только изображение активного окна, а не весь экран, что, несомненно, очень удобно. А вот о форматах, в которых нужно сохранять скриншот, поговорим подробнее. Существует два основных способа применения скриншотов - в полиграфии и в электронных документах, частным случаем которых является web-страничка. Если вы собираетесь печатать скриншот как иллюстрацию к статье, то ничего лучше формата TIFF для этого не придумано - выбирайте его, и не забудьте поставить LZW-сжатие, чтобы файл не был уж слишком неприличного размера. В дальнейшем TIFF-файл можно легко импортировать в любую программу для верстки. Для электронных же документов, как всем известно, можно использовать либо GIF, либо JPEG. Так какой же вариант предпочтительнее? Давайте по-
думаем о том, что же такое есть скриншот? В большинстве случаев он представляет собой картинку, на которой изображен интерфейс какой-либо программы, и гораздо реже изображено что-то иное (обычно это скриншот какой-нибудь игры или фильма в полноэкранном режиме). Чем характерны скриншоты, на которых изображены интерфейсы программ? А тем, что, как правило, в таких изображениях используется достаточно ограниченный набор цветов, встречаются большие области сплошного цвета и имеется очень много мелких деталей. Все это прекрасно подходит для формата GIF, а вот использование JPEG только испортит картинку, и при этом мы почти не выиграем в размере. Поэтому наиболее предпочтительным форматом для использования в электронных документах является GIF. Часто скриншот перед применением требует предварительной обработки, а именно изменения размеров. Причем для web-странички скриншот приходится уменьшать, а для полиграфии, соответственно, увеличивать. При увеличении размера скриншота выбирайте линейный способ масштабирования ("nearest neighbor" - ближайший сосед). И используйте только кратный масштаб увеличения - в 2, 3, 4 раза. При этом вы получите четкие границы, а не размытые, как при квадратичном или кубическом масштабировании. С последующим корректным уменьшением размера скриншота справится любая программа для верстки - ведь увеличивать изображение имеет смысл только для печати, не правда ли? А вот при уменьшении скриншота действуйте ровно наоборот - используйте кубическую (предпочтительнее) или квадратичную интерполяцию. Это позволит избежать проблем исчезновения линий и зубчатости скриншотов. Ну и напоследок - несколько полезных советов, которые могут пригодиться при создании скриншотов: • Перед тем как делать скриншот можно попробовать изменить размеры окна программы и тем самым избежать ненужного масштабирования. • При захвате скриншота не всегда обязательно в качестве иллюстрации приводить весь экран. Часто достаточно лишь фрагмента, а потому - кадрируйте скриншот перед использованием. • Если вы описываете особенности интерфейса программы, то дополнительно к уменьшенному скриншоту, располагающемуся в тексте статье, создайте ссылку на его полный вариант в масштабе один к одному. • При сохранении в формате GIF оставляйте только минимально необходимое количество цветов из последовательного ряда: 2, 4, 8, 16 ,32, 64, 128, 256. Всегда выбирайте адаптивную палитру. Если в интерфейсе программы встречаются градиенты, то включите
случайную диффузию и увеличьте количество используемых цветов на 1-2 ступени. ИНТЕРЕСНОЕ И ПОЛЕЗНОЕ… Красивый сайт, Mr.Design! Сайт Виктора Вязьминова, а именно он скрывается под псевдонимом Mr. Design, пожалуй, один из полезнейших ресурсов Рунета, посвященных дизайну в самом высоком смысле этого слова. Рекомендуется к обязательному посещению всеми начинающими дизайнерами. Еженедельные заметки и постоянные рубрики со статьями, полезные типсы (именно так озаглавлен раздел на сайте) для PhotoShop-а, галереи работ Питера Брейгеля, Майкла Паркеса и Амадео Модильяни (с краткой информацией о художниках), а также большой раздел, посвященный цифровой живописи, или, точнее, - имитации живописи компьютерными средствами. Вот адрес этого замечательного сайта: http://www.mrdesign.krasline.ru/ Каждый из разделов сайта, без всякого преувеличения, заслуживает тщательного изучения. А знакомство с сайтом, пожалуй, стоит начать со статей, которых уже больше двадцати. Вот заголовки только некоторых из них: • Психология окружающей нас действительности • Стиль на веб-страничке • Модульные сетки в веб-дизайне • Средства работы с цветом • Соотношения • Физиологические основы восприятия • Композиционные схемы Статьи написаны хорошим языком и исходят из уст художника. Причем изначально не компьютерного, а самого что ни на есть настоящего - с красками, палитрой и холстом. И оттого подача материала строится на объяснении базовых принципов дизайна, богато иллюстрированных примерами. Этот подход, пожалуй, гораздо полезнее, чем книги в сотни страниц, описывающие, в какой последовательности нажимать клавиши. Энциклопедия интернет-рекламы Если Вы только начали заниматься раскруткой сайтов, то это именно то самое место, с которого следует начать http://book.promo.ru/ И что же в нем особенного? А все достаточно просто - умный человек и специалист своего дела - Тимофей Бокарев - написал хорошую книжку о рекламе в интернет. Сайт является серьезным учебником для всех, кто хочет разобраться в особенностях интернет-рекламы. Рассматривается очень широкий круг во-
просов - начиная со всем известной баннерной рекламы, регистрацией в поисковых системах и заканчивая планированием рекламной компании, анализом состава аудитории, раскруткой брендов в интернете. Методичный подход к рассказу о рекламе и легкий стиль изложения наверняка сделают ваше чтение приятным. Сайт достаточно большой по объему, так что Вам придется запастись не просто чашечкой кофе, а, пожалуй, целым кофейником с этим горячим напитком. Глядишь, через некоторое время вы и сами станете профессионалом в этом деле. ДОПОЛНИТЕЛЬНОЕ… Иконка для сайта! Имеется в виду иконка рядом с адресом странички в броузере. Возможность добавлять к сайту небольшую иконку с изображением логотипа или какой-нибудь другой картинки появилась в 5-ой версии Internet Exlporer. Эта иконка отображается в адресной строке и в списке избранного при добавлении ссылки. Иконка представляет собой графический файл в формате .ICO (это стандартный формат для иконок в Windows). Для того чтобы нарисовать и сохранить иконку в таком формате, необходим специальный редактор иконок, который входит, например, в состав всех сред программирования - тот же Visual Basic или Visual C. Также можно использовать специализированные редакторы иконок, например, Microangelo (можете скачать trial-версию программы вот по этому адресу: http://www.microangelo.us/ Иконка должна иметь размеры 16x16 пикселей и использовать не более 16 цветов, иначе Internet Explorer проигнорирует ее. Созданную иконку необходимо связать с сайтом. Это можно сделать двумя способами. Первый - поместить иконку в корневой каталог сайта под стандартным именем favicon.ico. Internet Explorer автоматически делает запрос на этот файл при обращении к сайту. Второй способ - сохранить иконку под тем именем, которое Вам нравится, и указать ее адрес в коде самой странички. Это делается в секции head HTML-кода, используя тег : Название сайта
Добавление ссылки в список избранного посетителя Для того чтобы иконка появлялась в списке избранного и в адресной строке, необходимо, чтобы пользователь добавил Ваш сайт в список избранного. Чтобы облегчить ему эту задачу, мы можем разместить на видном месте следующий JavaScript-код: Добавить сайт в Избранное Вы также можете добавить, на страничку JavaScript-код, позволяющий посетителю сделать Вашу страничку домашней, т.е. открываемой по умолчанию при запуске броузера: Сделать стартовой страницей Интерактивность! Что? И как? (+ практические вопросы применения готовых скриптов для нужд сайта) Первоначально была сеть, потом появилась электронная почта, и люди стали переписываться. Им захотелось рассказать о себе, поделиться информацией - появилась всемирная паутина (WWW). Но статические странички - это всего-навсего статические странички... и тогда появилась интерактивность! Сначала определимся с терминологией. Под интерактивными страничками будем понимать такие, в которых реализован интерфейс с какой-либо программой, выполняемой на стороне сервера. Форма на web-страничке принимает от пользователя некие данные, и броузер передает их web-серверу, который и запускает нужную программу. Программа после того, как отработала запрос, возвращает web-серверу результат, а уж он формирует на лету HTML-страничку и отсылает ее обратно броузеру. Итак, что же мы можем сделать, используя интерактивность? Самое известное, что приходит в голову - это счетчики, гостевые книги, формоотправители, он-лайн магазины, интерфейсы к базам данных. Практически, можно сделать все, что угодно. Все зависит только от умения программиста. Как это осуществляется технически? А вот как - на стороне сервера мы размещаем нужные программы, базы данных,... и конфигурируем web-сервер таким образом, чтобы он смог передавать запросы пользователей из сети обрабатывающей программе и получать от нее результат. Делается это посред-
ством протокола CGI - Common Gateway Interface (что по-русски звучит как "общий шлюзовый интерфейс"). CGI - это набор правил, по которым сервер передает запрос программе. Любая программа, написанная таким образом, чтобы удовлетворять этим требованиям, сможет использоваться на Webсервере. Язык программирования, на котором пишется программа, большого значения не имеет, и может быть использован любой. Для примера, остановимся на языке PERL.Текст языка на PERL принято называть скриптом (не путать с JavaScript - программа на PERL выполняется на стороне сервера, в то время как JavaScript - на стороне клиента). Язык является интерпретирующим, то есть анализирующим текст программы в процессе выполнения. Для работы PERL на web-сервере должен быть установлен и правильно сконфигурирован соответствующий интерпретатор. Таким образом, интерактивные странички можно разделить на две части. В форме нам нужно правильно описать все элементы интерфейса и указать путь к выполняемой программе. Как видите, все не так уж сложно. А что делать, если Вы не программист, а Вам нужна несложная программа? В этом случае можно воспользоваться архивом готовых скриптов, большинство из которых бесплатны. Все типичные задачи давно уже решены и отлажены. Это гостевые книги, счетчики, листы рассылок и т.п. Нужно просто найти нужную и внимательно прочитать описание к ней. После этого остается только правильно разместить элементы в форме и указать специфические параметры для данного скрипта. Более сложные программы уже приходится писать программистам, имеющим достаточный опыт для этого. Отправка формы по почте Давайте разберем типичный пример - отправку формы по почте. Для этого мы воспользуемся готовой программой из архива Matt Wright (http://www.scriptarchive.com/ ), предназначенной для отсылки содержимого формы по почте - FormMail (http://www.scriptarchive.com/formmail.html). Этот скрипт нужно сконфигурировать и разместить на web-сервере в специальном каталоге, где располагаются CGI-программы. Обычно он называется cgi-bin (для уверенности проконсультируйтесь с вашим провайдером - предоставляет ли он услуги по размещению CGI-скриптов и как называется каталог для размещения скриптов). А на страничке - описать форму. Таким образом, нам нужно подготовить два файла: создать HTML-форму и сконфигурировать Perl-скрипт под наши нужды. Создание формы Начнем, пожалуй, с формы. Описание формы будет заключаться между тегами и и содержать внутри себя элементы формы. Мы сделаем самый минималистский вариант формоотправителя, который будет
содержать следующие поля: имя, электронный адрес, текст сообщения. HTML-код нашей странички выглядит следующим образом: Форма для отправки по почте Ваше Имя:
E-mail:
Сообщение:
Немного разъяснений по вышеприведенному коду. Обратите внимание на параметр action в теге - он определяет адрес нашего скрипта (.pl стандартное расширение для программ, написанных на PERL). Первые элементы в форме - это специальные скрытые поля для передачи информации скрипту: поле recipient определяет e-mail, на который мы хотим отослать содержимое формы, а поле subject - строку, которая будет появляться как "тема письма". Далее идет уже описание непосредственно полей формы. Их может быть сколько угодно, но каждое из них должно иметь имя (параметр name в теге ), т.к. результатом работы скрипта будет письмо, в котором каждая строка состоит из пары значений: имени поля и его содержимого. И заканчивается форма двумя кнопками, служащими для отправки сообщения (submit) и очистки формы до начального состояния (reset). Конфигурирование скрипта Теперь сконфигурируем скрипт. Опуская несущественные для нас детали, листинг нашего скрипта можно представить так: #!/usr/bin/perl $mailprog = '/usr/lib/sendmail'; @referers = ('www.cherry-design.spb.ru','195.5.155.48');
# Здесь располагается код скрипта. В данном случае вся конфигурация сведется к установке IP-адреса компьютера, на котором расположен web-сервер, и конфигурированию путей для программ perl и sendmail. Первая программа - непосредственно интерпретатор языка PERL, а вторая - это программа, к которой обращается скрипт, и которая осуществляет посылку сообщения по почте. Адрес расположения PERL-интерпретатора всегда задается первой строкой в скрипте, и в данном случае программа доступна по адресу /usr/bin/perl. Расположение программы sendmail задается второй строчкой в нашем листинге. И, наконец, третья строчка задает имя и IP-адрес web-сервера (для примера я указал параметры моего сайта). Вот, практически, и все. Наш скрипт осталось только переписать в каталог. Но тут есть одна тонкость - дело в том, что скрипт будет располагаться на UNIX-машине, а текст в UNIX-формате имеет одно отличие от Windows: конец строки в UNIX обозначается символом возврата каретки , а в Windows - парой символов: перевод строки и возврат каретки . Если переписать такой файл по FTP в режиме BINARY, то скрипт работать не будет!!! При копировании скрипта на web-сервер нужно установить режим ASCII, который автоматически преобразует концы строк к UNIX-формату. У скрипта FormMail есть много дополнительных и очень удобных возможностей. Например - переадресация странички с подтверждением отправки сообщения или проверка правильности заполнения полей. Если Вас это заинтересует, то сходите на страничку Мэтта (http://www.scriptarchive.com/), и там Вы найдете не только описание FormMail, но и много других полезных скриптов. Список рекомендуемых книг Хорошая книжка может сильно сократить время на освоение различных программ и технологий. Книги по web-дизайну •Кирсанов. Д. Веб-дизайн: книга Дмитрия Кирсанова СПб: СимволПлюс, 1999, ISBN 5-93286-003-0 •Нильсен Я. Веб-дизайн: книга Якоба Нильсена. - Пер. с англ. - СПб: Символ-Плюс, 2000, ISBN 5-93286-004-9 •Круг. С. Веб-дизайн: книга Стива Круга или "не заставляйте меня думать!" - Пер. с англ. - СПб: Символ-Плюс, 2001, ISBN 5-93286-021-9 Справочные руководства •Хоумер. А., Улмен К. Dynamic HTML: справочник - СПб: Питер, 2000, ISBN 5-314-00189-6
•Федоров А.Г. JavaScript для всех. - М.: Компьютер-Пресс, 1998, ISBN 5-89959-043-2 •Ахметов К.С., Федоров А.Г. "Microsoft Internet Explorer 4.0 для всех". - М.: Компьютер-Пресс, 1997, ISBN 5-89959-038-6 •Кастаньетто Дж., Рават Х., Шуман С., Сколло К., Велиаф Д. Профессиональное PHP-программирование. Пер. с англ. - Спб.: Символ-Плюс, 2001, ISBN 5-93286-017-0 •Яргер Р., Риз Дж., Кинг Т. MySQL и mSQL. Базы данных для небольших предприятий и Интернета. Пер. с англ. - Спб.: Символ-Плюс, 2000, ISBN 5-93286-010-3 Руководства по программам •Стразницкас Мэтт, Эффективная работа с Photoshop 5: Графика для Web - СПб.: Питер Ком, 2000, ISBN 5-272-00064-1 •Маргулис Дэн, Photoshop 6 для профессионалов: классическое руководство по цветокоррекции - М.: 000 "РТВ-Медиа", 2001, ISBN 5-94701001-1 Список рекомендуемых для изучения сайтов Сайты, посвященные web-дизайну http://www.mrdesign.krasline.ru/ - MrDeSign. Статьи по дизайну как таковому. Подробное объяснение основ композиции, работы с цветом, применения шрифтов и многое другое. Большое количество полезных советов и ссылок. http://www.design.ru/kovodstvo/ - Ководство Артемия Лебедева. В меру регулярные заметки о web-дизайне. А также дизайн-порки в назидание другим. Ресурс рекомендуется для просмотра всем начинающим webдизайнерам. http://netdesigner.ru/ - Дизайн и графика. Достаточно обширный сайт, включает в себя: обзоры популярных графических программ, статьи по теории дизайна, описание трюков в PhotoShop, Macromedia Flash, DreamWeaver, 3DStudioMax, а также галерею компьютерной графики и полезные ссылки. http://pro.net.ru/ - Записки web-мастера. Про то, как создать свой собственный сайт в Интернет. Здесь нет технических руководств и советов - только заметки практика о тех аспектах дела, о которых вы вряд ли прочитаете в книге типа "Интернет для чайников". http://typo.novikov.com/ - (TM) типомания Проект Сергея Новикова, посвященный вопросам шрифта и типографики. Задача сайта - собрать и систематизировать знания, дать интересующемуся читателю энциклопедический информационный ресурс по шрифтам.
Технические он-лайн библиотеки http://www.citforum.ru/ - Сервер Информационных Технологий. Море (!) аналитической информации. Если Вам нужно найти какую-нибудь спецификацию, описание интернет-технологий или языка программирования, то, пожалуй, это именно то место, с которого следует начать. http://www.rusdoc.ru/ - библиотека "Русские документы". Точнее сказать, это не совсем библиотека, а скорее линк-гейт, т.е. сайт, содержащий анонсы новых статей и ссылки на оригинальные сайты, эти статьи содержащие. На сайте "Русских документов" существует множество категорий, которые позволяют легко найти статью по интересующему вопросу: Ресурсы, посвященные раскрутке сайтов http://book.promo.ru/ - Энциклопедия Internet-рекламы Энциклопедия Internet-рекламы под редакцией Тимофея Бокарева. Очень полезный сайт, есть почти вся информация, которая может понадобиться для раскрутки сайта. В том числе - особенности баннерной рекламы, список поисковых систем и как эффективно в них регистрироваться. Статьи и ссылки по интернет-маркетингу.
