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

Скачать 0.64 Mb.

Название	Методические рекомендации по созданию и развитию школьного сайта
страница	5/6
Тип	Методические рекомендации

rykovodstvo.ru > Руководство эксплуатация > Методические рекомендации

1 2 3 4 5 6

3. Размещение сайта в Сети.

Создание веб-сайта обычно происходит на локальном компьютере (исключая

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

Размещенный в Интернете сайт должен иметь электронный адрес – домен. Домены могут быть разных уровней, но обычно ведут разговор о доменах первого, второго и третьего уровней. Чем меньше уровень домена, тем короче его название. Например, домен третьего уровня выглядит следующим образом: http://uimcvolsk.ucoz.ru. Эта запись обозначает, что сайт (uimcvolsk) размещен на сервере (ucoz), находящемся в русском сегменте Сети (ru). Поисковые машины сначала выйдут на домен первого уровня – ru, потом– на второй уровень – сервер ucoz, и только уже потом на сайт uimcvolsk.

Интеграция сайта в веб-среду происходит быстрее и активнее при наличии домена второго уровня. Домен второго уровня представляет собой следующую запись: «http://uimcvolsk.ru». В данном случае ru является доменом первого уровня с обозначением русского сегмента Сети.

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

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

4. Как рассказать всем о своем сайте?

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

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

         Если сайт создан недавно, наиболее важным посетителям стоит объявить адрес лично.

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

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

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



5. Условия существования успешного сайта.

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

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

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

- ориентироваться на сайте, находить нужную информацию;

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

Поэтому вопрос оформления первой страницы сайта очень важен.

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

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

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

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

Еще один момент связан с количеством знаков в строке. Это также вопрос психологии восприятия. Строка книжного текста, как правило, состоит из 200-250 знаков. Но для чтения с монитора такая ширина строки неудобна: здесь предпочтительно не более 60 символов (c пробелами), т.е. текст как бы растягивается сверху вниз, потому что глаз в процессе чтения утомляется больше при движении по горизонтали, чем при движении по вертикали.

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

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

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

заголовок;
подзаголовок;
пункт в списке;
выделенное курсивом или полужирным шрифтом.

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

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

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

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

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

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

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

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

При выборе цветовой гаммы важно:

Использовать в идеале не больше трех различных цветов. Если их количество больше, возникает проблема сочетания, решить которую порой бывает очень сложно.
Выбирать только сочетаемые цвета. Можно ориентироваться на природные решения, а можно использовать специальные сервисы для подборки цветов. Примите во внимание, что близкие по тону цвета лучше вместе не использовать. Аналогично можно сказать и об очень отдаленных цветах. При выборе цветовой гаммы можно воспользоваться, например, сервисом colorschemer.com Однако, пожалуй, лучшим сервисом в настоящий момент является https://kuler.adobe.com/create/color-wheel/

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

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

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

Предлагаю посмотреть на изображение, оно демонстрирует сочетание цветов фона и шрифта:

Рассмотрим подробнее сочетание фона и шрифта:

1 2 3 4 5 6

	Методические рекомендации по созданию и развитию Студенческих Трудовых отрядов Роль и место студенческих трудовых отрядов в социально-профессиональном самоопределении молодежи		Методические рекомендации по созданию школьных электронных библиотек... По некоторым прогнозам уже к 2020 году будут оцифрованы все накопленные в мире библиотечные, архивные, музейные фонды
	Инструкция по созданию выпадающего меню Рассмотрим процесс создания подменю сайта на примере добавления подпункта «Помощь учителю в создании сайта в системе Ucoz» в пункт...		Методические рекомендации по созданию учебно-материальной базы образовательного... Методические рекомендации разработаны в целях выполнения в образовательных учреждениях требований федеральных законов
	Методические рекомендации по созданию в районах размещения потенциально... Все документы, представленные в каталоге, не являются их официальным изданием и предназначены исключительно для ознакомительных целей....		Методические рекомендации по разработке заданий для школьного и муниципального... Подготовка методической базы школьного и муниципального этапов Олимпиады школьников по обж
	Методические рекомендации по созданию в районах размещения потенциально... В "Методических рекомендациях по созданию в районах размещения потенциально опасных объектов локальных систем оповещения" (далее...		Методические рекомендации по созданию в районах размещения потенциально... В "Методических рекомендациях по созданию в районах размещения потенциально опасных объектов локальных систем оповещения" (далее...
	Методические рекомендации по проведению 1 (школьного) этапа всероссийской... Школьный этап олимпиады проводится организатором данного этапа олимпиады с 1 октября по 15 ноября. Конкретные даты проведения школьного...		Методические рекомендации подготовки и проведения школьного этапа... Школьный этап Олимпиады проводится организатором данного этапа в октябре. Конкретные даты проведения школьного этапа Олимпиады устанавливаются...
	1 Функционирование школьного сайта регламентируется Конвенцией о... Российской Федерации от 28 июля 2012 г. N 139-фз "О внесении изменений в Федеральный закон "О защите детей от информации, причиняющей...		Методические рекомендации к практическому занятию для студентов по... Содержание работы врача дошкольно-школьного отделения детской поликлиники
	Методические рекомендации по созданию трехмерного изображения рабочего места программиста 33 Государственное бюджетное образовательное учреждение среднего профессионального образования		Методические рекомендации по созданию системы опытно-экспериментальных... Внесен управлением научно-технических исследований и информационного обеспечения
	Выводы Глава II. Опытно- экспериментальная работа по развитию певческой... ...		Методические рекомендации по выполнению мероприятий по обеззараживанию... I. Выполнение мероприятий по созданию, оснащению и действиям личного состава санитарно-обмывочного пункта

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

Похожие: