Практические рекомендации по созданию школьного веб-сайта

Wеb-дизайн Сайты разрабатывают для ознакомления, а затем повторного посещения большого количество пользователей. Эффективным средством обеспечения привлекательности сайтов и привлечения пользователей является графический дизайн. Чем выше качество дизайна, тем больше времени проводят пользователи за просмотром сайта, ознакамливаются с большим количеством его страниц и с большей вероятностью могут повторно обратиться к данному сайту.

Качественный Wеb-дизайн обеспечивает профессиональная разработка. Профессиональными являются сайты крупных организаций, таких, как компания Cisco Systems, музей Эрмитаж, Государственный Инженерный Университет Армении (www.cisco.com, www.hermitage.ru, www.seua.am).

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

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

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

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

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

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

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

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

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

Для Web-дизайна характерно активное использование пустого пространства. Изолированный элемент, в окрестностях которого отсутствуют другие элементы, активен в большей степени, чем другие. Элементы больших размеров, а также обладающие выраженной асимметрией (как вытянутые прямоугольники), активны в большей степени и привлекает большее внимание. Ярко окрашенный элемент на блеклом фоне также является активным и фокусирует внимание зрителя.

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

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

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

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

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

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

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

Приведем некоторые рекомендации по оформлению и размещению текстовых блоков:

ѕ активность и эффективность текстового блока в начале страницы намного выше, чем в конце;

ѕ пустые поля в обрамлении текстового блока необходимы для комфортного чтения и обеспечивают большее внимание;

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

ѕ текст воспринимается хорошо, когда он четок и контрастен;

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

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

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

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

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

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

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

Оформление гиперссылок Гиперссылки на страницах сайтов ориентируют пользователя, обеспечивают его перемещение в сайте или пространстве Web и отвечают на вопросы пользователя «Куда и зачем переходить?».

Гиперссылки принято организовывать в отдельные блоки, чаще всего вытянутые в одном измерении — по горизонтали или вертикали, выделяемые различного рода прямоугольными рамками и, чаще всего располагаемые по краям страницы — на их верхних, нижних и левых границах (размещение на правых границах практикуется редко).

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

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

Виды хостинга Рассмотрим подробнее, как можно разместить свой сайт в Интернете, и связанные с этим понятия.

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

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

Как известно, в Интернете существует три основных вида хостинга:

ѕ платный хостинг, который продается за деньги;

ѕ бесплатный хостниг;

ѕ бонусный хостинг, который предоставляется бесплатно, т. е. в качестве бонуса (поощрения) в случае покупки контрактного dial-up доступа в Интернет.

К примеру, можно купить карточку для доступа в Интернет, на которой четко и ясно написано, что ее владелец может бесплатно получить на сервере провайдера почтовый ящик размером 10 МБ и место под веб-сайт, также объемом 10 МБ. Тем не менее, последний вид хостинга является наименее распространенным, так как понятно, что смена провайдера Dial-Up доступа автоматически означает потерю сайта. Поэтому мало кто рискует сайты на таких хостингах заводить.

На самом деле, веб-хостинг, это не только «место на диске», но еще и:

ѕ трафик, который стоит денег;

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

ѕ оплата труда высококвалифицированных специалистов, системных администраторов, присматривающих за работой серверов и п/о, налаживающего их, а при необходимости — самостоятельно разрабатывающих п/о;

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

ѕ прибыль фирмы (ради которой, собственно, все и затевалось).

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

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

Рассмотрим, чем отличается платный хостинг от бесплатного.

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

ѕ Отсутствие баннеров на страницах размещенного сайта и в почтовом ящике.

ѕ Присутствие полноценного FTP — доступа.

ѕ Наличие веб-интерфейса FTP, который можно использовать с любого компьютера, подключенного к Интернету.

ѕ Круглосуточная техническая поддержка.

ѕ Наличие возможности установки программных скриптов (php, perl и др.).

ѕ Доступ к базам данных (например MySQL), что очень важно при использовании скриптов.

ѕ Предоставление быстрого счетчика и подробной статистики веб-сайта.

ѕ Льготный интернет-доступ к веб-сайту, в раз 5 дешевле, чем обычный интернет.

ѕ Веб-аналог почты, который можно использовать с любой точки Интернета.

