Проблемы школьного сайта

Брыксина И.В.

В настоящее время информационно-коммуникационные технологии стали неотъемлемой частью  нашей жизни. Термины "КОМПЬТЕР" и "ИНТЕРНЕТ" знают почти все. Электронные средства связи предоставили огромные возможности для общения людей и поиска необходимой информации.

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

Творчество учащихся, их увлечения тоже могут найти свое место на школьном сайте.

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

Не всегда работа над созданием сайта протекает легко.

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

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

Базовые знания: Windows, работа в текстовом редакторе Microsoft Word, умение пользоваться основными инструментами программы Microsoft Word.

Итак, для создания сайта необходимо подготовить специальное программное обеспечение:

Веб-редакторы:

MS FrontPage (входит в пакет Microsoft Office, удобен для создания простых сайтов)

Macromedia Dreamweaver (профессиональный редактор)

Графические редакторы

Adobe Photoshop (обработка и оптимизация растровых изображений: изменение размера, коррекция качества, создание элементов дизайна – кнопок, заголовков и т.д.)

Adobe ImageReady (создание анимации, интерактивной навигации, но самое главное – возможность оптимизации изображения как в целом, так и фрагментарно).

Macromedia Flash (создание анимации, с возможностью импорта звука и видео. На воспроизведение Flash-анимации требуется меньшее время (при более высоком качестве), чем на воспроизведение растровой GIF-анимации. Для вставки Flash-фильма в веб-страницу генерируется специальный html-код, а сам фильм оптимизируется).

Программы для просмотра графики

ACDSee Browser

IrfanView

Программы для переноса сайта на сервер (для публикации в Интернете)

Global SCAPE Cute FTP

Windows Commander

Для настройки последних трех программ требуется получить от хостинг-провайдера FTP Host Address, имя пользователя и пароль для доступа на FTP-сервер.

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

Представления о структуре и навигации сайта

Логическая структура сайта

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

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

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

Тематические разделы

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

Навигация

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

Содержание сайта и оформление

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

Контактная информация

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

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

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

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

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

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

Композиция

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

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

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

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

Шрифты

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

Графика

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

Список литературы

• Якушина Е.В. Изучаем Интернет. Создаем WEB-страничку. - СПб.: Питер-пресс, 2000. - 256 с.
• Якушина Е.В. Интернет для школьников и начинающих пользователей. Под редакцией к.п.н. А.А. Журина. (серия "От игры к делу"). - М.: Аквариум, 1997. - 256 стр.
• Якушина Е.В. Словарь по HTML
• Учебник по HTML http://savdv.narod.ru/uchebnik.htm
• Алленова Н. Учебник по html , css и формам. http://htmlbook.narod.ru/