Форматирование текста
Форматирование текста с помощью HTML. Задание цвета на веб-странице. Задание размера шрифта. Физическое и логическое форматирование символов. Вставка специальных символов. Удобочитаемость, содержание и форма шрифта. Подбор шрифта и верстка текста.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | курсовая работа |
| Язык | русский |
| Дата добавления | 01.10.2014 |
| Размер файла | 1,3 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
НЕГОСУДАРТСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО
ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ
ВОСТОЧНАЯ ЭКОНОМИКО-ЮРИДИЧЕСКАЯ ГУМАНИТАРНАЯ
АКАДЕМИЯ (Академия ВЭГУ)
Специальность 230700.62 Прикладная информатика
Специализация Прикладная информатика в экономике
КУРСОВАЯ РАБОТА
Форматирование текста
Новичков Евгений Александрович
уфа 2012
Оглавление
Введение
1. Средства форматирования текста в языке разметки гипертекста HTML
1.1 Общие сведения о HTML
1.2 Форматирование текста с помощью HTML
1.2.1 Задание цвета на веб-странице
1.2.2 Выравнивание текста на веб-странице
1.2.3 Задание заголовков HTML-документа
1.2.4 Задание размера шрифта
1.2.5 Задание шрифта по имени
1.2.6 Физическое и логическое форматирование символов
1.2.7 Вставка специальных символов
2. Форматирование текста с точки зрения веб-дизайна
2.1 Значение текстового оформления веб-страниц
2.2 Удобочитаемость, содержание и форма шрифта
2.3 Подбор шрифта и верстки текста
2.4 Стилистическое форматирование текста
Заключение
Список литературы
Приложение
Введение
Интернет является технологией, которая принципиально изменила возможности обмена информацией и по своему влиянию на нашу жизнь находится в одном ряду с такими изобретениями, как телефон, телевидение и компьютер.
Основу сети Интернет составляют документы, называемые веб-страницами. Каждая веб-страница может содержать текстовую информацию, графические элементы, дополнительное оформление, а также гиперссылки, предназначенные для открытия других веб-страниц или прочих ресурсов, содержащихся в Web.
Для подготовки Web-документа используется язык разметки гипертекста HTML (HyperText Markup Language). Как это следует из названия, HTML не является алгоритмическим языком программирования, а, как язык разметки, обладает средствами представления текста и изображений на экране в виде веб-страницы. HTML также позволяет работать с гипертекстовыми ссылками, с помощью которых осуществляется доступ к другим веб-страницам.
Иметь представление о том, как создаются веб-страницы, необходимо сейчас каждому, кто хочет быть на передовых рубежах производства, науки, торговли маркетинга и т. д. Привлекательность сетевого пространства для бизнеса стала очевидной после того, как Интернет превратился в сформировавшееся медиа-поле, прошедшее неизбежный период самопознания. В результате произошло удивительное открытие - собственный сайт будет собственной газетой, радиопрограммой и телевизионным рекламным роликом одновременно. Обладая таким универсальным инструментом и зная как его использовать, любая компания получает в свои руки мощное оружие в борьбе с конкурентами, которое, к тому же, не требует финансовых затрат, сравнимых с бюджетами рекламных кампаний в традиционных средствах массовой информации.
Таким образом, на основании изложенного можно сделать вывод об актуальности рассматриваемой темы.
Цель исследования: раскрыть принципы, методы и технологии форматирования текста на веб-страницах.
Задачи исследования:
Дать краткую характеристику языка разметки гипертекста HTML.
Раскрыть принципы форматирования текста на веб-страницах с точки зрения веб-дизайна.
Раскрыть методы и технологии форматирования текста на веб-страницах.
Объект исследования: процесс форматирования текста на веб-страницах.
Предмет исследования: принципы, методы, технологии форматирования текста на веб-страницах.
Теоретическая значимость исследования заключается в получении знаний о принципах форматирования текста на веб-страницах с точки зрения веб-дизайна, методов, технологий.
Практическая значимость: знания, полученные в ходе исследования, могут быть применены на практике, в частности для создания и оформления веб-страниц.
1. Средства форматирования текста в языке разметки гипертекста HTML
1.1 Общие сведения о HTML
Стандарт HTML создан и поддерживается некомерческой международной организацией W3C (World Wide Web Consortium).
Поскольку HTML-документ записывается в ASCII-формате ASCII (англ. American Standard Code for Information Interchange) -- американская стандартная кодировочная таблица для печатных символов и некоторых специальных кодов., для создания веб-страницы может быть использован любой текстовый редактор, работающий с простым текстом, т.е. таким текстом, который не содержит служебной информации. Такими редакторами являются, например, NotePad (Блокнот) или FAR.
HTML-документ состоит из слов двух типов: служебных слов и собственно текста, выводимого на экран. Служебные слова называются тэгами (tags) и берутся в угловые скобки < >. В литературе тэги называют также дескрипторами и операторами. Тэги бывают двойными, называемые контейнерами (container), и одиночными. Примером контейнера служат тэги, задающие начало HTML-документа: <HTML> и его окончание: </HTML>. Тэг окончания контейнера отличается от тэга его начала наличием символа "/". Текст, находящийся между началом контейнера и его окончанием, является его содержимым.
Примером одиночного тэга служит тэг перевода на новую строку: <BR>.
В HTML-документе в наименованиях тэгов и их параметров, а также в словах, являющимися их значениями, заглавные и строчные буквы не различаются. В дальнейшем будем придерживаться следующего соглашения: наименования тэгов и параметров будут указываться заглавными буквами, а их значения - строчными буквами.
HTML-документ имеет следующую базовую структуру, которая состоит из заголовка HTML-документа и тела HTML-документа:
<HTML>
<HEAD>
. . .
</HEAD>
<BODY>
. . .
</BODY>
</HTML>
В заголовке HTML-документа, который находится внутри тэга-контейнера <HEAD> . . . </HEAD>, помещается информация, которая не выводится в основное поле веб-страницы. Она используется браузером для других целей. Например, с помощью контейнера <TITLE>. . . </TITLE> задается заголовок веб-страницы, помещаемый вверху экрана. Этот заголовок указывается в перечне посещенных страниц и в других местах. Поэтому, если разработчик веб-страницы хочет, чтобы его сайт был востребован, ему необходимо внимательно отнестись к содержимому заголовка веб-страницы.
Данная веб-страница при использовании браузера MIE имеет следующий заголовок:
Форматирование HTML текста - Microsoft Internet Explorer
Последние три слова добавляет сам браузер.
В теле HTML-документа, который находится внутри тэга-контейнера <BODY> . . . </BODY>, помещается текст, который будет непосредственно выводится на экран. Примером простейшего HTML-документа, выводящего на экран традиционное сообщение "Привет, мир!", является следующий текст:
<HTML>
<BODY>
Привет, мир!
</BODY>
</HTML>Оглавление
Сообщение "Привет, мир!" находится в верхнем левом углу экрана, имеет черный цвет и небольшой размер букв (эти параметры заданы по умолчанию) и выглядит непривлекательно. Чтобы сделать его вид более приятным, необходимо выполнить форматирование текста, т.е. задать его цвет, размер, выравнивание и другие параметры средствами HTML.
Текст может быть разбит на параграфы (текстовые блоки). Для указания параграфа используется контейнер <P> . . . </P>:
<P>
Текст параграфа
</P>
На экране между параграфами вставляется пустая строка. Тэг окончания параграфа </P> можно не указывать. В этом случае тэг начала следующего параграфа <P> (или </BODY>) будет означать закрытие текущего.
1.2 Форматирование текста с помощью HTML
1.2.1 Задание цвета на веб-странице
Когда браузер выводит на экран текст, то в качестве цвета текста и цвета фона он использует значения, заданные по умолчанию (в примере 1 цвет текста - черный, а цвет фона - светло-серый). Однако в HTML есть средства для задания и изменения как цвета текста, так и цвета фона. Для этого используются соответственно параметры TEXT и BGCOLOR тэга <BODY>.
Если необходимо указать некоторый цвет только для части текста, то используется параметр COLOR тэга <FONT>.
В HTML есть два способа задания значения цвета.
В первом способе значение цвета задаются с помощью трех составляющих цветов в виде численного значения #RrGgBb, где:
Rr - две 16-ричние цифры, задающие компоненту красного цвета;
Gg - две 16-ричние цифры, задающие компоненту зеленого цвета;
Bb - две 16-ричние цифры, задающие компоненту синего цвета.
Значение компоненты каждого цвета может меняться от 0 до FFh, т.е. от 0 до 255. Например, значение #FF0000 задает ярко-красный цвет, #00AA00 - темно-зеленый, #С0С0С0 - серебристый. Таким способом можно задать более 16 млн цветов.
Вторым способом можно задать только 16 основных значений цвета в виде символических (английских) названий. В таблице 1 приведены эти цвета, их символические названия и численные значения в виде #RrGgBb.
Таблица 1 - Названия и значения основных цветов
|
Цвет |
Символическое название |
Численное значение |
|
|
Морской волны |
Aqua |
#00FFFF |
|
|
Черный |
Black |
#000000 |
|
|
Голубой |
Blue |
#0000FF |
|
|
Малиновый |
Futsia |
#FF00FF |
|
|
Серый |
Gray |
#808080 |
|
|
Зеленый |
Green |
#008000 |
|
|
Ярко-зеленый |
Lime |
00FF00 |
|
|
Темно-красный |
Maroon |
#800000 |
|
|
Темно-синий |
Navi |
#000080 |
|
|
Оливковый |
Olive |
#808000 |
|
|
Пурпурный |
Purple |
#800080 |
|
|
Красный |
Red |
#FF0000 |
|
|
Серебренный |
Silver |
#C0C0C0 |
|
|
Темной морской волны |
Teal |
#008080 |
|
|
Белый |
White |
#FFFFFF |
|
|
Желтый |
Yellow |
#FFFF00 |
1.2.2 Выравнивание текста на веб-странице
Каждый параграф текста может быть выровнен по левому краю, по правому краю, по обеим краям (по ширине) или по центру экрана. Для этого используется параметр ALIGN тэга <P>. Он имеет такие значения:
left: параграф выровнен по левому краю (задается по умолчанию);
right: параграф выровнен по правому краю;
center:параграф выровнен по центру;
justify:параграф выровнен по ширине экрана.
Например:
<P ALIGN=right> Текст выровнен по правому краю
Текст также может быть выровнен по центру с помощью тэга-контейнера <CENTER> . . .</CENTER>:
<CENTER> Текст выровнен по центру </CENTER>
В этом случае текст между тэгами <CENTER> и </CENTER> выводится по центру новой строки экрана. Оглавление
1.2.3 3адание заголовков HTML-документа
В HTML-документе может быть использовано до шести заголовков разного уровня. Они задаются с помощью тэгов- контейнеров от <H1> . . . </H1> (самый высокий уровень) до <H6> . . . </H6> (самый низкий уровень).
Шрифты заголовков разных уровней отличаются друг от друга и от основного текста размером и другими особенностями, заданными по умолчанию в браузере.
Цвет заголовков задается или параметром TEXT тэга <BODY>, если параметр указан, или принимается по умолчанию.
Заголовки могут быть выровнены, так же как и параграфы, с помощью параметра ALIGN. По умолчанию для заголовков задано выравнивание по левому краю экрана.
1.2.4 3адание размера шрифта
Для задания размера шрифта на веб-странице используется параметр SIZE тэга-контейнера <FONT>. . . </FONT>. Текст, указанный между тэгами <FONT> и </FONT> будет иметь требуемый размер. Размер текста, следующего дальше, будет определяться значением парамета TEXT тэга <BODY> или будет браться по умолчанию.
Значения параметра SIZE задаются не в пунктах (1 пункт равен 1/72 дюйма), а в относительных единицах от 1 до 7. Соотношение между этими единицами и пунктами приведено в таблице 2.
Таблица 2 - Соотношение между относительными единицами и пунктами
|
Относительные единицы |
Пункты (pt) |
|
|
1 |
9 |
|
|
2 |
10 |
|
|
3 |
12 |
|
|
4 |
14 |
|
|
5 |
18 |
|
|
6 |
24 |
|
|
7 |
36 |
Например: <FONT SIZE=5> Размер шрифта 18 pt </FONT>
Можно поступить и так: задать с помощью тэга <BASEFONT> с параметром SIZE базовый размер шрифта. А затем с помощью тэга <FONT> с параметром SIZE, который принимает значения от -4 до +4, изменить базовый размер на необходимую величину.
Например:
<BASEFONT SIZE=4>
<FONT SIZE=+2> Размер шрифта 24 pt </FONT>
С помощью тэгов-контейнеров <BIG> . . . </BIG> и <SMALL> . . . </SMALL> можно задать текст соответственно большого и малого размера, не указывая конкретно величину шрифта. Эту величину задает сам браузер.
1.2.5 3адание шрифта по имени
Поскольку неизвестно, какой тип шрифтов использует браузер на стороне пользователя, можно с помощью параметра FACE тэга <FONT> явным образом указать тип шрифта по имени.
В одном параметре FACE можно указать несколько типов шрифтов, которые перечисляются через запятую:
<FONT FACE="Arial Cyr, Arial, Helv DL"> Шрифт гельветика
Если на стороне пользователя установлен первый из указанных шрифтов - Arial Cyr, то строка "Шрифт гельветика" будет отображаться на экране с использованием именно этого шрифта. Иначе будет сделана попытка отобразить строку шрифтом Arial, а затем - Helv DL. Если окажется, что в системе пользователя нет ни одного из перечисленных шрифтов, строка будет отображена тем шрифтом, который установлен в браузере для использования по умолчанию.
Отметим, что значения параметра FACE взяты в двойные кавычки, поскольку имена шрифтов содержат пробелы. Но в HTML не будет ошибкой указывать значения любого параметра в кавычках. Поэтому, если есть сомнения в задании значений параметров, лучше указать их в кавычках.
В следующем примере заданы верхнее поле, цвет и выравнивание текста, типы и размеры шрифта на веб-странице средствами HTML:
<HTML>
<HEAD>
<TITLE> HTML: выравнивание текста, задание цвета, размера и типа шрифта </TITLE>
</HEAD>
<!-- Цвет текста: синий, фона - светло-синий: -->
<BODY TOPMARGIN="50" TEXT=blue BGCOLOR= #E0E0FF>
<H1 ALIGN=center>ЗАГОЛОВОК 1 УРОВНЯ</H1>
<P ALIGN=right>
<FONT COLOR=red> <SMALL> Текст маленького размера (SMALL) красного цвета выровнен по правому краю экрана </SMALL> </FONT>
<P> Выравнивание текста, размер (12 pt) и тип шрифта, заданы по умолчанию
<P ALIGN=justify> <FONT SIZE=6 COLOR=#FF00FF
FACE="Courier, Courier New Cyr, Courier New"> Текст выровнен по ширине экрана с использованием шрифта Courier лилового цвета размером 24 pt </FONT>
</BODY>
</HTML>
форматирование текст шрифт цвет
1.2.6 Физическое и логическое форматирование символов
В HTML предусмотрено несколько тэгов-контейнеров для физического форматирования символов. Эти тэги определяют внешний вид символов явным образом в противоположность тэгам логического форматирования:
<B> . . . </B>: выделяет текст жирным шрифтом;
<I> . . .</I>: выделяет текст наклонным шрифтом (курсивом);
<U> . . .</U>:выделяет текст подчеркиванием;
<STRIKE> . . .</STRIKE>:выделяет текст перечеркиванием;
<TT> . . .</TT>:задает текст с фиксированной шириной символов (например, листинги программ);
<SUB> . . .</SUB>:указывает подстрочный (нижний) индекс;
<SUP> . . .</SUP>:указывает надстрочный (верхний) индекс;
<BLOCKQUOTE> . . . </BLOCKQUOTE>: задает левое поле;
<PRE> . . . </PRE>(preformatted - предварительно отформатированный): выводит текст на экран с отработкой всех знаков пробелов, табуляции, перевода строки и новой строки.
Тэги логического форматирования символов, в отличие от тэгов физического форматирования, указывают участки текста, различаемые по смысловому содержанию, способ выделения которых на экране определяет сам браузер. В HTML используются следующие тэги-контейнеры логического форматирования:
<CITE> . . . </CITE>: цитата;
<EM> . . . </EM>(emphasis - ударение): текст, имеющий большое значение;
<STRONG> . . . </STRONG> (сильный): сильное выделение текста;
<SAMP> . . . </SAMP>(sample - образец): образец сообщений, выводимых на экран;
<CODE;> . . . </CODE>(code - код): фрагмент исходного текста;
<VAR> . . . </VAR>(variable - переменная): имя переменной.
На веб-страницах иногда указывают аббревиатуру некоторого термина или понятия без его раскрытия, например, "ОЗУ" вместо "Оперативное запоминающее устройство". Чтобы поисковые системы в сети Internet могли осуществлять поиск термина не только по его аббреавитуре, но и по полному обозначению, а также в качестве подсказки для пользователя веб-страницы, используется тэг-контейнер <ACRONYM> аббревиатура </ACRONYM>с параметром TITLE, который раскрывает значение используемой аббревиатуры.
1.2.7 Вставка специальных символов
В HTML предусмотрено четыре специальных символа, предназначенных для служебных целей (для выделения тэгов и значений их параметров). Это символы <, >, & и ". Они интерпретируются браузером по особому и требуют замены для их включения в текст, в качестве обычных символов. Замена требуется и для представления символов права © и регистрации ®. В таблице 3 приведены эти замены.
Таблица 3 - Замены специальных символов
|
Символ |
Замена |
|
|
< |
< |
|
|
> |
> |
|
|
& |
& |
|
|
" |
" |
|
|
© |
© |
|
|
® |
© |
В общем случае в HTML-документ можно вставить любой символ, зная его ASCII-код. Для этого вместо символа подставляется такая последовательность символов: &#XX, где XX - десятичное значение ASCII-кода символа.
К специальным символам можно отнести и символ "неустранимого пробела" - (no breaking space). Эти символы используются тогда, когда необходимо поместить на веб-странице несколько пробелов подряд, поскольку браузеры заменяют последовательности подряд идущих пробелов в HTML-документе одним пробелом при выводе документа на экран.
2. Форматирование текста с точки зрения веб-дизайна
2.1 Значение текстового оформления веб-страниц
С приходом Интернета количество информации многократно увеличилось, изменились технические ограничения на ее подачу. Поскольку изначально веб-сайты делали программисты, то они во многом не были в курсе требований, которые предъявляют к оформлению и верстке текста книгопечатники. Веб-разработчики нежелание серьезно работать с текстом объясняли тем, что веб-сайт -- динамичный продукт, в котором текст не принимает жестко обозначенной площади, а должен гибко менять свою форму. Поэтому разработка корпоративного сайта последние 10 лет каждый раз превращается для предпринимателя в мучение с разработчиками, с выбором дизайна и, в конце концов, с наполнением.
Известно, что пользователи Интернет воспринимают тест с экрана компьютера гораздо хуже, чем с бумаги. И тогда получается парадоксальная ситуация: вроде бы на веб-сайте умещается во много раз больше текстовой информации, чем на буклете А4 (пусть даже с двух сторон), но ее читают в 2-3 раза менее внимательно. Посетители коммерческих сайтов редко вчитываются в то, что написано на большинстве сайтов, они ищут услугу или товар, а найдя его, звонят или делают заказ. Или не звонят. Мало кто желает вникать в то, что написано на сайте.
Исходя из исследований Eye Tracking Eye-tracking -- технология, которая позволяет отслеживать движение взгляда человека, на веб-странице есть зоны, которые пользователь не замечает совсем. На рисунке 1 показаны зоны внимания различных типов страниц:
обычной текстовой страницы с услугой;
страница товара в Интернет-магазине;
страница выдачи поисковой системы Google.
В этих условиях тот объем текста, который пользователь легко воспринимал с корпоративного буклета, на веб-сайте элементарно не привлекает интерес пользователя.
Рисунок 1 - Зоны активного внимания посетителей сайтов
Почему у веб-разработчиков большинства сайтов никогда не доходят руки до дизайна текста? Чаще всего веб-студии делают только «оболочку» (дизайн сайта), а контент (кроме оформления заголовка и ссылки в тексте) никак не оформляют и в результате Рунет заполоняется огромным количеством ресурсов, сделанных по готовым шаблонам TemplateMonster, Joomla, WordPress за очень небольшие деньги.
Помимо стандартных недостатков юзабилити (таких как отсутствие телефона в шапке сайта, отсутствие нижнего меню, отсутствие ссылки в логотипе на главную страницу и.т.д.) эти сайты характеризуются небрежным отношением как разработчиков к оформлению, так и владельцев сайтов к его содержанию.
Дизайн текста необходим тем веб-сайтам, на которых текст играет важную роль в убеждении и информировании клиентов об услуге и реже -- товаре. Там, где клиенту важно изображение товара (например, продажа мебели) и его характеристики (вес, длина, мощность и.т.д.), дизайн текста менее востребован - к примеру, для интернет-магазинов или онлайн-сервисов. В таком случае улучшение удобства процесса, начиная от выбора товара и заканчивая его оплатой через корзину, здесь важнее.
2.2 Удобочитаемость, содержание и форма шрифта
Удобочитаемость является одним из важнейших достоинств хорошего шрифта. Это не только общая оценка пригодности его формы, но и показатель красоты. На удобочитаемость влияют следующие факторы:
форма шрифтовых знаков (рисунок или тип шрифта, размер, пропорциональность отношения ширины знака к его высоте, ритм формы, насыщенность, цвет);
шрифтовая композиция (длина строки (надписи) или ширина шрифтового поля (колонки), пробел вокруг строки или шрифтового поля, интервал между строками, шрифтовыми полями, форма строк, шрифтового поля, ритм строки и композиции текста, цветовое решение);
четкость шрифта (отношение цвета (тона) шрифта к цвету (тону) фона - носителя знаков, фактура, качество выполнения); ясность шрифта (узнаваемость знаков, их дифференцированность, оправданная простота форм, представление содержания).
Необходимость соблюдения требования удобочитаемости вызвана психофизиологическими особенностями человека, проявляемыми в процессе чтения и осмысления текста.
Удобочитаемость способствует психосубъективному отношению к тексту, готовности к чтению, предопределяя привычки и ожидания зрителя. К сказанному следует добавить, что удобочитаемость зависит от сложности содержания, текстовой нагруженности, окружения, попадающего в поле зрения одновременно со шрифтом, а также степени освещенности.
Перечисленные факторы выполнения основного требования - удобочитаемости - являются общими и составляют основу профессиональной грамоты в области искусства шрифта.
На форму шрифта, его образность непосредственно влияет, как отмечалось выше, содержание текста. Единство формы буквы и содержания письменного сообщения - второе основное после удобочитаемости требование.
Имеющиеся под рукой трафареты не всегда могут подойти для заданной темы. Нельзя не учитывать и фактор морального старения шрифта. Время предъявляет свои требования к обновлению его ассортимента. Совершенство формы предполагает непрерывное ее развитие. Шрифт как элемент художественного оформления должен и решаться художественно, или быть правильно подобранным, со своим творческим приемом построения композиции текста.
Различия в выразительности шрифта заставляют художника задуматься при выборе, модификации или создании нужных форм. Форма шрифта не пассивно следует за содержанием, она, так же как и само искусство шрифта, обладает относительной самостоятельностью и оказывает воздействие на содержание. В зависимости от отношения к форме шрифта художника (равно как и зрителя) она может способствовать развитию предмета или, наоборот, тормозить его.
Выполняя одновременно утилитарную и эстетическую функции, шрифт имеет: предметное значение (обозначаемые объекты: буквенным знаком - звук речи, комбинацией знаков - слова и предложения) и экспрессивно-смысловое значение (чувства, передаваемые зримыми образами этих объектов человеческой речи).
На предметном уровне шрифт не представляет загадок для всякого грамотного человека. Об экспрессивно-смысловом значении читатель чаще не задумывается, но для художника шрифта это значение играет первостепенную роль.
На художественную форму шрифтового изображения существенно влияет цвет, привнося свои качественные особенности в ритмический и композиционный строй. Организация гармонии цветового решения - одно из основных требований.
Как известно, цвет воздействует на зрителя своими физическими и психосубъективными качествами.
По физическим качествам цвет считается удачным, если имеет достаточный коэффициент отражения, то есть отвечает нормальным условиям зрительного восприятия - четкости и удобочитаемости - первому требованию в работе над шрифтом.
Таким образом, цвет, влияя на художественную форму, не только повышает или понижает удобочитаемость шрифта, но и оказывает, будучи выразительным средством, эстетическое воздействие на основе ряда вызываемых у зрителя ассоциаций, отчасти личностных, отчасти общечеловеческих, а также обусловленных классовыми, национальными и временными причинами.
На выбор формы шрифта существенное влияние оказывает стиль - фактор, определяемый содержанием информации и авторским замыслом.
Наглядная структура отражает внутреннюю структуру текстов, обеспечивает удобство восприятия различных по назначению и значению компонентов, способствует быстрому выявлению зрителем наиболее важной информации, подводя его, таким образом, к прочтению и усвоению всего материала.
С целью обеспечения стилевого единства между компонентами шрифтового оформления заголовки, подзаголовки и тексты преимущественно выполняются шрифтами какого-то одного типа, но различаются по начертанию, плотности или насыщенности. Это дает необходимый диапазон выделительных возможностей и смысловых акцентировок при построении той или иной текстовой информации.
2.3 Подбор шрифта и верстка текста
Связь между посетителем и восприятием информации на сайте, которую нужно донести, происходит через текст. Правильно подобранный шрифт может сделать многое, если не сказать, что почти все, на любой веб-странице. При правильном использовании шрифтов и при безупречной верстке, можно увлекать пользователя в хождении по сайту и подсознательно заставлять его углубляться все дальше и дальше в веб-проект.
Текст это не только набор определенной информации, но и подобранный шрифт, определяющийся стилем, цветом и объемом. Существует сложившаяся терминология, позволяющая охарактеризовать каждый конкретный шрифт по всем его параметрам.
Гарнитура шрифта (Type family) - совокупность шрифтов, объединенных общими стилевыми признаками, отличными от других шрифтов, т.е. совокупность начертаний, объединенных общим характером графического построения знаков и решением их элементов.
Начертание (Type face) - комплект строчных и прописных знаков, цифр, знаков препинания, спецзнаков и символов. Начертания шрифтов любой гарнитуры отличаются цветовой насыщенностью, пропорциями, контрастностью и наклоном знаков (светлое, полужирное, курсивное или наклонное, нормальное, узкое или широкое).
Насыщенность шрифта определяется изменением толщины основных и соединительных штрихов одноименных знаков в различных начертаниях. В рамке одной гарнитуры насыщенность может изменяться от сверхсветлой до сверхжирной (light - ultra bold).
Пропорции шрифта - показатель изменения ширины одноименных знаков в начертаниях одной гарнитуры от сверхузких до сверхшироких.
Контрастность - один из основных признаков шрифта, выраженный отношением толщины соединительных штрихов к толщине основных штрихов знаков. Эта характеристика изменяется от неконтрастных до сверхконтрастных шрифтов (рис. 2).
Рисунок 2 - Пример контрастности различных гарнитур
Кегель - величина шрифта в наборе, определяется в пунктах. Кегль - это величина площадки, на которой размещается знак.
Комплектность (полиграфический алфавит) - совокупность всех знаков, необходимых для набора текста: строчных, прописных, цифр, знаков препинания, спецзнаков и символов.
Существует еще такое понятие как удобочитаемость шрифта, но оно скорее носит субъективный характер и зависит не только от характеристик самого шрифта, но и от условий его применения.
Все гарнитуры делятся на гарнитуры с засечками и без них (рубленые).
Рубленые шрифты идеально подходят для заголовков (рис. 3). Они притягивают к себе внимание и заставляют читателя бросить на них взгляд. Из-за особенностей начертания рубленых шрифтов (особенно малого размера) буквы сливаются друг с другом, поэтому использование большого размера текста без разделения его дополнительно на красные строки с пробелами способствует повышению нечитабельности текста.
Рисунок 3 - Пример шрифта без засечек
Гарнитуры с засечками намного более функциональны (рис. 4). Засечки, или серифы - горизонтальные элементы окончания основных (иногда соединительных) штрихов имеют самую разнообразную форму: прямоугольную, изогнутую, клювообразную, одностороннюю и т.п. Благодаря именно своим засечкам, они позволяют набирать тексты небольшого размера с потерей читабельности равной нулю. Но такие шрифты в своем большинстве не выразительны.
Рисунок 4 - Пример шрифта с засечками
Существует еще и третий вид гарнитур - декоративные (рис. 5). При работе с ними нужно быть предельно осторожным. При всей своей красоте и изящности у них есть один сильный недостаток - их трудно читать. Чаще всего декоративные шрифты используются в логотипах и для создания внутреннего настроения на веб-странице (например страницы с древне-русской тематикой используют старославянские гарнитуры и т.д.).
Рисунок 5 - Пример декоративного шрифта
Существует несколько приемов выделения текста на общем фоне публикации.
Первое начертание - полужирный текст. Очень хороший прием, однако использовать его надо умеренно. Рекомендуется выделять полужирным начертанием лишь отдельные слова и никогда не выделять фразы. Также не стоит им и злоупотреблять, так как при большом количестве полужирных слов страница начинает пестрить и перестает радовать глаз.
Такое начертание, как италик (курсив) создает эффект цитатного текста. При умелом использовании курсива можно добиться большей близости с пользователем. Текст с цитированием всегда внушает больше доверия, чем простой текст.
Третий способ выделения текста не связан с начертаниями, но от этого его эффективность не страдает. Этот метод основан на смене цвета выделяемого текста. Не следует менять цвет фона, а работать лишь с текстом, делая это со вкусом и умеренно. При чрезмерном использовании смены цвета страница может либо запестрить, как в случае с полужирностью, так и свести на нет непосредственную роль смены цвета, то есть выделенный текст перестанет обращать на себя внимание.
Теперь самые малоэффективные способы привлечения внимания к тексту.
Подчеркивание. Подчеркивание ассоциируется с ссылкой. Пользователь может неправильно понять ситуацию и начать бегать мышкой по подчеркиваниям от слова к слову.
Это утомляет и, как следствие портит общее впечатление от сайта. Ко всему прочему, линия подчеркивания проходит через нижние выносные части литер и снижает читабельность текста.
Верстка в колонки. Наиболее популярным типом верстки HTML страниц на сегодняшний момент является табличная верстка. На самых известных новостных сайтах мы видим, что текст разбит на колонки. Причем одна колонка отводится для основного текста, а другая для так называемых приманок. Приманкой называется краткая аннотация статьи.
Второе применение малой колонки (если приманок нет или они попросту не нужны) сводится к становлению навигации сайта. Там могут располагаться ссылки, новости, баннеры.
Вопрос, как построить эту колонку многих ставит в тупик. Однако существуют старинные правила верстки текста. Итак, если отводить малую колонку под текст, то ее размер можно высчитать следующим образом. Выбрать гарнитуру, кегль, начертание и написать следующую фразу:
абвгдежзийклмнопрстабвгдежзийклмнопрст
Именно такая ширина является оптимальной для данного шрифта.
При использовании колонки для размещения ссылок следует держать ее ширину от 130 до 150 пикселей. Немного, но и немало.
2.4 Стилистическое форматирование текста
Элементы контента на странице должны иметь единый стиль оформления, чтобы страница была адекватно воспринимаема и легко читабельна. Это касается в основном шрифта и цветов, но и отступы не исключение. Размер шрифта должен быть достаточно большой, а если требуется использовать маленький шрифт, то обязательно стоит предусмотреть возможность изменения его размера, например, использование em вместо px для указания размера шрифта в вёрстке.
Заголовки.
Существуют 6 уровней заголовков, которыми не стоит пренебрегать, ведь очень часто электронный документ (в данном случае веб-сайт) может быть многоуровневым и все уровни заголовков могут быть востребованы. Хотя использование всего «спектра» заголовков может привести к тому, что пользователь запутается в уровнях. Поэтому трёх уровней заголовков в тексте будет достаточно. Заголовки самых верхних уровней лучше оставить для форматирования заголовочных надписей для различных блоков и заголовка сайта и страницы.
Рекомендуется для заголовков самых верхних уровней использовать большого размера шрифт и достаточно контрастный цвет. Спускаясь по уровню заголовков следует постепенно снижать их яркость, приближаясь к цвету основного текста. Делается это для того, чтобы мелкие заголовки были более читаемы. Например, если зелёный цвет один из основных цветов на сайте, то рекомендуется в графическом редакторе изобразить градиент, где с одной стороны будет располагаться ваш зелёный цвет, а с другой стороны -- цвет основного текста (рис. 6).
Рисунок 6 - Цвета заголовков различного уровня
Дело в том, что чем ярче и светлее цвет текста, тем он меньше контрастирует со светлым фоном. Для заголовков верхнего уровня яркость шрифта, а значит его низкая цветовая контрастность, компенсируется их размером и контрастом формы. По мере уменьшения размера, уменьшается контраст формы, а значит уменьшается удобочитаемость, поэтому следует это компенсировать контрастом цвета, т. е. цвет заголовков делать более тёмным (рис. 7).
Рисунок 7 - Пример цветового оформления заголовков
Если стиль сайта подразумевает использование нескольких цветов, то можно их взять, расположить в порядке яркости и применить для заголовков. Разные оттенки одного цвета допустимы. Но если использовать для всех шести заголовков разные по спектру цвета, то содержимое будет слишком пёстро оформлено и это будет мешать. Последний шестой заголовок, является заголовком самого низкого уровня и, в принципе, может даже не отличаться от основного текста ни цветом, ни размером. Можно просто сделать его жирным.
Размеры.
Размеры заголовков и текстовых блоков должны быть рассчитаны так, чтобы, во-первых, заголовки разного уровня были легко отличимы, т. е. различия должны быть настолько контрастны, насколько это возможно в определённом диапазоне. Но слишком большой контраст размера породит разобщённость элементов -- этого следует избегать.
Размер самих блоков текста зависит от размера шрифта. Как правило, наиболее удобен для чтения блок текста шириной в 65 символов, поэтому для больших объёмов текста не подходит резиновая вёрстка. Высота абзаца, желательно, не должна превышать 7 строк.
Отступы.
Количество пустого места прямо пропорционально читабельности -- это уже достаточно известное правило. Сейчас наиболее актуален дизайн в так называемом стиле «Web 2.0», который, если не брать во внимание закруглённые углы, глянец, отражения, а только форматирование текста, по сути представляет собой наглядный пример того, как должен выглядеть удобный для чтения сайт.
Веб-дизайн унаследовал компактную вёрстку от газет и журналов, где каждая страница имела определённую и весьма немаленькую цену. И сейчас в газетах стараются на одну страницу поместить как можно больше. По началу в веб-дизайне поступали точно так же.
Примеры перегруженных сайтов Приложение А..
Но постепенно дизайнеры стали понимать, что пространство на веб-сайте не ограничено, а значит можно делать больше отступов. Больше отступов -- глазам больше места для отдыха. «Стены текста» и обилие многоколончатых текстовых блоков раздражают глаза.
Стандартная вёрстка 90х -- 3-6 колонок с небольшими отступами и чёткими разделительными линиями или фонами.
Современная вёрстка -- 1-3 колонки с большими отступами и не всегда с очевидными делениями. Очень часто разделение блоков реализуется за счёт больших отступов и/или слабых границ и фонов.
Отступы между текстовыми блоками должны быть соразмерны размерам текстовых блоков. Т.е. так, чтобы расстояние между текстовыми блоками не отрывало их друг от друга по смыслу.
Примеры не перегруженных сайтов Приложение Б.
Высота строки должна быть не слишком большой, чтобы не спутать её с разделением абзаца и не слишком маленькой, чтобы текст не перестал быть нечитабельным. Рекомендуются пропорции от 3Ч2 до 5Ч3. Например, если размер шрифта равен 12px, то высоту строки можно ставить 18--20 px.
Раньше, в печати, абзацы отделяли красными строками. В печати это допустимо, поскольку с бумаги читать гораздо легче, чем с экрана. В электронных документах для разделения абзацев используют отступы между самими абзацами. Отступы дают возможность легко отличить, где заканчивается абзац, не только в начале строки, но и в её конце.
Расстояние между абзацами следует ставить в диапазоне от высоты шрифта до высоты строки. Расстояние должно чётко указывать на разделение абзацев, но не должно совсем разорвать их взаимосвязь.
Расстояние от заголовка и до начала текстового блока должно быть равно расстоянию между абзацами, а расстояние от конца текстового блока до следующего заголовка должно быть примерно в два раза больше, чем расстояние от заголовка до начала текстового блока. Это делается для того, чтобы обозначить принадлежность текста к определённому заголовку. Существующие настройки по умолчанию во всех браузерах неприемлемы, поскольку они подразумевают равные расстояния от заголовка до другого содержимого сверху и снизу.
Таблицы.
Основные свойства таблиц, которые не помогают а только мешают воспринимать информацию: вертикальное выравнивание и ужасные рамки. Во-первых вертикальное выравнивание должно быть соответствующим содержимому, содержимое обычных ячеек должно иметь выравнивание по верху, содержимое заголовочных ячеек -- по центру. Причём, если в горизонтальных заголовочных ячейках допустимо центрированное горизонтальное выравнивание, то в вертикальных заголовочных ячейках -- нет.
Рамку таблицы можно создать двумя способами:
использовать свойство border и border-collapse: collapse для таблицы;
использовать разный фон для таблицы и ячеек таблицы, при этом border-collapse: separate, а расстояние между ячейками задаётся с помощью border-spacing.
Отступы от границы ячейки до её содержимого должны быть не меньше половины высоты строки абзаца. А текст в заголовочных ячейках всегда должен отличаться либо жирностью, либо размером шрифта.
В идеале, каждая нечётная строка таблицы должна отличаться фоном от чётной строки.
Не стоит так же забывать и про заголовок самой таблицы.
Цитаты.
Существует три вида элементов, отвечающих за размещение цитат на веб-странице:
<blockquote> -- блок цитаты. Блочный элемент, как правило используемый для публикации большого объёма цитируемого текста;
<cite> -- источник цитаты;
<q> -- короткая цитата.
В основном используют только <blockquote> для вывода целого блока цитируемого текста. Источник этой большой или короткой строчной (<q>) цитаты если и указывают, то только не в элементе <cite>, а зря. Элементы <q> и <cite> не такие сложные в понимании и использовании, чтобы их не любить. Блок цитаты традиционно отображается со втяжкой, источник цитаты -- курсивом, а элемент <q> помещает текст в кавычки, которые на самом деле не кавычки а знаки дюйма.
Короткая цитата и блок цитаты выглядят обычным текстом. Оба варианта цитаты уместнее всего выглядели бы написанные курсивом, поскольку цитату можно рассматривать как прямую речь, а прямая речь часто выделяется курсивом имитируя рукописный шрифт.
Источник цитаты, не обязательно должен отображаться курсивом, чаще всего в качестве указания источника используется ссылка. Следует ссылку помещать в элемент <cite> и соответственно форматировать так, чтобы было понятно, что это ссылка. Можно слегка изменить, чтобы источник цитаты как-то отличался от обычной ссылки.
Если источник цитаты не опубликован в Интернете, его следует выделить особым способом, например, добавить пунктирное подчёркивание, добавить подсказку (tooltip) с разъяснением, где конкретно взят источник, слегка изменить цвет или даже сделать его жирным, но курсив будет неуместен.
Если у блока цитаты есть втяжка, то она должна быть с обоих сторон (слева и справа), причём такая, чтобы не было ощущения отрыва от всего стиля и слишком сильной концентрации текста в центре. В тоже время, втяжка не должна быть слишком маленькой, чтобы не возникало ощущение небрежности. Уместно использование графических кавычек в начала и в конце блока цитаты, а так же изменение цвета фона всего блока и добавления границ.
Списки.
Списки бывают упорядоченные (<ol>) и неупорядоченные (<ul>). Упорядоченные, обычно, отображаются с нумерованным арабскими цифрами маркером. Неупорядоченные могут быть с маркерами вида: закрашенный кружочек, незакрашенный кружочек, закрашенный квадратик (как вижу, так и называю) или любой другой рисунок.
Начнём, с того, что уясним, что же такое список. Проведём аналогию с рукописным текстом. Если в тексте имеется перечисление, то это можно назвать списком. Причём если последовательность перечисленных элементов не зависит от какого-то определённого логического порядка, то этот список является неупорядоченным. Если же от перестановки перечисленных элементов ломается смысл, то такой список называется упорядоченным.
Отображение списка в несколько строк предназначено для более удобного и наглядного восприятия. Для списка слегка меняются правила орфографии и пунктуации, но не настолько кардинально. Знаки препинания должны ставиться так, как будто этот список написан в предложении в одну строчку (рис. 8).
Рисунок 8 - Пример списка
Отступ от левого края текстового блока до маркера лучше всего задать немного большим, чем высота строки. Отступ от маркера до текста в списке можно оставить по умолчанию, а можно слегка увеличить.
Упорядоченный список больше подходит для текста технической направленности. Но можно и художественный текст представить в виде упорядоченного списка, только придётся его привести к более строгому виду.
Заключение
Текст занимает 60--65 % Всемирной паутины. Способ подачи этой информации неоспоримо важен, однако большое значение имеет и заинтересованность посетителя в той информации, которую он ищет.
Человек согласится читать все что угодно, если у него есть к этому стимул. Ресурсов, которые могут не обращать внимания на то, как они ведут себя по отношению к пользователям, весьма немного.
Подход к оформлению текста может быть различным. Существуют коммерческие сайты, электронные журналы и газеты, агентства новостей, Web-студии, поисковые и информационные порталы -- это первая группа сайтов. Тексты таких сайтов всегда более структурированы и отличаются официальным стилем. Вольности в подаче материала допускаются крайне редко. Соответственно, и отношение у посетителей к текстам такое же -- официоз и есть официоз, а если на таких сайтах ошибки или разговорный язык, то такому источнику просто перестают доверять.
Ко второй группе относятся развлекательные сайты, ресурсы, оказывающие помощь в проблемах, связанных с чем бы то ни было, форумы и персональные сайты. Тексты на таких сайтах подобны разговорам в обычной жизни. Здесь может попадаться и ненормативная лексика, и жаргон, и намеренные грамматические ошибки. Пользователи относятся к таким текстам снисходительно.
Проблема читабельности текста на сайте - одна из лидирующих проблем веб-дизайна современности. Удержаться от использования на сайте множества шрифтов или шрифтов, разных по размеру, довольно трудно. Ведь буквально каждый день появляются все новые и новые шрифты, позволяющие удовлетворить любой эстетический вкус. Однако в погоне за красивым начертанием текста важно не забыть, что главнее все-таки содержание. Поэтому выбор шрифта не должен влиять на качество восприятия информации посетителем сайта.
Мы получаем все больше возможностей применения нестандартных шрифтов для наших веб-страниц, растет число средств оформления заголовков и надписей, таких как настраиваемые тени, нестандартные формы, допустимые шрифты и т.д.
Благодаря веб-шрифтам, дизайнеры получают простор для полета фантазии, пользователи -- нескучные удобные интерфейсы и яркие запоминающиеся сайты.
Связь между посетителем и восприятием информации на сайте, которую нужно донести, происходит через текст. Правильно подобранный шрифт может сделать многое, если не сказать, что почти все, на любой веб-странице. При правильном использовании шрифтов и при безупречной верстке, можно увлекать пользователя в хождении по сайту и подсознательно заставлять его углубляться все дальше и дальше в веб-проект.
Таким образом, с помощью правильного оформления текста на сайте можно выделить главную и второстепенную информацию в тексте, с первого взгляда оценить содержание страницы сайта. Если посетителю сайта будет приятно и удобно читать текст на веб-страницах, то это положительно повлияет на его оценку веб-дизайна сайта.
Список литературы
HTML. Самоучитель: Н. Комолова, Е. Яковлева -- Москва, Питер, 2011 г.- 288 с.
Веб-Дизайн: книга Стива Круга или "не заставляйте меня думать!": Стив Круг -- Санкт-Петербург, Символ-Плюс, 2008 г.- 224 с.
Веб-дизайн. Анализ удобства использования веб-сайтов по движению глаз: Якоб Нильсен, Кара Перниче -- Санкт-Петербург, Вильямс, 2010 г.- 496 с.
Веб-дизайн. Книга Дж. Гарретта. Элементы опыта взаимодействия: Дж. Гарретт -- Москва, Символ-Плюс, 2008 г.- 192 с.
Веб-дизайн: С. В. Киселев, С. В. Алексахин, А. В. Остроух -- Москва, Академия, 2009 г.- 64 с.
Веб-дизайн: книга Дмитрия Кирсанова: Дмитрий Кирсанов -- Санкт-Петербург, Символ-Плюс, 2006 г.- 376 с.
Веб-мастеринг на 100%. HTML, CSS, JavaScript, PHP, CMS, AJAX, раскрутка: Петр Ташков -- Москва, Питер, 2010 г.- 512 с.
Графический дизайн в XXI векe: Шарлотта и Питер Филь -- Санкт-Петербург, АСТ, Астрель, 2008 г.- 192 с.
Изучаем HTML, XHTML и CSS: Эрик Фримен, Элизабет Фримен -- Москва, Питер, 2010 г.- 656 с.
Изучаем веб-дизайн: Этан Вотролл и Джефф Сьярто -- Москва, Эксмо, 2010 г.- 496 с.
Интуитивный веб-дизайн: Сьюзан Уэйншенк -- Санкт-Петербург, Эксмо, 2011 г.- 160 с.
Проектирование веб-интерфейсов: Билл Скотт, Тереза Нейл -- Москва, Символ-Плюс, 2010 г.- 352 с.
Разработка веб-сайта. Взаимодействие с заказчиком, дизайнером и программистом: Д. Браун -- Санкт-Петербург, Питер, 2009 г.- 336 с.
Современный веб-дизайн. Рисуем сайт, который продает: Ю. А. Сырых -- Москва, Вильямс, 2008 г.- 304 с.
Создание Web-сайтов. Основное руководство: Мэтью МакДональд -- Москва, Эксмо, 2010 г.- 768 с.
Создание веб-сайта для чайников (+ CD-ROM): Дэвид Кроудер -- Москва, Диалектика, Вильямс, 2009 г.- 352 с.
Создание веб-страниц для чайников. Полный справочник: Ричард Вагнер, Ричард Мансфилд -- Москва, Вильямс, 2010 г.- 544 с.
Создание веб-страниц для чайников: Бад Смит -- Санкт-Петербург, Диалектика, 2009 г.- 288 с.
Что такое графический дизайн?: Квентин Ньюарк -- Санкт-Петербург, АСТ, Астрель, 2005 г.- 256 с.
ПРИЛОЖЕНИЕ А
Рисунок 1 - Пример перегруженного информацией сайта.
Рисунок 2 - Пример перегруженного информацией сайта.
ПРИЛОЖЕНИЕ Б
Рисунок 1 - Пример не перегруженного информацией сайта.
Рисунок 2 - Пример не перегруженного информацией сайта.
Размещено на Allbest.ru
Подобные документы
Выбор гарнитуры шрифта, размера, стиля начертания шрифта. Выделение содержимого текста. Повтор набранного. Перенос и копирование содержимого. Выравнивание абзацев. Установка красной строки. Абзацные отступы и интервалы.
лабораторная работа [209,4 K], добавлен 10.03.2007Создание нового документа. Редактирование текстовых файлов типа TXT и RTF. Сохранение измененного документа. Изменение шрифта, начертания и размера символов. Отмена последнего действия. Оформление нового текста, форматирование абзаца, удаление текста.
реферат [158,6 K], добавлен 25.10.2013Работа в окне документа. Ввод текста. Вставка и удаление текста. Отмена результатов выполненных действий. Перемещение и копирование текста методом "перетащить-оставить". Форматирование текста. Сохранение документа. Шаг вперед: смена регистра.
лабораторная работа [220,9 K], добавлен 10.03.2007Общие сведения о текстовом редакторе Microsoft Word. Форматирование текста, настройка параметров абзаца, ввод символов. Средство создания списков, копирование и перемещение участков текста, работа со стилями, таблицами, вставка графических объектов.
реферат [60,5 K], добавлен 15.09.2009Интерфейс текстового редактора MS Word. Редактирование и форматирование текста в MS Word, вставка таблиц, текста WordArt и объектов из другого приложения. Создание схематических диаграмм, использование данных из табличного процессора Microsoft Excel.
презентация [1022,7 K], добавлен 05.06.2015Работа с текстом в программе Inkscape. Предложение с иероглифами, редактирование и применение атрибутов текста, выделение символов в строке. Редактирование текста и проверка орфографии, подбор цвета и шрифта в тексте, логотипы и их значение в программе.
отчет по практике [2,8 M], добавлен 29.05.2012Знакомство с программой PageMaker: создание новой публикации; форматирование символов и абзацев; глобальное форматирование. Импорт и редактирование текста. Рисование средствами PageMaker. Импорт графики. Связывание файлов. Компоновка текста и графики.
лабораторная работа [2,2 M], добавлен 01.12.2007Виды обмена данными между приложениями Windows. Работа с панелями инструментов в Word и стилевое форматирование текста. Верстка текста в несколько колонок. Работа с таблицами, сносками, рисунками, иерархическими списками и оглавлениями в документах.
презентация [1,6 M], добавлен 16.10.2013Работа с текстом в Microsoft Word 2007. Набор и редактирование текста. Поиск и замена. Проверка орфографии, использование тезауруса. Форматирование символов и абзацев. Вставка элемента списка автотекста. Microsoft Excel: сохранение и печать документа.
курсовая работа [2,2 M], добавлен 22.06.2013Дисковые устройства ПК. Виды и характеристика. Сравнительные характеристики дисковых накопителей. Флэш-диски. EXCEL. Форматирование ячеек. Шрифты и форматирование текста. Форматирование числовых данных в ячейках. Применение условного форматирования.
контрольная работа [44,9 K], добавлен 17.01.2008