ѕ Библиотека бесплатных скриптов (программ, в результате которых.

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

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

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

Среди бесплатных хостинг-серверов очень распространен сервер narod.ru.

Идеальный вариант для начинающих создателей сайтов. К более «продвинутым» хостингам для «продвинутых» пользователей относятся: agava.ru и h1.ru. Их можно отнести к лидерам российских бесплатных хостинг-провайдеров.

Рассмотрим на примере narod.ru, как разместить свой сайт в Интернете.

Если разместить свой сайт на Народе, то там можно получить:

ѕ имя сайта: ваше_имя.narod.ru;

ѕ почтовый ящик ваше_имя@narod.ru;

ѕ неограниченное пространство для сайта;

ѕ размер сайта — 100 Мб при регистрации;

ѕ возможность самостоятельно увеличить размер сайта по мере необходимости;

ѕ размер отдельных файлов — не более 5 Мб;

ѕ более 100 шаблонов для создания страниц с выбором вариантов дизайна;

ѕ возможность создавать страницы по собственному дизайну;

ѕ FTP-закачка файлов на сервер;

ѕ скрипты не поддерживаются, но имеются дополнительные сервисы: гостевая.

ѕ книга, персональный форум, персональный чат, сообщества, опросы и анкеты. А также: счетчик на странички; статистика посещений сайта; форма для поиска по сайту; индексация сайта поисковой системой Яндекс.

Бесплатный хостинг Народ предназначен, прежде всего, для размещения веб — страниц (html) и картинок. Файлам такого типа дается более высокий приоритет при обращении пользователей. При большом количестве запросов скачивание архивных файлов, mp3 и очень «тяжелых» изображений замедляется.

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

По завершении процесса регистрации пользователь получает логин и пароль для доступа к персонализированной части служб Яндекса. Он несет ответственность за безопасность своего логина и пароля, а также за все, что будет сделано на Яндексе под его логином и паролем. Самим процессом регистрации пользователь выказывает свое согласие соблюдать Пользовательское Соглашение (http://rules.yandex.ru/).

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

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

Для того, чтобы начать построение сайта на Народе, необходимо зарегистрироваться под именем (логином или аккаунтом), совпадающим с именем размещаемого сайта со страниц www.yandex.ru или www.narod.ru.

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

Народ — это один из проектов компании «Яндекс». На всех службах Яндекса действует система единой регистрации. Зарегистрировавшись один раз и получив единый логин (Яндекс-паспорт), пользователь получает возможность не набирать повторно свой логин и пароль при входе в разные службы Яндекса. Если пользователь был зарегистрирован на Яндексе, например в почте, то он уже имеет возможность работать с сайтом под именем «логин_на_Яндексе.narod.ru». Но если под таким именем пользователю сайт не нужен, то он может себе завести новый логин, совпадающий с именем размещаемого сайта. Количество аккаунтов (логинов) на Народе и Яндексе не ограничивается.

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

Российский общеобразовательный портал: общие сведения Российский общеобразовательный портал (http://www.school.edu.ru), созданный в 2002 г. под эгидой Министерства образования — часть системы Федеральных образовательных порталов и развивается как открытый пополняемый аннотированный каталог образовательных ресурсов, имеющихся в интернете или разработанных редакцией Портала.

Российский общеобразовательный портал — Лауреат Премии Правительства РФ в области образования за 2008 год.

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

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

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

Объекты коллекций содержат метаописания, соответствующие международным стандартам (LOM, DC и т. д.). Опубликовано 9 коллекций.

Конструктор образовательных сайтов портала Создание конструктора позволило расширить деятельность Портала по ведению сетевых образовательных проектов. Административные функции редакции портала включают ведение сайта http://edu.of.ru, регистрацию новых пользователей, создание директорий с разработанной структура сайта и поддержку консультации для администраторов сайта.

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

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

Коллекции.

Особая часть Портала — коллекции образовательных ресурсов.

Сценарии коллекций, поисковые карточки и карточки описания ресурсов коллекций созданы при участии экспертов.

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

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

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

Каталог портала Рубрикатор ресурсов Портала составлен в соответствии с требованиями Федерального образовательного Портала.

Дерево категорий разработано на базе принятых в России рубрикаторов и классификаций: ОКНПО, ГРНТИ, ОКСВНК, ОКСО, УДК с учетом программ вариативного образования, государственных стандартов и представляет имеющиеся в Интернете материалы по тематикам дошкольно-школьного и педагогического образования как для педагогов, так и для детей и родителей.

Консультации Сервис on-line консультаций очень востребован пользователями. Ежедневно приходит несколько десятков вопросов. Наиболее актуальная консультация — по праву в образовании (опубликовано более 10 000 ресурсов-ответов).