Задание 1. Подготовить инструкцию по
использованию в дистанционном
курсе соответствующих размеров шрифтов и гарнитуру, цветовую палитру,
маркированные списки и др. средства и приемы.
Настройка шрифта, или как наиболее употребляемый термин – форматирование шрифта, это спектр действий направленных на установление нужного вида (отображения) шрифта. Форматирование шрифта подразумевает как фрагментарную (блоки текста, слова, строки), так и посимвольную настройку шрифта.
Формат шрифта подразумевает под собой:
- Определение цвета шрифта;
- Шрифтовые спецэффекты;
Шрифт - это общий графический вид букв и символов, входящих в одну стилистическую и композиционную схему. Над созданием шрифтов работают специализирующиеся на этом графические дизайнеры. В последнее время основная работа проделывается при помощи различного программного обеспечения.
К основным характеристикам шрифтов относятся:
Гарнитура – объединение шрифтов одного рисунка, но различного размера и начертания. Каждой гарнитуре присваивается собственное имя (как правило, имя разработчика). В ранних версиях Word по умолчанию использовалась
гарнитураTime New Roman, но начиная с Word 2007, используется шрифт Calibri;
Кегль – высота буквы или символа в строке с просветом и под ним, который необходим для того, чтобы штрихи в смежных строках не сливались друг с другом. Обозначается в пунктах, 1 пункт равен 1 мм или 1/72 дюйма. Зачастую кегли имеют собственные названия, так шестимиллиметровый шрифт носит название «Нонпарель» и равен соответственно 6 пт (пунктов). Есть также восьмимиллиметровый «Петит» (8 пунктов), «
Корпус» – 10 пт, «Цицеро» - 12 пт, «Миттель» - 14 пт и т. д. Как можно судить из названий, имена шрифтов имеют отчетливые французские корни;
Начертание - графический вид шрифта в рамках одной гарнитуры. используются три начертания: прямое курсивное и полужирное. Последнее у нас традиционно принято называть «жирным шрифтом», хотя это и неправильно, но привычки вещь упрямая. Все три начертания можно комбинировать, например полужирный с курсивом или курсив с подчеркиванием, всего семь комбинаций;
Ширина шрифта – соотношение высоты и ширины знака шрифта. Здесь присутствует всего три их разновидности – широкое (ширина знака по размеру примерно соответствует ширине или больше ее), нормальное (ширина знака пропорционально равна его высоте) и узкое (ширина знака по размеру близка половине его высоты).
Подчеркивание шрифта – выделение текста при помощи горизонтальных линий. По умолчанию подчеркивается сплошной линией, но можно использовать и другие виды подчеркивания (двойная линия, штрихпунктирная, волнистая);
Кернинг шрифта – изменение величины межбуквенных просветов между некоторыми парами символов по горизонтали;
Цвет шрифта – цветовое отображение текста на экране монитора, а также при выводе на печать. Используемым по умолчанию значением цвета является «Авто».
Смещение символов – смещение букв или символов относительно базовой горизонтальной линии строки. Типичный пример – стихи «лесенкой», когда каждая следующая строка отступает относительно предыдущей на заданную величину;
Параметры анимации – нестандартное выделение текста при помощи специальных графических эффектов;
Индексация символов – перемещение букв вверх (надстрочный знак или верхний индекс) и вниз (подстрочный знак или нижний индекс) относительно горизонтальной линии шрифта. Чаще всего используется для обозначения степеней или валентности в химических формулах;
Регистр шрифта – изменение в тексте заглавных и строчных букв «вручную». Всего представлено пять видов регистра. По умолчанию используется регистр «Как в предложениях» (предложение начинается с прописных, далее все строчные). Остальные четыре вида регистра это:
«все строчные» (все буквы строчные, даже те с которых начинается предложение);
«все прописные» (все заглавные, используется для создания «шапок» документов);
«начинать с прописных» (каждое слово начинается с заглавной буквы, используется в некоторых видах стихов, сказках, былинах);
«изменить регистр» (все слова начинаются со строчных);
С точки зрения «удобочитаемости», наиболее приемлемыми являются серифные шрифты, например Time New Roman. Наиболее это ощутимо при чтении документов, содержащих большие массивы текста. Поэтому, все книги для детей и учащихся младших классов написаны исключительно с использованием шрифтов содержащих серифы.
Примечание. Серифы (или засечки) - это графически выделенные верхние и нижние границы шрифтов, которые могут иметь различный вид (горизонтальная линия, штрих, треугольник);
В Word 2010 по умолчанию используется
гарнитура Calibri, не имеющая засечек.
Чтобы изменить шрифт, сделайте следующее:
В открывшемся окне «Шрифт» вкладки «Шрифт» в графе «Шрифт» наберите название нужной гарнитуры, либо выберите ее из списка (название шрифтов отсортированы по алфавиту для удобства их поиска);
Выделите нужный блок текста и наведите курсор мыши на созданное выделение;
В автоматически всплывающей панели в графе «Шрифт» введите название гарнитуры или выберите ее из списка.
Откройте вкладку «Главная»;
В группе «Шрифт» в графе выбора гарнитуры введите нужное название либо выберите из списка.
Выделите нужный фрагмент текста и щелкните по нему правой кнопкой мыши;
В контекстном меню перейдите к «Шрифт»;
В открывшемся окне «Шрифт» выберите нужную гарнитуру.
Если вы хотите изменить шрифт, используемый в Word по умолчанию, сделайте следующее:
Откройте окно «Шрифт» любым из вышеперечисленных способов;
На вкладке «Шрифт» в графе шрифт выберите нужный шрифт;
Нажмите кнопку «По умолчанию»;
В открывшемся диалоговом окне нажмите «Да».
Размер шрифта измеряется в пунктах. Величина размера учитывается по величине заглавных букв определенной гарнитуры. Поэтому шрифты одинаковых размеров, но разной гарнитуры, визуально выглядят неодинаково. Как можно видеть на рисунке 6,
гарнитура Arial Unicode MS выглядит намного крупнее гарнитуры Cambria, хотя программно они имеют одинаковый размер – 11 пунктов.
В большинстве документов используется размер 11-12 пунктов (пт), но в контрольных работах (а также курсовых и дипломных), используется величина в 14 пт. Размер шрифта может варьироваться от 1 пункта до 1638-ми (1 пункт = 1мм). Если вы уже набрали текст, но вам нужно изменить его размер, предварительно выделите его. Для установки нужного размера шрифта сделайте следующее:
- Выделите нужный участок текста;
- Откройте вкладку «Главная» и в группе «Шрифт» в графе «Размер шрифта» задайте нужное значение – выберите из раскрывающегося списка либо введите значение, а затем нажмите клавишу «Enter».
- Выделите нужный фрагмент текста;
- Используйте комбинацию клавиш ;
- В открывшемся окне «Шрифт» в группе «Размер» задайте нужное значение.
- Выделите нужный участок текста и подведите курсор к выделению;
- Во всплывающем окне в графе «Размер шрифта» задайте нужное значение.
- Выделите нужный фрагмент текста;
- Откройте вкладку «Главная» и в группе «Шрифт» нажимайте кнопки «Увеличить размер» или «Уменьшить размер» до появления нужного значения. Вы также можете использовать для этого сочетания клавиш - для увеличения и - для уменьшения.
Полужирный шрифт используется для выделения наиболее важных участков текста, предложений, ключевых фраз. В большинстве документов полужирным выделяются заголовки, названия рисунков и таблиц, пункты и ключевые предложения. То есть, полужирный шрифт призван привлечь внимание и выделить наиболее важные составляющие текста. Но не стоит излишне усердствовать, если документ будет перенасыщен фрагментами текста, выделенными полужирным, он не только будет визуально более утомительным, но и вряд ли будет восприниматься всерьез, не говоря уже об общем неаккуратном виде.
Чтобы задать полужирное выделение шрифта, сделайте следующее:
- Выделите нужный участок текста;
- Откройте вкладку «Главная» и в группе «Шрифт» нажмите кнопку «Полужирный» (повторное нажатие снимет выделение).
- Выделите нужный фрагмент текста;
- Нажмите комбинацию клавиш.
- Выделите нужный фрагмент текста;
- Во всплывающем окне нажмите «Полужирный».
Курсивный шрифт очень похож на рукописный, поэтому его зачастую называют псевдорукописным. В отличие от полужирного, им довольно сложно испортить общий вид документа, но очень удобно выделять как отдельные слова и предложения, так и целые абзацы. Курсивный шрифт мягкий и ненавязчивый, визуально не давит на читателя, но при этом отлично подходит для выделения текста.
Чтобы задать курсивное выделение шрифта, сделайте следующее:
- Выделите нужный фрагмент текста;
- Откройте вкладку «Главная» и в группе «Шрифт» нажмите кнопку «Курсив» (повторное нажатие снимет выделение).
- Выделите нужный участок текста;
- Нажмите комбинацию клавиш.
- Выделите нужный фрагмент текста;
- Во всплывающем окне нажмите «Курсив».
Подчеркивание также часто используется для выделения шрифта, например для выделения наиболее важных пунктов договора. Чтобы задать подчеркивание шрифта, сделайте следующее:
- Выделите нужный участок текста;
- Откройте вкладку «Главная» и в группе «Шрифт» нажмите кнопку «Подчеркнутый» (повторное нажатие снимет выделение).
- Выделите нужный фрагмент текста;
- Нажмите комбинацию клавиш.
- Выделите нужный фрагмент текста;
- Во всплывающем окне нажмите кнопку «Подчеркнутый».
Кроме обычного подчеркивания, существуют еще ряд особых подчеркиваний, например двойной или штрихпунктирной линией. Чтобы задать нестандартное подчеркивание шрифта, сделайте следующее:
- Выделите нужный участок текста;
- Откройте окно «Шрифт» любым из вышеперечисленных способов;
- На вкладке «Шрифт» в графе «Подчеркивание» выберите нужное подчеркивание;
- Выделите нужный фрагмент текста;
- Откройте вкладку «Главная» и в группе «Шрифт» нажмите кнопку открытия меню выбора типа подчеркивания кнопки «Подчеркнутый»;
- Выберите нужный тип подчеркивания.
Линиям подчеркивания можно задать цвет. Например, для выделения особо важных участков текста подойдет подчеркивание линией красного цвета. Для художественного декорирования текста могут быть использованы синий и желтый цвета, и т. д. Чтобы задать цвет линий подчеркивания, сделайте следующее:
- Выделите нужный участок текста;
- Откройте окно «Шрифт» одним из вышеперечисленных способов;
- На вкладке «Шрифт» в графе «Цвет подчеркивания» выберите нужный цвет. Если его нет в палитре, нажмите кнопку «Другие цвета» раскрывающегося списка «Цвет подчеркивания» и в окне «Цвета» выберите нужный цвет;
- Выделите нужный фрагмент текста;
- Откройте вкладку «Главная» и в группе «Шрифт» нажмите кнопку раскрытия меню кнопки «Подчеркнутый»;
- В раскрывающемся списке выберите «Цвет подчеркивания», а затем щелкните по образцу нужного вам цвета.
Задание
2. Составьте схему структурирования и улучшения восприятия (эргономика)
учебного текста.
1.При представлении учебного материала в электронном
учебном пособии необходимо сокращать объем текста, по сравнению с традиционными
учебными изданиями, примерно на 50 %.
Весь материал для курсов, реализуемых с использованием ДОТ, должен быть разбит
на слайды. Информация, представленная в слайдах, организуется не по принципу «продолжение следует», а должна
носить относительно законченную смысловую нагрузку. Каждый слайд должен носить
самостоятельный заголовок. Объем информации, представленной в слайде должен
примерно соответствовать странице, набранной шрифтом Arial 12 пунктом,
одиночным пробелом, с полями 2,5 см (слева, справа, сверху и снизу), абзацы
друг от друга отделяются пустой строкой.
2. Текст внутри слайда разбивается на отдельные
микроблоки или логические фрагменты, объемом примерно 2-3 абзаца, с обязательным
формулированием заголовка микроблока. Также рекомендуется:
- Не использовать крупные абзацы текста.
- Заголовки должны нести в себе максимальную
смысловую нагрузку, а не быть просто эффективным дополнением к основному
тексту. Ознакомившись с заголовком, студент должен четко себе представить,
о чем пойдет речь в соответствующем разделе или абзаце.
- Для выделения отдельных фрагментов текста следует
использовать маркированные списки и другие элементы форматирования.
·
Ключевые слова или понятия должны быть выделены
особым образом.
3. При выборе шрифтового оформления предпочтение следует
отдавать шрифтам без засечек (н-р,
Arial, Verdana, Tahoma). Допускается использование шрифтов с
засечками (н-р, Times New Roman) в коротких заголовках.
4. Рекомендуется сочетание максимум двух шрифтов. Однако
это не относится к оформлению некоторых графических элементов в декоративных
целях.
5. Для набора
текстового материала должен применяться в основном шрифт прямого (обычного)
начертания, поскольку такой шрифт легче читается.
6. Различные начертания шрифта могут использоваться
для акцентирования внимания на отдельных словах или участках текста. Для
заголовков различного уровня более подходит жирный или полужирный шрифт, а для
выделения слов в тексте – курсив (если не используются гиперссылки).
Гиперссылка должна иметь три позиции - неактивная (обычная), активная
(при наведении на гиперссылку указателя мыши) и посещенная ссылка.
7. Кегль шрифта должен
соответствовать возрасту тех обучаемых, на которых рассчитан курс
дистанционного обучения. Рекомендуемый размер шрифта – не менее 12 пунктов
(кегль).
8. Рекомендуемая ширина текстовой зоны должна быть
в пределах 800 pix, высота текстового поля –570 pix.
9. Основной текст должен быть выровнен по левому краю.
Если начало всех строк находится на одном уровне по горизонтали, чтение текста
значительно ускоряется в сравнении с текстом, выровненным по центру или по
правому краю. Тем не менее, допускается выравнивание по правому краю или по
центру отдельных небольших фрагментов текста. Абзацы текста следует отделять друг от друга пустой
строкой.
10. Текст должен быть статичным. Движущийся
мерцающий или изменяющийся
в размерах текст воспринимается
значительно хуже, нежели статичный.
11. Не следует набирать текст прописными буквами. Чтение
такого текста выполняется примерно на 10% медленнее, чем текста, набранного с
использованием строчных букв, поскольку восприятие символов, имеющих одинаковую
высоту, затруднительно.
12. В
основном тексте следует использовать так называемые “английские кавычки”, или ,,лапки”.
Восприятие «елочек» с экрана в мелких кеглях растровых шрифтов происходит тяжелее.
Важно уделять внимание наличию тире, которое в два-три раза длиннее
дефиса.
13. Фон и
текст страницы должны быть оформлены контрастными цветами. Наилучшая
разборчивость обеспечивается при использовании черных символов на белом
фоне. Оценка четкости сочетания
цветов шрифта и фона представлена в таблице. В качестве фона страницы
следует использовать либо однотонный цвет, либо узор, имеющий минимальную
контрастность. Фоновые изображения затрудняют распознавание текста глазом
человека.
Таблица. Оценка четкости сочетания цветов шрифта и фона
№
|
Цвет шрифта
|
Цвет фона
|
Оценка четкости
|
1
|
Черный
|
Белый
|
Очень хорошо
|
2
|
Черный
|
Желтый
|
Хорошо
|
3
|
Синий
|
Белый
|
Хорошо
|
4
|
Зеленый
|
Белый
|
Хорошо
|
5
|
Красный
|
Белый
|
Удовлетворительно
|
6
|
Красный
|
Желтый
|
Удовлетворительно
|
7
|
Белый
|
Черный
|
Удовлетворительно
|
8
|
Зеленый
|
Красный
|
Плохо
|
9
|
Оранжевый
|
Черный
|
Плохо
|
10
|
Оранжевый
|
Белый
|
Плохо
|
14. Для того чтобы информация легко и быстро
воспринималась учащимися, целесообразно главное содержание, а также объекты,
расположенные в местах плохого восприятия, выделять наиболее эффективными
средствами. Для акцентирования внимания наиболее эффективными являются следующие
способы (приведены в порядке уменьшения эффективности):
- контрастный цвет, заключенный в черную рамку;
- контрастный цвет;
- черная или цветная рамка;
- увеличение размера объекта.
15. Необходимо уделять максимум внимания словам,
которые могут быть перенесены на новую строчку при изменении окна браузера. На
строчке не могут оставаться: инициалы, одно-, дву- и некоторая часть
трехбуквенных слов, цифр города, не должно оставаться длинное тире. Чтобы слова
не перескакивали нежелательным образом, их нужно «привязать» к соседним
неразрывным пробелом. В MS Word такой
неразрывный пробел устанавливается с помощью сочетания клавиш Ctrl + Shift + Space.
16. Все греческие и иные
символы, математические формулы должны вставляться в текст учебника только в
виде GIF-файлов с прозрачным фоном. Это связано с тем, что на компьютере
пользователя может отсутствовать специальные шрифты, применяемые для данных
целей.
17. Количество графической информации на странице
необходимо ограничивать. Оптимальное
число объектов на экране — 7 ± 2. Если количество объектов, одновременно
предъявляемых на экране, больше, то их следует группировать по смыслу. С
другой стороны, использование иллюстративного материала позволяет разнообразить
учебный материал. Рекомендуется на странице помещать небольшую иллюстрацию,
график, диаграмму и т.д., при этом основной материал по-прежнему должен быть
представлен текстом и таблицами. Если пользователь заинтересовался графическим
объектом, то он может воспользоваться ссылкой на страницу с достаточно крупным
графическим объектом, чтобы получить максимальное представление об иллюстрации.
18. При использовании звукового сопровождения следует
обратить внимание на то, что звуковой и зрительный ряды должны быть
взаимосвязаны, звуковой ряд выполняют функции дополнения зрительного и помощи
учащимся в понимании последнего. Дикторский текст должен носить эмоциональный
характер, желательно, чтобы он включал риторические вопросы, восклицания,
обращение к аудитории. Речь диктора должна быть образцовой по интонации, произношению
и ясности звучания. Недопустимо использование в дикторском тексте штампов,
повторов, жаргонных слов и выражений.
19. Курс, предназначенный для реализации с
использованием ДОТ и представленный в виде кейсов или в он-лайн режиме, должен
сопровождаться версией для печати, представляющей собой данный документ в
полном объеме в одном из общеупотребимых форматов – RTF, MS Word, PDF и т.п. В таком случае пользователям не придется
печатать несколько страниц, содержащих в себе одинаковые и совершенно ненужные
на бумаге элементы интерфейса и оформления.
20. Анимация должна быть представлена только в электронных
тренажерах, виртуальных лабораторных работах, других частях электронного
комплекса, предполагающих отработку практических навыков. Не допускается
использование анимации в информационной части курса дистанционного обучения.
Это связано с тем, что движущееся изображение оказывает сильное воздействие на
периферийное зрение человека. Поэтому крайне трудно сосредоточиться на чтение
текста, расположенного в центре страницы, если, например, в верхнем углу
помещен переливающийся логотип. Допустимым является также следующие цели
использования анимации в веб-дизайне:
·
для передачи переходных процессов;
·
для указания направленности действия;
·
для передачи изменений, происходящих с течением
времени;
·
для смены отображаемой в отдельной области
страницы информации;
·
для обогащения графического представления;
·
для визуализации объемных структур;
·
для привлечения внимания.
21. При использовании видеообъектов рекомендуется
помещать на основную страницу несколько кадров из ролика, чтобы обучающийся
имел представление о содержании видеоматериала. Поскольку потоковое видео
обычно имеет довольно низкое качество, целесообразно создавать более
качественные варианты видеофильмов и предоставлять пользователям возможность
загружать эти фильмы на свой компьютер.
Так как просмотр фильмов предполагает пассивность пользователя, то
рекомендуется использовать текстовый конспект, дополненный несколькими
фотографиями лектора и аудитории, а также высококачественными вариантами
наглядных материалов по теме лекции. Впечатление личного присутствия можно
также дополнительно усилить, поместив в тексте конспекта ссылку на видеозапись
продолжительностью около минуты, включающую в себя наиболее интересные моменты
лекции.
Другой вариант использования видеоматериала – разбить
длинные записи на более короткие фрагменты, каждый из которых выбирается
посредством меню. Между фрагментами рекомендуется использовать вопросы по
содержанию фрагмента видео-лекции. Например, при использовании видео-лекции не
стоит оформлять весь материал, продолжительностью 90 минут, как одну
непрерывную потоковую видеозапись без возможности управления со стороны
пользователя. Вместо этого можно разбить такую лекцию на части, каждая из
которых содержит отдельный сюжет. Затем следует подготовить стандартную
веб-страницу, разместив на ней ссылки на эти сюжеты, сопровождаемые краткими
комментариями и наиболее интересными кадрами каждого из сюжетов. Между частями
лекции организуется короткий опрос.
Кроме изложения информации в виде публичного
выступления, возможно использовать видео-лекции для демонстрации работы
конкретных механизмов, технологических схем, явлений природы, т.е. для
иллюстрации использования на практике теоретических знаний. В этом случае видеолекция
используется как вспомогательный механизм. Другой вариант использования
видеолекций – материал для разбора практических ситуаций и последующего
обсуждения в группах. Такой вариант предполагает, что лекция является основным
элементом обучения.
22. В электронном образовательном ресурсе должна
быть предусмотрена реализация принципа дружественного интерфейса. Должна быть
предусмотрена возможность самостоятельного изменения пользователем размера
шрифта и цветового решения страницы.