Российская академия образования
Институт информатизации образования
Л.П. Мартиросян, Р.М. Лемех
Москва
2010
Мартиросян Л.П., Лемех Р.М. Методические рекомендации для специалиста в области организации дистанционного обучения по разработке Web-сайта. - 2-е изд. – М.: ИИО РАО, 2010.
В работе представлены методические рекомендации для специалистов в области организации дистанционного обучения по разработке Web-сайта. Методические рекомендации могут быть использованы учителями информатики, а также специалистами, занимающимися вопросами разработки Web – приложений.
© Л.П. Мартиросян, Р.М. Лемех, 2010.
© ИИО РАО, 2010.
В работе представлены основные правила и этапы создания сайта. Рассмотрены правила Web-дизайна, и представлены рекомендации по выбору браузера и платформ. Также рассматриваются вопросы выбора структуры Web-страницы.
Методические рекомендации по разработке Web-сайта предназначены для специалистов в области организации дистанционного обучения. Также могут быть использованы учителями, преподавателями, научными сотрудниками и специалистами, чья сфера деятельности связана с информатизацией образования и в частности с организацией дистанционного обучения.
World Wide Web содержит миллионы сайтов, на которых размещена всевозможная информация, доступ к которой осуществляется посредством использования технологии Internet. Для навигации в WWW используются специальные программы – Web-браузеры, информация в котором отображается в виде Web-страниц, являющихся основным элементом байтов WWW. Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в Сети. Пользователю приятно посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера.
В связи с этим, важными являются вопросы по разработке Web-сайта.
Рассмотрим рекомендации по разработке и внедрению Web-сайта.
Специалист в области организации ДО должен разбираться в том, что необходимо знать и уметь для создания Web-страницы, какое программное обеспечение является инструментарием создания Web-страниц и как его эффективно использовать.
Рассмотрим основные правила и этапы создания сайта.
Прежде чем разрабатывать сайт, специалисту в области организации ДО необходимо выяснить, каким платформам, браузерам, техническим новинкам отдается предпочтение, какие скорости соединения используют потенциальные пользователи. Если переделывается сайт, предварительно анализируются регистрационные записи на сервере, хранящие информацию об использовании сайта.
На начальном этапе создания сайта можно придерживаться следующих правил: если разрабатывается сайт научного или академического содержания, особое внимание следует обратить на то, как сайт работает с базами данных; если сайт предназначен для обучающих игр – внимание обращается на скорость загрузки и внешний вид сайта; если это сайт несет контролирующие функции, например контроль за выполнением on-line заданий, вы можете показать все возможности сайта, включая звуковые эффекты (свистки, звонки, анимацию и т.д.).
Рассмотрим правила Web-дизайна. Специалист в области организации ДО должен знать, что при создании сайта важным является выбор стиля. Стиль – это система визуальных элементов, призванная обеспечить цельность восприятия данной странички или всего сайта. Исходя из задач и предлагаемого контента (текстового материала, готовых иллюстраций, рисунков и т.д.), выбираются шрифты, цвет фона, способ обработки картинок, коллажей, иконок и пр. элементов. По ходу создания и развития сайта необходимо придерживаться выбранной манеры исполнения элементов. Стиль призван обеспечить хотя бы минимальную уникальность сайта. Используя распространенный набор цветов, шрифтов, стандартные приемы оформления, нужно привнести что-то особенное, что позволит сделать сайт или страничку узнаваемыми и отличными от других. Основными элементами стиля сайта являются: логотип; модульность; шрифты; цвета; иллюстративный ряд (приемы обработки изображений).
Рассмотрим типы дизайнов сайта или странички.
«Текстовый» дизайн определяется содержанием сайта и концепцией автора сайта. «Текстовый» не означает простой или примитивный. На первом уровне это означает почти полное отсутствие изображений как таковых, что значительно ускоряет загрузку страницы. А навигационные и декоративные элементы выполняются теми же «символьными» приемами. Нужно сказать, что HTML значительно расширил возможности при разверстке страниц этого типа, и теперь при помощи кода можно делать и тени, и даже изображения. При таких разверстках следует хорошо знать классические верстальные приемы, особенности используемых шрифтов.
«Полиграфический» дизайн – вариант, когда Web-страничка изо всех своих сил стремится имитировать печатное издание (особенно буклетные типы). Такой дизайн распространен на корпоративных сайтах, сайтах с рекламным уклоном, где особо необходимо образно-эмоциональное наполнение основного содержания и используются классические дизайнерские приемы. Как правило, основное впечатление пользователь получает за счет пиксельной графики.
«Интерфейсный» дизайн призван максимально облегчить жизнь пользователю во всех ее проявлениях, от загрузки странички (минимизирование кода и предельная оптимизация изображений) до тщательного исполнения каждого элемента. Этот тип дизайна делает досконально продуманной навигацию, изначальную понятность пользования общей схемой сайта.
«Динамический» дизайн представляет в примитивном варианте бегающие по экрану, или просто шевелящиеся изображения. В хорошо продуманном сценарии это может быть целое произведение искусства, последовательно разворачивающее перед зрителем мысль автора или какой-то художественный образ.
«Смешанный» дизайн – это комбинация всех вышеперечисленных типов дизайна.
Одним из основных элементов стиля сайта является цвет. Специалист в области организации ДО должен принимать во внимание, что цвет это эмоции и настроение, он может взбодрить пользователя и наоборот, навеять тоскливое настроение. Поэтому светло-серый цвет лучше назвать «серебряным», темно-серый с оттенками – «мокрый асфальт», грязно-белый – «белая ночь» и т.д. Активно используются и названия напитков («кофейный», «шоколадный», «молочный» и т.д.), фруктов («оливковый», «вишневый», «персиковый» и т.д.). «Престижными», передающими солидность, уверенность, стабильность и высокую стоимость называются следующие цвета: золото, серебро, темно-серый, черный. «Пастельные» (светло бежевые, розовые, голубоватые и т.д.) цвета являются женственными, мягкими и расслабляющими. «Здоровые», из американской психологии, цвета внушают уверенность, устойчивость и семейное благополучие. «Природными» цветами называются цвета, близкие к естественным органическим, природным компонентам. Как вариант цвета используются тональные оттенки одного цвета, где акцентируется более активный цвет («Растяжки»).
Многие Web-дизайнеры сходятся во мнении, что одна из главных проблем Web-дизайна – многообразие браузеров и платформ, каждая из которых по-разному поддерживает HTML и сценарии. Специалист в области организации ДО должен разбираться в вопросах выбора браузера и платформ.
В настоящее время на рынке доминируют два основных типа браузера: Netscape Navigator и Microsoft Internet Explorer. Вместе они, включая все их версии, представляют примерно 90 % (или более) используемых сегодня браузеров. Они конкурируют между собой за господство на рынке. Результатом их борьбы стала коллекция фирменных HTML-тегов, а также несовместимые реализации различных технологий. С другой стороны, конкуренция между Netscape и Microsoft в целом способствовала более быстрому развитию среды Web. Следует отметить, что большинство Web-авторов в своей работе ориентируются на Navigator и Internet Explorer, несмотря на то, что существует ряд других браузеров.
В версии Internet Explorer 4.0 для компьютеров Macintosh отсутствует значительная часть функциональных возможностей версии, созданной для Windows, поэтому использование ряда особых возможностей версии 4.0 может исключить из игры некоторых пользователей. Некоторые документированные различия включают: отсутствие поддержки встраиваемых шрифтов; отсутствие поддержки фильтров CSS и переходов (визуальных эффектов, таких как тени, отбрасываемые объектом, которые используются для элементов текста); отсутствие элементов управления мультимедиа (эффекты переходов и анимации, обычно создаваемые авторскими мультимедийными программными средствами); проблемы с реализацией DHTML. Несмотря на заявления Microsoft, что DHTML поддерживается всеми платформами, он особенно ненадежен на компьютерах платформы Масintosh.
Пользователи America Online (AOL) используют один из семи возможных браузеров (в зависимости от платформы и версии программного обеспечения AOL), некоторые из них обеспечивают только самую минимальную поддержку HTML. Последняя версия America Online для PC использует адаптированную версию браузера Microsoft Interne Explorer 3.0. Тем не менее, не всегда можно полностью положиться на эту версию так же, как на стандартный вариант MS Internet Explorer 3.0. С сайтом, великолепно работавшим в большинстве основных браузеров, после запуска в системе AOL возникали проблемы с отображением на одном из их браузеров в связи с тем, что AOL полагается на прокси-серверы и методы сжатия изображений. Известно, что используемый AOL метод сжатия изображения имеет проблемы с отображением JPEG-графики, проявляющиеся в появлении пятен и цветных полос. Были отмечены проблемы и при выводе фоновых изображений. Кроме того, некоторые технологии, такие как Java и Cascading Style Sheets (каскадные таблицы стилей), не доступны для пользователей Windows 3.0 (примерно 40 % пользователей AOL). Владельцы компьютеров Macintosh не смогут использовать JavaScript и ряд других возможностей (примерно 8 % пользователей). Создан специальный сайт в помощь тем Web-дизайнерам, которые стремятся сделать свои страницы интересными и доступными для пользователей AOL. Например, таблица браузеров, специальный список для каждого из браузеров (по версиям и платформам), перечень технологий и поддерживаемых функций, а также процент сбоев для каждого из браузеров.