Создание и наполнение заданиями сайта для выполнения домашних заданий по элементарной математике с возможностью анализа успеваемости

Министерство образования Республики Беларусь

БЕЛОРУССКИЙ  ГОСУДАРСТВЕННЫЙ  УНИВЕРСИТЕТ

 

Факультет прикладной математики и информатики

 

Кафедра компьютерных технологий и систем

 

 

 

 

 

Горбачёв Денис Владимирович

 

СОЗДАНИЕ И НАПОЛНЕНИЕ ЗАДАНИЯМИ САЙТА ДЛЯ ВЫПОЛНЕНИЯ ДОМАШНИХ ЗАДАНИЙ ПО ЭЛЕМЕНТАРНОЙ МАТЕМАТИКЕ С ВОЗМОЖНОСТЬЮ АНАЛИЗА УСПЕВАЕМОСТИ

 

 Дипломная работа 

 

 

 

 

Руководитель практики

Барвенов Сергей Александрович

кандидат физико-математических наук

 

 

 

Допущен к защите

“___”  ___________ 2014 г.

Зав. кафедрой КТС

доктор физико-математических наук,

профессор В.Б. Таранчук

 

 

 

 

Минск  2014

 

Реферат

Дипломная работа, 39 с., 13 рис., 8 источников.

 

Ключевые слова: САЙТ, СТРУКРУРА, ИНТЕРФЕЙС,  ОТОБРАЖЕНИЕ ФОРМУЛ, БАЗА ДАННЫХ

 

Объект исследования – web и офисные программы.

 

Цель работы – создание и оптимизация профильного сайта.

 

Методы исследования –  структурно-функциональный

 

Результатами является готовый сайт с возможностью добавления заданий.

 

Область применения – образование

 

 

 

 

Рэферат

 

Дыпломная работа , 39 с. , 13 мал., 8 крыніц .

 

Ключавыя словы : САЙТ, СТРУКРУРА, ІНТЭРФЕЙС, АДЛЮСТРАВАННЯ ФОРМУЛАЙ,

 ФОРМУЛАЙ, БАЗА ДАДЗЕНЫХ

 

Аб'ект даследавання - web і офісныя праграмы.

 

Мэта працы - стварэнне і аптымізацыя профільнага сайта.

 

Метады даследавання - структурна-функцыянальны метады .

 

Вынікамі з'яўляюцца гатовы сайт з магчымасцю дадання заданняў.

 

Вобласць прымянення - адукацыя.

 

Summary

Graduation work , 39 p. , 13 im., 8 sources.

Keywords: SITE STRUKRURA INTERFACE, DISPLAY A FORMULA, DATABASE.

Object of research - web and office programs.

Purpose the creation and optimization of the profile of the site.

Research methods - structural-functional methods .

Results is a ready site with the possibility of adding jobs.

Scope - education.

 

СОДЕРЖАНИЕ

 

 

ВВЕДЕНИЕ

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

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

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

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

 

1 Дистанционное обучение

 

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

 

1. История дистанционного обучения

В Европе в конце XVIII века, с появлением регулярной и доступной почтовой связи, возникло «корреспондентское обучение». Учащиеся по почте получали учебные материалы, переписывались с педагогами и сдавали экзамены доверенному лицу или в виде научной работы. В России данный метод появился в конце XIX века.

Начало XX века характеризуется бурным технологическим ростом, наличием телеграфа и телефона. Но достоверных фактов об их использовании в обучении, нет. В то же время, продолжается эпоха «корреспондентского обучения», множество ВУЗов во всем мире вели и ведут его до сих пор.

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

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

Другие известные университеты с программами дистанционного обучения за рубежом: University of South Africa,1946. FernUniversität in Hagen(Германия, 1974). Национальный технологический университет (США, 1984)(программы ДО по инженерным специальностям), Открытый университет Хаген (Германия), INTEC-колледж Кейптауна (ЮАР), Испанский национальный университет дистанционного обучения, Открытая школа бизнеса Британского открытого университета, Австралийская территориальная информационная сеть.

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

В 1988 был реализован советско-американский проект «Школьная электронная почта».

Пионерами спутниковых технологий дистанционного обучения в 1990-х стали Международная ассоциация «Знание» и её коллективный член Современная гуманитарная академия.

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

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

 

2. Что следует понимать под дистанционным обучением?

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

Дистанционное обучение (ДО) — взаимодействие учителя и учащихся между собой на расстоянии, отражающее все присущие учебному процессу компоненты (цели, содержание, методы, организационные формы, средства обучения) и реализуемое специфичными средствами Интернет-технологий или другими средствами, предусматривающими интерактивность. [4]

Дистанционное обучение — это самостоятельная форма обучения, информационные технологии в дистанционном обучении являются ведущим средством.

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

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

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

Авторы статей выделяют ряд характеристик дистанционного обучения.

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

 

3. Преимущества дистанционного обучения.

Как отмечают авторы статей, бесспорными преимуществами дистанционного обучения являются:

1. более высокая эффективность профессиональной подготовки по сравнению с вечерней и заочными формами обучения при более низкой стоимости образовательных услуг;
2. сокращение сроков обучения;
3. возможности параллельного обучения (ДО и очное обучение);
4. независимость студента от географического расположения;
5. возможность проводить обучение большого количества человек;
6. возможность создать единую образовательную среду (особенно актуально для корпоративного обучения).

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

