Педагогические науки/ 3. Методические основы воспитательного процесса

К.п.н., Иванова И.В., Летвинко П.С.

Костанайский государственный университет им.А.Байтурсынова

ПРЕДСТАВЛЕНИЕ ТЕКСТА НА WEB-СТРАНИЦАХ

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

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

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

Пропорциональный шрифт – иначе «шрифт переменной ширины» для каждого символа выделяет разное количество места в зависимости от его начертания. Например, в пропорциональном шрифте заглавная «W» занимает больше места в строке по горизонтали, чем прописная «I». Такие гаринитуры, как: Times, Helvetica и Arial являются примерами пропорциональных шрифтов.
Web-браузеры для большинства текстов на Web-странице, включая основной текст, заголовки, списки, цитаты и т. д., используют пропорциональные шрифты. Как правило, большие отрывки основного текста удобнее читать, когда они напечатаны пропорциональными шрифтами. Поскольку большинство пользователей не имеют времени заменить шрифты, установленные по умолчанию, с большой вероятностью можно предположить, что текст на вашей странице будет отображен шрифтом Times размером 10 или 12 пунктов (по умолчанию в Netscape) или Helvetica (по умолчанию в Microsoft Internet Explorer). Но это всего лишь общее правило.

Шрифт с фиксированной шириной предоставляет одинаковое место для всех символов шрифта. Заглавная «W» занимает не больше места, чем прописная «I». Примерами шрифтов фиксированной ширины являются гарнитуры Courier и Monaco. В Web-браузерах шрифты фиксированной ширины используются для отображения любого текста внутри следующих HTML-тегов: <рге>, , , ,, <хтр>.

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

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

Можно выделить три гарнитуры шрифта, которые являются стандартными для представления текста на Web-страницах:

- Times New Roman – классический шрифт с засечками. Данный шрифт используется для представления на бумажных носителях больших объемов текста.

- Arial – шрифт без засечек (гуманистическая гарнитура). Данный шрифт чаще всего используется в заголовках.

- Verdana – современный шрифт, разработанный специально для отображения на мониторе компьютера.

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

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

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

Гиперссылки принято обозначать подчеркиванием. Однако в последнее время возникает тенденция использовать подчеркивание под гиперссылкой лишь при наведении на нее указателя мыши, в этом случае следует выделять гиперссылку другим по отношению к остальному тексту цвету. Выделять гиперссылки цветом желательно даже в тех случаях, когда используется подчеркивание. По материалам исследований Якоба Нильсена, пользователи быстрее определяют зрительно гиперссылки, выделенные синим цветом. Необязательно это будет используемый по умолчанию цвет #0000ff, который и породил этот стереотип – текст любого цвета в синих тонах имеет больше шанса быть идентифицированным как гиперссылка. Также широко используется выделение гиперссылок жирным начертанием для еще более сильного выделения их из текста.

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