Как можно поменять цвет шрифта в текстовом редакторе, а также как поменять шрифт под иконками на Рабочем столе для ХР и 7? Как изменить html-шрифт? Эти вопросы мы более пристально рассмотрим в нашей статье.
Цвет шрифта в редакторе Word
При работе в текстовом редакторе Word у любого пользователя может возникнуть ситуация, когда нужно изменить цвет набранного текста или же появится желание изменить шрифт под иконками на Рабочем столе.
Как изменить цвет шрифта в текстовом редакторе Word? Обычно такая необходимость появляется для изменения отдельных слов или фрагментов текста с целью обращения на них особенного внимания. По умолчанию шрифту задается черный цвет. Для того чтобы изменить черный цвет на нужный, требуется выполнить следующие шаги:
- В меню редактора "Формат" (Format) выбираем команду "Шрифт" (Font) либо нажимаем клавиши CTRL+D, эти действия открывают диалоговое окно.
- В этом окне в поле "Цвет текста" (Font color) параметр "Авто" (Automatic) уже задан. Для его изменения выбираем нужный нам значок цвета из открывшегося списка и кликаем по нему мышкой.
- При необходимости сохранения этого цвета шрифта на всем документе нажимаем кнопку "По умолчанию" (Default) и подтверждаем выбор, нажав кнопку ОК.
После этого весь вновь набираемый текст будет уже отображаться в выбранном вами цвете. Вернуть прежний цвет шрифта можно, вновь изменив настройки в окне "Шрифт" (Font). Теперь нам известно, как менять цвет шрифта в Word.
Цвет шрифта на рабочем столе
При возникшей необходимости поменять шрифт под иконками на Рабочем столе для ХР и 7 требуется сделать определенные пошаговые действия.
Сначала расскажем, как поменять цвет шрифта на ярлыках Рабочего стола в Windows XP. Щелкните правой кнопкой мыши на любой свободной области Рабочего стола и выберите «Свойства». Перед вами откроются «Свойства: Экран». Выберите вкладку «Оформление», затем «Дополнительно». В меню «Элемент» выберите нужный элемент, а потом настраивайте нужный для него параметр «Цвет».
Теперь о том, как менять цвет шрифта в Windows 7. Потребуется открыть «Панель управления». Сделать это можно так: «Пуск» - «Панель управления» или так: «Мой компьютер» - «Панель управления». После этого выберите раздел «Оформление», найдите «Изменение цветовой схемы», откройте «Цвет и внешний вид окна». Далее вам нужен пункт «Элемент», открыв его, вы увидите весь список элементов, в которых можно изменить цвет. Найдите нужный элемент и установите на него понравившийся цвет.
Изменение цвета шрифта HTML
Немного поговорим о том, как менять цвет шрифта HTML. Сделать это можно легко и просто, буквально в несколько шагов.
- Редактируя документ, войдите в режим HTML.
- Найдите нужный участок текста, цвет которого хотите изменить. Это может быть участок любого размера — от одного слова до абзаца и целого текста.
- Перед нужным участком текста вставьте тег «» После знака «=» вместо слова «name» должно быть по-английски написано название нужного цвета или его код. Коды разных цветов можно посмотреть здесь (http://www.colorpicker.com/).
- Сразу после окончания нужного участка текста нужно поставить тег «».
- Теперь нужно нажать «Сохранить», и если все было сделано верно, текст поменяет свой цвет на выбранный вами.
В этом уроке мы рассмотрим последний атрибут тега , который задает цвет текста. По умолчанию текст имеет черный цвет, который выводиться на белом фоне. Для того, чтобы изменить цвет текста в html , нужно применить атрибут color тега :
Для задания цвета достаточно указать его название, например: red, green, blue. Рассмотрим небольшой пример:
Текст зеленого цвета
Текст красного цвета
Текст фиолетового цвета
Посмотрим результат в браузере:
Текст в первом абзаце стал зеленым, во втором – красным, а в третьем – фиолетовым. Всего существует 16 названий основных цветов и 130 дополнительных. Полный список цветов вы можете посмотреть в таблице цветов html.
Этот способ обозначения цвета очень прост, но весьма ограничен. Поэтому для того чтобы изменить цвет в html – коде, чаще используют шестнадцатеричное число перед которым стоит знак решетки (#), например:
С помощью такого обозначения можно получить более 16 миллионов цветов и их оттенков! Получить код цвета можно с помощью конвертера цветов HEX , который имеется на сайте, или воспользовавшись палитрой цветов в том же Photoshop. Рассмотрим пример и запишем следующий код:
Текст зеленого цвета
Текст красного цвета
Текст фиолетового цвета
Сохраним файл и посмотрим на результат:
Как вы видите, мы задали тексту те же цвета, как и в первом примере, только здесь мы воспользовались шестнадцатеричной системой исчисления или другими словами, мы задали цвет в формате HEX.
Теперь вы научились изменять цвет текста в html и в конце урока предлагаю повторить все атрибуты тега , и задать тексту сразу несколько параметров, а именно: шрифт, размер и цвет. Запишите пример:
Задаем тексту шрифт, размер и цвет
Задаем тексту шрифт, размер и цвет
Каждый раз, когда пользователь открывает программу, помимо основного поля, предназначенного для набора текста, в верхней части страницы он видит обширное меню, позволяющее произвести все основные операции наиболее удобно и быстро. Это касается и операции выделения текста цветом.Для того чтобы изменить цвет шрифта, необходимо в верхнем меню выбрать вкладку «Главная» - как правило, именно она по умолчанию открывается при открытии программы. Все меню этой вкладки разбито на несколько блоков, содержание которых обозначено в нижней части каждого блока.
Для выделения текста цветом необходимо обратить внимание на второй слева блок, обозначенный словом «Шрифт». В этом блоке присутствует символ буквы «А», который и является ссылкой на меню изменения цвета. Кликнув на букву, пользователь вызывает выпадение вкладки с палитрой цветов, которые он может использовать для набираемого им текста.
При этом важно иметь в виду, что изменить цвет можно несколькими способами. Во-первых, можно изменить цвет текста, который уже набран: для этот нужно, удерживая левую кнопку мыши, выделить требуемый участок текста, а затем в упомянутом меню выбрать тот цвет, который необходимо придать выделенному фрагменту.
Кроме того, можно поставить программе задачу сразу же набирать текст в нужном цвете. Для этого перед началом набора следует выбрать необходимый цвет с использованием рассмотренного меню, и все слова в дальнейшем будут именно такого цвета. При этом не забудьте тем же способом вернуть черный цвет текста после того, как необходимость в выделении слов цветом отпадет.
Изменение цвета при помощи меню мыши
Второй способ изменить цвет шрифта предполагает использование мыши. Некоторые пользователи утверждают, что он намного удобнее, однако единого мнения на этот счет не существует. При этом следует иметь в виду, что использование мыши, как и в случае с верхним меню, позволяет цвет уже набранного текста, так и применить настройку цвета к будущему тексту.Для того чтобы сделать это, необходимо нажать правую кнопку мыши. Это действие вызовет появление меню, в котором необходимо выбрать позицию «Шрифт». Данный выбор приведет к выпадению вкладки, которая будет очень напоминать похожую вкладку при использовании верхнего меню. Однако при этом она содержит большее количество вариантов изменений шрифта, собранных в одном меню, поэтому пользователю необходимо сосредоточиться именно на изменении цвета.
Сделать это можно посредством выбора нужного оттенка из представленной палитры. В результате выделенный текст или тот текст, который вы напечатаете после этого, будет иметь именно такой цвет.
Текстовый редактор Word позволяет раскрасить текст документа шрифтами разного цвета. Как правило, это делается для выделения целых фрагментов текста или отдельных слов в документе, чтобы обратить на них особое внимание читателей.
Стандартно в редакторе задан черный цвет шрифта. Но можно изменить эти установки на свои собственные. Для этого в меню Формат (Format) выберите команду Шрифт (Font) или нажмите сочетание клавиш CTRL+D . Откроется вот такое диалоговое окно:
В поле Цвет текста (Font color) уже установлен параметр Авто (Automatic). Вы можете выбрать иной цвет, кликнув мышкой на любой значок цвета из открывающегося списка.
Если вы хотите установить выбранный вами цвет для всех документов, которые вы будете создавать в дальнейшем, вы можете нажать кнопку По умолчанию (Default). В этом случае сделанные вами настройки шрифта сохранятся в шаблоне Normal.dot. Именно на основе данного шаблона создаются все документы в редакторе Word (стандартный режим).
Как только вы нажмете кнопку ОК для подтверждения изменения цвета шрифта, весь новый текст, который вы введете, будет отображен уже этим новым цветом. Если вы захотите вернуть черный цвет шрифта, вы можете либо вновь изменить настройки в диалоговом окне Шрифт (Font) либо, что гораздо быстрее, нажать сочетание клавиш CTRL+Пробел .
Чтобы ускорить выбор цвета шрифта, на панели инструментов Форматирование находится соответствующая кнопка:
Ее действие аналогично действию выбора цвета шрифта с помощью диалогового окна. Кроме того, вы можете визуально наблюдать на кнопке выбранный вами в данный момент цвет, а при наведении на эту кнопку курсора мыши появится всплывающая подсказка с указанием цвета.
К сожалению, в редакторе отсутствует возможность использовать две кнопки выбора цвета шрифта и использовать каждую для своего цвета. Например, если в документе нужно один текст напечатать синим цветом, а другой - зеленым, то используя лишь одну стандартную кнопку выбора цвета шрифта, придется все время переключаться с одного цвета на другой. К тому же велика вероятность спутать похожие цвета. А если вывести на панель инструментов дубликат кнопки, то выбор цвета в одной кнопке автоматически приводит к установлению такого же цвета в другой кнопке. Замкнутый круг?
Нет, если создать простейший макрос и вывести его кнопку на панель инструментов. Итак, начнем.
Всё. Можете закрыть этот документ без сохранения.
Теперь для того, чтобы вводимый текст отображался синим цветом, достаточно нажать кнопку созданного вами макроса. Для установления другого цвета шрифта, выберите нужный с помощью стандартной кнопки выбора цвета.
Для тех читателей, которые знают как работать со встроенным в Microsoft Word редактором Visual Basic, я просто приведу единственную строчку из кода макроса:
Selection.Font.Color = wdColorBlue
Аналогично можно поступить и в случае, если вам нужно выделять текст (не шрифт!) разными цветами, как это обычно делается фломастером.
Как изменить цвет шрифта в html
Если вы хоть немного разбираетесь в веб-технологиях, то должны знать, что вся разметка и содержимое документа содержатся в html-файле, а в файле стилей css при этом хранятся стили, определяющие внешний вид различных элементов. Так вот, именно css нам нужно использовать для изменения цвета шрифта и всего остального.
В html существуют теги, которые позволяют применить к тексту определенные эффекты, но согласитесь, что придумывать сотни тегов для каждого оттенка было бы не совсем разумно. В css можно управлять этим гораздо более удобно. Например, вот так можно задать цвет шрифта html-элементу body, то есть тегу, включающему в себя все содержимое странички, которое выводится на экран.
body{ color: red; }
body { color : red ; |
Мы записали телу страницы красный цвет. Его получат абзацы, списки, заголовки и все остальные элементы. Это будет до тех пор, пока стили для этих элементов не будут переопределены на другие.
Форматы записи цвета
Возможно, у вас имеются небольшие познания в области веб-дизайна? В таком случае вы должны знать о том, что существуют разные цветовые режимы. Например, rgb, rgba, hsl, hex и т.д. Конечно, самый простой способ задать оттенок – просто написать ключевое слово. Мы так и сделали в примере выше, значение red делает буквы красными, blue – синими, brown – коричневыми. Это просто названия цветов по-английски.
Единственное, что вам нужно знать в этом случае – название нужного цвета. Их вы можете посмотреть в интернете в любой таблице. Следующий популярный способ задать цвет – записать его шестнадцатеричный код. Это так называемый hex-формат. Примеры:
p{ color: #000; } /* Текст в абзацах будет черным. */ table{ color: #fff; } /* Содержимое в таблицах будет белым. */
Как видите, нужно записать решетку, после чего код цвета. Как его узнать? Например, можно открыть фотошоп или любой другой графический редактор, в котором при подборе цвета отображается его hex-код. Также можно воспользоваться онлайн-сервисом.
Rgb – еще один популярный формат записи. Он расшифровывается просто – red, green, blue. Цвет в этом формате задается так:
#footer{ color: rgb(234, 22, 56); }
#footer{ color : rgb (234 , 22 , 56 ) ; |
Элемент с идентификатором footer получит указанный цвет. Доля красного составит 234, зеленого – 22, синего – 56. Эти значения можно писать от 0 до 255. Соответственно наш оттенок получится ближе к красному. В Paint вы можете добавлять цвета в палитру с помощью изменения насыщенности трех основных цветов.
Преимущества этого способа в том, что вы выбираете из миллионов цветов, просто изменяя три числа. При записи с помощью ключевых слов в вашем арсенале будет всего лишь несколько сотен цветов.
Rgba – полупрозрачный текст!
Да, это новый режим записи, который в графических редакторах есть давно, но именно в веб-дизайне появился относительно недавно. Записывается так:
a{ rgba(255, 12, 22, 0.5); }
rgba (255 , 12 , 22 , 0.5 ) ; |
Последнее число в записи задает прозрачность. Ее можно записывать от 0 до 1, где 1 – полностью непрозрачный текст, то есть поведение по умолчанию. В этом случае все ссылки станут красными, но из-за прозрачности яркость цвета будет значительно меньше, а если под ссылкой есть другой фон или элемент, то его будет видно.
Неправильный способ задания цвета
В html есть устаревший атрибут color и с его помощью можно было записать цвет текста с помощью ключевого слова. Сейчас это может даже не сработать в современных браузерах, да и вообще этот метод нарушает общепринятые веб-стандарты. А еще он неудобен.
Как определить цвет для произвольного фрагмента
Ну ладно, мы тут говорим о цвете шрифта для абзацев, ссылок и таблиц, но это цельные элементы, а что, если вам надо определить цвет для одного предложения, одного слова, одной буквы, в конце концов?
Просто заключаем нужный фрагмент в теги span. Прописываем внутри тега атрибут class, которому задаем произвольное, но понятное нам значение. Например, так:
Все, теперь остается только обратиться к селектору в css.