Дистанционное обучение занимает всё большую роль в модернизации образования. Согласно приказу 137 Министерства образования и науки РФ от 06.05.2005 «Об использовании дистанционных образовательных технологий», итоговый контроль при обучении с помощью ДОТ (дистанционных образовательных технологий) можно проводить как очно, так и дистанционно. Госдума РФ рассматривает проект поправок к закону об образовании, связанных с дистанционным обучением.

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

• Гибкость — студенты могут получать образование в подходящее им время и в удобном месте;
• Дальнодействие — обучающиеся не ограничены расстоянием и могут учиться в независимости от места проживания;
• Экономичность — значительно сокращаются расходы на дальние поездки к месту обучения.

 

4. Формы организации дистанционных занятий

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

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

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

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

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

В основе такой системы заложен метод обучения, который получил название «Природный процесс обучения» (англ. natural learning manner). Дистанционное обучение — это демократичная простая и свободная система обучения. Сейчас активно используется жителями Европы для получения дополнительного образования. Студент, постоянно выполняя практические задания, приобретает устойчивые автоматизированные навыки. Теоретические знания усваиваются без дополнительных усилий, органично вплетаясь в тренировочные упражнения. Формирование теоретических и практических навыков достигается в процессе систематического изучения материалов и прослушивания и повторения за диктором упражнений на аудио и видеоносителях.

Телеприсутствие. Существует много различных способов дистанционного обучения. Например, дистанционное присутствие с помощью робота R.Bot 100. Сейчас в Москве в одной из школ, идёт эксперимент по такому виду дистанционного обучения. Мальчик-инвалид, находясь дома за компьютером, слышит, видит, разговаривает при помощи робота. Учитель задаёт ему вопросы, он отвечает. При этом и учитель видит ученика, потому что на роботе находится монитор. При этом у мальчика создаётся почти полное впечатление, что он находится в классе вместе со своими сверстниками на уроке. На переменах он может также общаться со своими одноклассниками.

 

2 Создание сайта

Веб-сайт - это набор связанных гиперссылками веб-страниц (файлов, размеченных на языке HTML), объединенных общей тематикой, и доступных в Интернет по прикладному протоколу HTTP (HTTPS).

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

Визуальные редакторы HTML работают по принципу WYSIWYG (What You See Is What You Get — Что Вы видите, то и получаете). Для создания сайта в визуальном редакторе нет необходимости изучать язык разметки HTML. Технология создания сайта в визуальном редакторе аналогична технологии создания документа в редакторе Word.

Текстовые программы HTML. При создании сайта в текстовом редакторе HTML необходимо знать языки разметки или web программирования (HTML, PHP, XML, CSS, ASP и другие) с помощью которых будет создаваться сайт. Веб-страницы, созданные в текстовом редакторе, являются "легкими" (имеют небольшие размеры), так как содержат чистый программный код без дополнительных служебных слов, которые обычно формируются в визуальных редакторах HTML.

Мы же не будем использовать сторонних программ, а создавать все с нуля.

 

1. Выбор средств разработки

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

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

Технология таблиц каскадных стилей (CSS) – это набор правил оформления и формирования, которых может быть применен к различным элементам Web-страницы. В стандартном языке HTML для присвоения какому-либо элементу определенных свойств, – таких как цвет, размер и тому подобное – приходится каждый раз их заново описывать. Применяя технологию CSS, достаточно будет один раз описать свойства элементов и определить это описание как стиль.

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

При разработке сценариев интерактивного управления используем интерпретируемый языка программирования: JavaScript - язык разработки сценариев интерактивного управления для Web-страниц, разработанный фирмой Netscape на основе языка Java (Java - разработка фирмы Sun Microsystems). Поддерживается всеми современными браузерами.

PHP - язык программирования, специально  разработанный для написания web-приложений (скриптов, сценариев), исполняющихся  на Web-сервере. PHP способен генерировать и преобразовывать не только HTML документы, но и изображения разных форматов - JPEG, GIF, PNG, файлы PDF и FLASH. PHP способен формировать данные в любом текстовом формате, включая XHTML и XML. PHP поддерживает большое количество баз данных: MySQL, MSQL, Oracle, PostgreSQL, SQLite и др. 

Все вышеописанные средства в совокупности с DOM создают новый псевдоязык DHTML (динамический HTML). 

2. Разработка структуры сайта

Нет чёткого правила по глубине или ширине структуры сайта. Правило трёх кликов может помочь упростить структуру сайта.  Рассмотрим возможные способы реализации. 

2.2.1 Линейная структура сайта.

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

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

 

 

Рисунок 2.1- линейная структура сайта

 
2.2.2 Линейная структура сайта с альтернативами и вариантами.

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

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

Рисунок 2.2 - структура с альтернативами и вариантами

 
2.2.3 Линейная структура сайта с ответвлениями.

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

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

Рисунок 2.3 - структура с ответвлениями

 
2.2.4 Древовидная структура сайта.

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

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

Рисунок 2.4 - древовидная структура

 
2.2.5 Решетчатая структура.

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

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

Рисунок 2.5 - решетчатая структура

 

2.2.6 Разветвленная структура 

Это более сложная структура по сравнению с древовидной. И сравнить эту структуру можно с множеством “деревьев”, которые переплетаются между собой. Примером такой структуры могут быть информационно-развлекательные порталы (Mail.ru например).

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

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

Рисунок 2.6 - структура сайта self-study.u-gu.ru

3.   Разработка интерфейса сайта

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

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

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

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

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

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

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

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

Рассмотрим структуру отдельной страницы. (см схему ниже )

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