Содержание

НОУ ИНТУИТ | Лекция | Фон страницы в HTML

Аннотация: Этот урок посвящен оформлению фона web-страницы графическими элементами. А также на практическом примере рассматриваются аспекты работы HTML с цветовой палитрой.

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

Хороший цвет фона и текста

<html>
<body bgcolor="#d0d0d0">
<h2>Хороший цвет фона и текста</h2>
<p>Пример комбинации цвета фона и цвета текста, 
которая позволяет без проблем читать текст на странице.</p>
</body>
</html>

Пример выполнения данного HTML-кода

Плохой цвет фона и текста

<html>
<body bgcolor="#ffffff" text="yellow">
<h2>Плохой цвет фона и текста</h2>
<p>Пример комбинации цвета фона и цвета текста, 
которая создает трудности при чтении текста на странице.</p>
</body>
</html>

Пример выполнения данного HTML-кода

Фон

Тег <body> имеет два атрибута, которые позволяют определить фон. Фон можно задавать с помощью цвета или изображения.

Bgcolor

Атрибут bgcolor определяет цвет фона для страницы HTML. Значение этого атрибута может быть шестнадцатеричным числом, значением RGB, или названием цвета:

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

Все приведенные выше строки задают цвет фона как черный. Наиболее часто используется первый способ задания цвета.

Background

Атрибут background определяет изображение для фона страницы HTML. Значением этого атрибута является адрес URL изображения, которое желательно использовать. Если изображение меньше окна браузера, то изображение будет циклически повторяться, пока не заполнит все окно браузера.

<body background="clouds.gif">
<body background="http://www.w3schools.com/clouds.gif">

Адрес URL может быть относительным (как в первой строке выше) или абсолютным (как во второй строке выше).

Примечание: Если вы хотите использовать фоновое изображение, необходимо помнить о следующем:

  • Не будет ли фоновое изображение слишком увеличивать время загрузки?
  • Будет ли фоновое изображение хорошо сочетаться с другими изображениями на странице?
  • Будет ли фоновое изображение хорошо сочетаться с цветами текста на странице?
  • Будет ли фоновое изображение хорошо выглядеть, когда оно циклически повторяется на странице?
  • Не будет ли фоновое изображение отвлекать внимание от текста?

Элемент BODY. HTML, XHTML и CSS на 100%

Элемент BODY

Внутри элемента BODY располагается сам документ: весь текст, находящийся между открывающим тегом <BODY> и закрывающим тегом </BODY>, будет отображаться браузером. Все элементы, отвечающие за форматирование документа, помещают внутрь элемента BODY.

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

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

За цвет ссылок отвечают следующие атрибуты элемента BODY:

• alink – задает цвет активной ссылки;

• vlink – определяет цвет посещенной ссылки;

• link – устанавливает цвет непосещенной ссылки.

Цвета ссылок можно задать в HEX-формате или ключевыми словами. Ключевые слова имеет смысл использовать, если вы хотите применить стандартный цвет. Ну а если вы собираетесь устанавливать нестандартные цвета, придется воспользоваться HEX-форматом.

В примере из листинга 1.12 представлены оба варианта записи.

Листинг 1.12. Цвет ссылок

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»

«http://www.w3.org/TR/html4/loose.dtd»>

<html>

<head>

<base href=»http://www.test.test/» target=»_blank» />

<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″ />

<title>Использование элемента BODY</title>

</head>

<body alink=»#00FF00″ vlink=»red» link=»#330000″>

</body>

</html>

В примере для активной и непосещенной ссылки цвет задан с помощью цифр и букв: они определяют код цвета в шестнадцатеричном формате и записываются в качестве значения соответствующего атрибута после знака #. Для посещенной ссылки цвет задан ключевым словом. Использовать ключевые слова просто. В качестве обозначения цвета с их помощью применяются стандартные названия цветов на английском языке. Указывайте простые названия цветов вроде blue, red, black и не ошибетесь.

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

Элемент BODY предоставляет большие возможности для управления фоном страницы. Рассмотрим атрибуты, отвечающие за это.

Для начала надо задать фоновый цвет страницы. Это делается с помощью атрибута bgcolor, значение которого определяет цвет фона. Потом нужно указать фоновый рисунок страницы с помощью атрибута background, значение которого представляет собой адрес файла с рисунком для фона. При этом старайтесь ставить цвет фона, близкий к цветовой гамме фонового рисунка. Это пригодится, если у пользователя не загрузится фоновый рисунок. Когда цвет фона близок к цвету рисунка, не будет дисбаланса в общем виде страницы.

Следующий атрибут управляет прокруткой фона и называется bgproperties. Он определяет, будет ли фон прокручиваться вместе с текстом. Этот атрибут принимает всего одно значение fixed, позволяющее зафиксировать фон документа и не прокручивать его вместе с текстом. В противоположном случае нужно просто удалить этот атрибут. При выборе параметров прокрутки фона надо действовать очень осторожно и следить за тем, чтобы при прокрутке не терялась читаемость текста.

В листинге 1.13 представлен пример использования атрибутов элемента BODY, отвечающих за фон документа.

Листинг 1.13. Параметры фона

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»

«http://www.w3.org/TR/html4/loose.dtd»>

<head>

<base href=»http://www.test.test/» target=»_blank» />

<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″ />

<title>Использование элемента BODY</title>

</head>

<body background=»test.jpg» bgcolor=»#0033CC» bgproperties=»fixed»>

</body>

</html>

В примере из листинга 1.13 файл test. jpg оформлен в синих тонах, поэтому и цвет фона взят из синей гаммы. Прокрутка фона вместе с текстом запрещена.

После того как мы разобрались с фоном, можно задать положение содержимого страницы относительно границ окна браузера.

За отступ от границ окна отвечают следующие атрибуты элемента BODY:

• bottommargin – определяет расстояние от нижнего края окна браузера до содержимого страницы;

• leftmargin – указывает расстояние от левого края окна браузера до содержимого страницы;

• topmargin – задает расстояние от верхнего края окна браузера до содержимого страницы.

Расстояние для всех атрибутов устанавливается в пикселах.

В листинге 1.14 приведен пример указания расстояния до содержимого страницы с помощью атрибутов элемента BODY.

Листинг 1.14. Установка расстояния от границ окна до содержимого страницы

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»

«http://www.w3.org/TR/html4/loose.dtd»>

<head>

<base href=»http://www.test.test/» target=»_blank» />

<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″ />

<title>Использование элемента BODY</title>

</head>

<body topmargin=»10″ leftmargin=»20″ bottommargin=»10″>

</body>

</html>

В примере расстояние сверху и снизу будет по 10 пикселов, а слева – 20 пикселов.

У элемента BODY есть еще два атрибута, которые могут нам пригодиться. Атрибут text отвечает за цвет текста в документе. Когда задаете цвет текста, следите, чтобы он не сливался с фоном страницы.

Атрибут scroll определяет, будет ли в окне документа вертикальная полоса прокрутки. У него всего два значения: yes и no, обозначающие разрешить и запретить прокрутку соответственно. На самом деле запрещать прокрутку не стоит, потому что документ, который у вас на экране виден полностью без проблем, у пользователя с низким разрешением монитора может не поместиться на экране. В итоге без полосы прокрутки он просто не увидит часть документа.

Мы рассмотрели элемент BODY, его возможности и функции. Все параметры, определяемые в этом элементе, влияют на общий вид документа.

Когда вы создаете большие сайты, то со временем можете забыть, что именно делает та или иная часть кода страницы. Комментарии помогут избежать этого.

Данный текст является ознакомительным фрагментом.

Продолжение на ЛитРес

HTML — Цвета — CoderLessons.com

Цвета очень важны, чтобы придать вашему сайту хороший внешний вид. Вы можете указать цвета на уровне страницы, используя тег <body>, или вы можете установить цвета для отдельных тегов, используя атрибут bgcolor .

Тег <body> имеет следующие атрибуты, которые можно использовать для установки разных цветов:

  • bgcolor — устанавливает цвет фона страницы.

  • текст — устанавливает цвет для основного текста.

  • alink — устанавливает цвет для активных или выбранных ссылок.

  • ссылка — устанавливает цвет для связанного текста.

  • vlink — устанавливает цвет для посещенных ссылок, то есть для связанного текста, по которому вы уже щелкнули.

bgcolor — устанавливает цвет фона страницы.

текст — устанавливает цвет для основного текста.

alink — устанавливает цвет для активных или выбранных ссылок.

ссылка — устанавливает цвет для связанного текста.

vlink — устанавливает цвет для посещенных ссылок, то есть для связанного текста, по которому вы уже щелкнули.

Методы цветового кодирования HTML

Существует три способа настройки цвета на вашей веб-странице:

  • Названия цветов — Вы можете указать названия цветов, например, зеленый, синий или красный.

  • Шестнадцатеричные коды — шестизначный код, обозначающий количество красного, зеленого и синего цветов, составляющих цвет.

  • Цветные десятичные или процентные значения — это значение указывается с помощью свойства rgb ().

Названия цветов — Вы можете указать названия цветов, например, зеленый, синий или красный.

Шестнадцатеричные коды — шестизначный код, обозначающий количество красного, зеленого и синего цветов, составляющих цвет.

Цветные десятичные или процентные значения — это значение указывается с помощью свойства rgb ().

Теперь мы увидим эти раскраски одну за другой.

HTML Colors — Названия цветов

Вы можете указать прямое имя цвета, чтобы установить цвет текста или фона. W3C перечислил 16 основных имен цветов, которые будут проверяться с помощью валидатора HTML, но есть более 200 различных имен цветов, поддерживаемых основными браузерами.

Примечание. Проверьте полный список имен цветов HTML.

Стандарт W3C 16 цветов

Вот список имен W3C Standard 16 Colours, и их рекомендуется использовать.

черный Серый Серебряный белый
желтый Лайм вода фуксия
красный зеленый синий Пурпурный
каштановый оливковый флот чирок

пример

Вот примеры для установки фона тега HTML по имени цвета —

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by Name</title>
   </head>
	
   <body text = "blue" bgcolor = "green">
      <p>Use different color names for for body and table and see the result.</p>
      
      <table bgcolor = "black">
         <tr>
            <td>
               <font color = "white">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

HTML-цвета — шестнадцатеричные коды

Шестнадцатеричное — это 6-значное представление цвета. Первые две цифры (RR) представляют значение красного цвета, следующие две — значение зеленого цвета (GG), а последние — значение синего (BB).

Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Paintshop Pro или MS Paint.

Каждому шестнадцатеричному коду будет предшествовать знак фунта или хеша #. Ниже приведен список нескольких цветов с использованием шестнадцатеричной записи.

цвет Цвет HEX
# 000000
# FF0000
# 00FF00
# 0000FF
# FFFF00
# 00FFFF
# FF00FF
# C0C0C0
#FFFFFF

пример

Вот примеры для установки фона тега HTML по цветному коду в шестнадцатеричном формате —

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by Hex</title>
   </head>
	
   <body text = "#0000FF" bgcolor = "#00FF00">
      <p>Use different color hexa for for body and table and see the result.</p>
      
      <table bgcolor = "#000000">
         <tr>
            <td>
               <font color = "#FFFFFF">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

HTML-цвета — значения RGB

Это значение цвета указывается с помощью свойства rgb () . Это свойство принимает три значения, по одному для красного, зеленого и синего. Значение может быть целым числом от 0 до 255 или в процентах.

Примечание. Все браузеры не поддерживают свойство цвета rgb (), поэтому рекомендуется его не использовать.

Примечание. Все браузеры не поддерживают свойство цвета rgb (), поэтому рекомендуется его не использовать.

Ниже приведен список, показывающий несколько цветов с использованием значений RGB.

цвет Цвет RGB
RGB (0,0,0)
RGB (255,0,0)
RGB (0,255,0)
RGB (0,0,255)
RGB (255,255,0)
RGB (0255255)
RGB (255,0,255)
RGB (192192192)
RGB (255,255,255)

пример

Вот примеры для установки фона тега HTML с помощью цветового кода с использованием значений rgb () —

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by RGB code</title>
   </head>
	
   <body text = "rgb(0,0,255)" bgcolor = "rgb(0,255,0)">
      <p>Use different color code for for body and table and see the result.</p>
      
      <table bgcolor = "rgb(0,0,0)">
         <tr>
            <td>
               <font color = "rgb(255,255,255)">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

Браузер Безопасные Цвета

Вот список из 216 цветов, которые должны быть самыми безопасными и независимыми от компьютера. Эти цвета очень от гекса кода 000000 до FFFFFF, и они будут поддерживаться всеми компьютерами, имеющими 256 цветовую палитру.

Справочник HTML

    Оглавление:
Раздел 1.   Введение: теги, HTML документ.
Раздел 2.   Выделение текста — физические и логические стили.
Раздел 3.   Форматирование текста.
Раздел 4.   Ссылки.
Раздел 5.   Рисунки.
Раздел 6.   Цвет фона и текста. Шрифты.
Раздел 7.   Таблицы.
Раздел 8.   Списки.
Раздел 9.   Последовательности, комментарии.
Раздел 10. Изображения-карты (image maps).
Раздел 11. Звук на сайте.
Раздел 12. Каскадные таблицы стилей.
Раздел 13. Фреймы.

Раздел 6

Тема: цвет фона и текста, шрифты.

Цвет фона определяется значением аттрибута BGCOLOR — шестнадцатиричным числом вида #hhhhhh, где первая пара символов является значением насыщенности для красного цвета, вторая — для зеленого, и третья пара — для синего цвета. #00 — минимальная насыщенность, #FF — максимальная насыщенность цвета. Можно использовать текстовое определение цвета: BLUE, RED, FUCHSIA и т.п — одно из шестнадцати допустимых значений.

  BLACK#000000   GREEN#008000
  SILVER#C0C0C0   LIME#00FF00
  GRAY#808080   OLIVE#808000
  WHITE#FFFFFF   YELLOW#FFFF00
  MAROON#800000   NAVY#000080
  RED#FF0000   BLUE#0000FF
  PURPLE#800080   TEAL#008080
  FUCHSIA#FF00FF   AQUA#00FFFF
Например, чтобы сделать цвет фона страницы фиолетовым, можно написать
<BODY BGCOLOR=»#FF00FF»>, а можно и так:
<BODY BGCOLOR=»PURPLE»>.

Строго говоря, текстовых значений цвета значительно больше (SCARLET, VIOLET, BROWN и т.д. и т.п.), но не все браузеры их «знают». Применимы также значения LIGHTGREEN (светлозеленый), LIGHTYELLOW (светложелтый) и LIGHTBLUE (светлосиний).

Фоном может служить и какое-то изображение. При этом заданная область заполняется множественными копиями этого изображения (как кафельной плиткой). Для этого используется аттрибут BACKGROUND с указанием пути к рисунку. Например
<BODY BACKGROUND=»graph/picture.gif»>

Аттрибуты BGCOLOR и BACKGROUND могут находиться внутри метки <BODY>, тогда цвет фона устанавливается для всей страницы, либо в метках <TABLE>, <TR> и <TD> — устанавливается цвет фона во всей таблице, ее строке и ее ячейке соответсвенно (таблицы — тема следующего урока).

Для изменения цвета и размера шрифта используется метка <FONT></FONT>. Ее аттрибуты:

  • COLOR=»#hhhhhh» — цвет текста;
  • SIZE=»n» — размер шрифта;
  • FACE=»имя_шрифта» — смена шрифта, где имя_шрифта может быть arial, verdana, helvetica, sans-serif и другие.
Пример использования метки <FONT>:

<FONT SIZE=»5″ COLOR=»RED» FACE=»SANS-SERIF»>Крупный шрифт красного цвета без засечек</FONT>
В окне браузера увидите Крупный шрифт красного цвета без засечек

Для размещения текста в верхнем или нижнем регистре используются соответственно метки <SUP>..</SUP> (superscript) и <SUB>..</SUB> (subscript). Пример их использования:

в тексте: в окне браузера:
E=mc<SUP>2</SUP> E=mc2
2<SUP>x+2</SUP>=64 2x+2=64
H<SUB>2</SUB>O H2O

Тэг BODY может содержать аттрибут TEXT, который определяет цвет шрифта для всей страницы. Значение аттрибута — шестнадцатиричное значение цвета или текстовое. <BODY TEXT=»NAVY»> устанавливает цвет шрифта на странице темно-синим.

Также в тэге BODY можно определить каким цветом на вашей странице будут выделяться ссылки. Это аттрибуты:

  • LINK=»#hhhhhh» — определяет цвет ссылки, по умолчанию голубой;
  • ALINK=»#hhhhhh» — определяет цвет ссылки на документ, просмотренный ранее, по умолчанию фиолетовый;
  • VLINK=»#hhhhhh» — опрделяет цвет активизированной ссылки, т.е. когда на нее наведен курсор и нажата кнопка мыши, по умолчанию красный.

Как сделать цвет страницы в ворде. Как в Word залить страницы документа цветом


Изменяем цвет страницы

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

Первым делом, конечно же, необходимо найти соответствующий инструмент на верхней панели. Сразу стоит сказать, что использовать мы будем программу 2016-го года, поэтому с предыдущими версиями могут быть расхождения. Но в тексте все будет объяснено и для них, так что вопросов не должно возникнуть.

Нам необходим инструмент «Цвет страницы», который располагается во вкладке «Дизайн». Если же вы используете более старую версию (до Word 2010), то эта вкладка будет называться «Разметка страницы», в «Ворде» 2003 вам нужно будет использовать инструменты, находящиеся во вкладке «Формат». Итак, теперь на панели инструментов вам нужно отыскать и нажать кнопку «Цвет страницы».

По итогу откроется выпадающее меню, в котором вы можете выбрать понравившийся вам фон. К слову, если никакой цвет вам не подошел, то можете использовать больший цветовой спектр. Для этого нужно нажать на кнопку «Другие цвета».

Это был первый способ, как в «Ворде» сделать фон. Но как можно заметить, он позволяет лишь изменить цвет страницы, не привнося никаких существенных изменений. Сейчас же поговорим о том, как можно еще больше приукрасить документ.

Примеры заднего фона для документов Word

Теперь вы знаете, как в Ворде сделать фон страницы. В этом разделе, посмотрим несколько примеров документов с фоном.

Фон для деловых документов

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

Рисунок фоном для детских страниц

Должен быть ярким, но при этом простым, желательно с картинкой. Такой фон привлечет внимание ребенка.

Оформление темным фоном

Используется для отображения текста светлых тонов. Применяется для печатных материалов, чтение которых предполагается в плохо освещаемых помещениях. Например, программки для театров.

Цветной фон для буклета

Более яркий, чем для корпоративных документов. Фон должен привлекать внимание. Но в то же время должен хорошо читаться текст.

Прежде всего хочу сказать, что сделать цветную страницу в Ворде очень просто. Microsoft Word позволяет задать нужный фон у страницы буквально за несколько секунд. Но прежде чем объяснить как это сделать, давайте посмотрим, ЗАЧЕМ вообще нужно делать лист цветным?

Делаем фон страницы, используя стандартные средства

Если простая заливка листа вас не устраивает, и вы хотите что-то другое, то сейчас будет рассказано, как в «Ворде» сделать фон более изощренным.

Для этого, находясь на той же вкладке и нажав по кнопке «Цвет страницы», в меню выберите пункт «Способы заливки». Перед вами откроется окно, в котором необходимо будет определиться с используемым инструментом. На выбор есть четыре вкладки: «Градиентная», «Текстура», «Узор» и «Рисунок». Четвертую пока что рассматривать не будем.

Градиентная заливка говорит сама за себя. В этой вкладке вам необходимо будет выбрать один или два цвета для заливки и указать их тип штриховки. По желанию можно пользоваться заготовками.

Наложение текстуры, в соответствующей вкладке, подразумевает, что вы выберите один из представленных образцов. Вы можете наложить текстуру дерева или же использовать мятую бумагу — все что только пожелаете.

Во вкладке «Узор» вам предстоит выбрать один из предложенных узоров — все просто.

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

Видео в помощь

Для создания фона страницы используются инструменты в блоке «Фон страницы», который находится в закладке «Разметка страницы» для версий 2007, 2010 или «Дизайн» для редакции 2010, 2013.

Для того, чтобы фон страницы был однородным, текст изначально не должен иметь заливку белым цветом. Удалить заливку текста несложно:

  • выделить весь текст документа нажатием клавиш «Ctrl» + «A» или через меню: «Главная» → «Выделить» → «Выделить все»;
  • в блоке «Абзац» раскрыть инструмент «Заливка» (ведерко с наклоном и желтой полосой внизу), щелкнув мышью по стрелке справа;
  • выбрать строку «Нет цвета».

Как работать с фоном (заливкой) текста, в полной мере рассказывает одноименная статья « ». Обязательно ознакомьтесь и используйте в своих работах.

Эту процедуру, полезно сделать, если скопировали части документа из других источников.

Ввиду того, что фон страницы имеет несколько областей применения и по-разному выглядит, предусмотрено несколько инструментов для его создания.

Разберемся более подробней как вставить фон в документе Word.

Как сделать цветной фон страницы

Фон страницы можно сделать любого цвета, существующего в палитре Word. Для создания цветного фона для страниц документа необходимо:

  1. Перейти «Дизайн» → «Фон страницы» → «Цвет страницы»;
  2. Выбрать из существующей палитры нужный цвет и щелкнуть по нему мышкой.

Если цвета палитры не устраивают, можно выбрать команду «Другие цвета…» и в открывшемся окне «Цвета» настроить необходимый цвет, используя палитру RGB HSL во вкладке «Спектр».

Как сделать цветной фон градиентом

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

Алгоритм действий для создания этого фона следующий:

  1. Перейдите «Дизайн» → «Фон страницы» → «Цвет страницы» → «Способы заливки»;
  2. Открыть вкладку «Градиентная» и выполнить необходимые настройки:

В блоке «Цвета» выбрать количество цветов для создания градиента.

Примечание: При выборе параметра «Заготовка» можно выбрать существующие в Word тематические градиентные заготовки для фона.

В блоке «Прозрачность» установить нужные значения. Чем меньше, тем лучше виден текст и прочее содержимое документа.

В блоке «Тип штриховки» установить маркер на нужном типе направления изменения оттенков цвета.

  1. Подтвердить свои настройки нажатием ОК.

Как сделать картинку фоном страницы

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

  1. Перейдем в «Дизайн» → «Фон страницы» → «Цвет страницы» → «Способы заливки»;
  2. Открыть вкладку «Рисунок» и выбрать рисунок для фона;
  3. Щелкнуть по кнопке «Рисунок» и в открывшемся окне выбрать имя файла из имеющихся;
  4. Подтвердить выбор кнопкой «Выполнить»
  5. Завершить действие ОК.

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

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

Как сделать прозрачный фон картинки

Прозрачный фон картинки создается следующим способом:

  1. Выбрать закладку «Разметка страницы» или «Дизайн»;
  2. В открывшемся списке выбрать «Нет цвета».

Делаем собственный фон страницы

Теперь переходим ко вкладке «Рисунок». Сейчас мы разберемся, как сделать фон в «Ворде», используя для этого собственную картинку.

Делается это довольно просто, в том же окне «Способы заливки», во вкладке «Рисунок» нужно нажать по одноименной кнопке, чтобы открылось окошко. В нем выберите пункт «Из файла». В появившемся проводнике нужно проложить путь к желаемому рисунку и нажать кнопку «Вставить».

После этого вы можете задать несколько параметров, затем нажимайте кнопку «ОК».

Делаем фон за текстом

Напоследок рассмотрим, как в «Ворде» сделать фон за текстом.

Процедура эта до боли проста. Изначально вам необходимо будет выделить ту часть текста, чей фон вы хотите изменить. После этого, во вкладке «Главная» нажмите на кнопку «Цвет выделения текста». Точное месторасположение кнопки вы можете видеть на картинке ниже.

В выпадающем меню вам необходимо будет выбрать цвет по вкусу и нажать по нему ЛКМ. По итогу фон за текстом окрасится в выбранный вами цвет.

Если Вам нужно оформить документ в текстовом редакторе Microsoft Word не просто правильно, но и красиво, тогда на заднем плане лучше использовать какой-нибудь рисунок. Его можно взять любой, но лучше, чтобы он соответствовал напечатанному тексту. Также это может быть логотип или название компании. Если поставить их за текстом, то это смотрится красивее, чем водяной знак или подложка, и привлекает больше внимания.

В статье мы рассмотрим данную тему, и научимся, как сделать картинку фоном в MS Word.

Как вставить фоновый рисунок

Если перейдете на крайнюю закладку в Способах заливки

, то получите возможность
загрузить рисунок
с компьютера или и сети.

На задний план еще можно добавить водяной знак

или
подложку
. Выглядеть в итоге это может приблизительно так.

В версиях 2007, 2010, 2013, 2020 соответствующая кнопка находится в разделе Фон страницы

закладки
Дизайн
(или
Разметка страницы
).

Откроется несколько вариантов образцов

и
черновиков
.

Можно скачать

дополнительные подложки с office.com, а можно настроить уже имеющиеся. Для этого жмём .

В открывшемся окне видим, что в качестве подложки можно использовать рисунок

, который выбирается из имеющихся на компьютере (с настраиваемым масштабированием и возможностью обесцвечивания), а можно текст. В последнем варианте предлагаются основные опции форматирования. Располагать его можно по диагонали листа или горизонтально.

На первый взгляд, кажется, что инструмент изменения цвета страны абсолютно бесполезен. Но это абсолютно ошибочное мнение. Если, к примеру, вы создаете открытку, объявление или приглашение в Microsoft Word, то этот инструмент будет как раз уместен. Он добавит красок вашему листу бумаги и делает его более выделяющимся (особенно это относится к объявлениям).

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

Для того, чтобы изменить цвет страницы в текстовом редакторе Microsoft Word 2007 необходимо:

1. Перейдите во вкладку «Разметка страницы

».
2. Затем отыщите раздел «Фон страницы
», в котором находится 3 инструмента: «
Подложка
», «
Границы страницы
» и «
Цвет страницы
». Нам же необходим последний инструмент, поэтому и щелкаем по нему. 3. Откроется небольшое подменю, которое делится на:
Цвета темы
– список доступных цветов для листов страницы.
Стандартные цвет
– 10 чаще всего используемых цветов для заливки страницы.
Нет цвета
– устанавливает белый цвет листа, включено по умолчанию.
Другие цвет
– открывает диалоговое окно с доступными вариантами цветовых схем для заливки страницы.

Способы заливки
– дает возможность выбрать одни из множества доступных способов заливки листа.

На последнем пункте хотелось бы остановиться подробнее, ведь он самый интересный и дает возможность применить творчески подход к оформлению листов в Word. При нажатии на этот инструмент откроется диалоговое окно, которое в свою очередь имеет 4 вкладки:

Градиентная

– позволяет выбрать один или несколько цветов для заливки страницы, используя при этом штриховку (доступно при выборе двух цветов).


Текстура
– позволяет использовать одну из доступных текстур в качестве фона для страницы. Если вы не подобрали подходящую текстуру вы можете скачать понравившеюся из Интернета и залить в Word (при помощи клавищи «Другая текстура»).

Узор
– позволяет выбрать узор, вместо обычного цвета заливки страницы. Также вы можете выбрать цвет штриховки и основы. Редко используется, поскольку нет возможности редактировать сами узоры.

Рисунок
– позволяет выбрать ваше изображение в качестве фона для страницы.


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

Даже заядлые геймеры иногда работают с текстовым редактором Word. А офисному работнику приходится сталкиваться с набором текста каждый день и целый день. Но иногда бывают и торжественные моменты. И вот тут-то тот же самый текстовый редактор может стать незаменимым помощником. Для того, чтобы поздравить коллегу с юбилеем можно быстро создать красивую открыточку или даже грамоту. Если же вы решили создать целую или , то вам тем более придется менять цвет страницы. В новых версиях ворда это делается совсем просто, и даже заранее видно, что из этого получится. Тем, у кого до сих пор стоит Word 2003, советую почитать эту . Мы же сейчас рассмотрим способ изменения цвета страницы на примере Word 2010.

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

, и в ленте этой вкладки найти блок
Фон страницы
и кликнуть по маленькой черной стрелочке справа от ярлыка
Цвет страницы
. Откроется палитра, в которой необходимо выбрать цвет нашей будущей страницы.

А если выбрать Способы заливки

, то тут «не паханое поле» для вашей фантазии.

  • На вкладке Градиентная,
    можно подобрать переходы между цветами и способы заливки листа.
  • На вкладке Текстура
    , можно выбрать подходящую вашему замыслу текстуру, или загрузить свою.
  • На вкладке Узор
    , можно выбрать не замысловатый узорчик, и замостить им всю страницу вашего документа.
  • А на вкладке Рисунок
    , вы можете загрузить свои рисунки или картинки, и оформить страничку в своем стиле.

А уже после того, как вы определились с цветом страницы, можно и напечатать на ней , или любой другой текст. А можно добавить картинки и создать открыточку,

Если вы часто работали с документами Word, вы скорее всего обращали внимание на выделения в тексте, которое рассчитано на привлечение внимания к определенному объекту в тексте. Это может быть как отдельная буква, слово, предложение или же даже ячейка в таблице, которая вставлена как объект. Возможно даже выделение фоном всего листа целиком или же всего документа. Но чрезмерное выделение может не только не выполнять свое предназначение, а и раздражать при просмотре и чтении документа. Я думаю что вы не увлекаетесь такими крайностями (хотя я видел такое часто) и в случае, если вам для чтения или ознакомления попадется такой документ, после прочтения вы будете знать как в ворде убрать фон за текстом, как убрать фон в ворде при копировании и как сделать фон. Давайте по порядку.

Добавляем рисунок через соответствующий пункт меню

Выбрать рисунок для страницы в Word 2007, 2010 и 2013 можно следующим образом. Откройте нужный документ и перейдите на вкладку «Разметка страницы» . Затем нажмите на кнопку «Цвет страницы» и выберите из меню .

Если у Вас установлен Word 2020, тогда в открытом документе перейдите на вкладку «Дизайн» , а дальше делайте все, как описано выше: «Цвет страницы» – «Способы заливки» .

Откроется небольшое диалоговое окно. В нем перейдите на вкладку «Рисунок» и нажмите на кнопку с таким же названием, которая находится под пустой областью посредине.

В Word 2020 перед окном, которое показано на скриншоте выше, появится вот такое. В нем можно выбрать, откуда Вы хотите вставить рисунок, это может быть изображение с компьютера, или найдите нужное через поиск.

После того, как выберите картинку, нажмите «ОК» в соответствующем окне.

Плюс данного способа в том, что фон, который Вы выберите, применяется ко всем страницам в документе.

А минус – изображение должно быть подходящего размера. Как видите, в примере, виден только один пингвин. Соответственно, эту картинку мне нужно сохранить с другим размером через какой-нибудь редактор, например, Paint.

Использование подложки

Ну и еще одним способом поставить картинку вместо фона я хотел бы выделить использование подложки. Чаще всего ее используют для того, чтобы сделать еле видимую надпись на документах, например «Образец» . Но для вставки изображения данная функция очень даже подходит. Давайте посмотрим, как ею воспользоваться.

Также как и в предыдущем способе, даная функция применяется сразу ко всем листам в документе, что очень удобно, если вы хотите делать всё в едином стиле.

Также, вы должны были заметит, что изображение стало слегка осветленным. Это делается, чтобы на нем не делали акцент и удобнее было читать сам текст.

Также этот способ может быть удобнее предыдущего за счет того, что мы можем контролировать масштаб изображения, если нам не нравится, как он отсекает картинку.

Но какой бы из способов вы не решили использовать, это ваш выбор. Здесь нет какого-то единого хорошего или плохого варианта. Они все разные и все интересные. Кстати, а какой из них больше всего понравился вам? Ответ напишите в комментариях.

Ну а на этом у меня все. Надеюсь, что моя статья вам понравилась. Не забудьте подписаться на мой блог ивсе мои сообщества, чтобы всегда быть в курсе всего нового и интересного. Жду вас снова у себя в гостях. Удачи вам. Пока-пока!

С уважением, Дмитрий Костин.

Дата: 2 мая 2020 Категория:

Здравствуйте, уважаемые читатели. Сегодня учимся делать фон в Microsoft Word. Зачем это может понадобиться? Для стилизации проекта

, создания корпоративных бланков, добавления различных графических эффектов. Нет предела фантазии, поводов добавить на лист Ворда фон бесчисленное множество. Так что, давайте пойдем от простого к сложному.

Примеры буду показывать на Microsoft Office 2013. В других версиях программы все аналогично или похоже.

Делаем картинку фоном страницы

Давайте рассмотрим еще один способ, с помощью которого можно сделать нужный рисунок фоновым.

Откройте документ и переходите на вкладку . Затем нажимайте кнопку «Рисунок» , чтобы добавить его на страницу.

В следующем окошке найдите то, что подходит, на компьютере, выделите и нажмите «Вставить» .

После того, как картинка добавится, кликните по ней правой кнопкой мышки и выберите из контекстного меню «Обтекание текстом» – «За текстом» .

Теперь весь текст, который есть в документе отобразится перед картинкой. Чтобы выбранное изображение сделать фоном всего листа и убрать белые поля, его нужно растянуть. Для этого, кликните по картинке. По краям сразу появятся маркеры – точки по углам и по одной точке с каждой стороны. Используя данные маркеры, растяните рамку по ширине и высоте так, чтобы закрыть весь лист.

Вот так получилось у меня. Плюс способа в том, что самостоятельно можно выбрать, какая часть картинки отобразится на листе: целиком, или можно растянуть и сделать так, чтобы отображалась только определенная область.

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

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

Оценить статью:

Прежде всего хочу сказать, что сделать цветную страницу в Ворде очень просто. Microsoft Word позволяет задать нужный фон у страницы буквально за несколько секунд. Но прежде чем объяснить как это сделать, давайте посмотрим, ЗАЧЕМ вообще нужно делать лист цветным?

Очистка маркера

Чтобы убрать фон текста – маркер, делаем следующее. Выделяем весь текст, фрагмент или букву, за которым следует удалить цвет. На закладке Главная в поле Шрифт, есть значок Заливки текста.

Там можно выбрать другую заливку или ее отсутствие. Если же это не помогло – значит имеем дело с Маркером.

В поле Абзац интересует инструмент Заливка. С его помощью можно выборочно изменять Цвет за текстом.

Зачем нужно делать в Ворд страницу НЕ белого цвета

Обычно цвет страницы в Ворд изменяют для того, чтобы сделать документ более красивым . К сожалению, многие не понимают, что смена фона страницы со стандартного белого на иной может обернуться рядом проблем. Прежде всего стоит подумать, будете ли вы печатать

ваш
цветной
документ? Если да, то на чём? Если вы собираетесь вывести созданный документ Ворд на обычный
чёрно-белый
офисный принтер, то лучше сразу откажитесь от цветных страниц, поскольку любой цвет, отличный от чёрного, просто автоматически превратиться в градации (оттенки) серого и вместо красивого документа, который вы видите на экране
монитора
, вы получите чепуху.

Если вы будете печатать на цветном устройстве, то можно, но тонера будет у вас расходоваться очень много

, поскольку это обычная заливка страницы. Учитывая цены на расходники для цветных принтеров, стоит задуматься о целесообразности смены цвета страницы
прямо в Ворде
.

А вот если вы хотите вывести документ Word в PDF, то тут всё в порядке — смело меняйте цвет подложки страницы как хотите.

Тут была важная часть статьи, но без JavaScript её не видно!

Умный способ изменить цвет страницы в Word

Если нужен просто цветной ФОН, но не цветной текст, то предпочтительно просто использовать печать на цветной бумаге или картоне, которые можно купить в любом магазине канцтоваров. Таким способом можно легко и просто сделать цветные страницы. Текст при этом цветным не будет, но это и не нужно.

В самом документе Ворд фон у страницы изменять НЕ нужно, иначе черно-белый принтер на вашу цветную бумагу нанесёт ещё серый цвет, в который превратиться цветной фон!

Как убрать офомрление при копировании

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

В данном случае можно избавиться не только от фона, но и от ненужного форматирования.

Для этого, выделите скопированный фрагмент. На вкладке главная в разделе Шрифт есть значок обозначающий полную очистку от форматирования.

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

Как сделать цветную страницу в Word (для ленивых)

А вот, собственно, то, что вы, наверное, и искали — как сменить фон непосредственно в документе. Зайдите в меню Ленты в раздел «Разметка страницы» и выберите там «Цвет страницы», после чего в раскрывшемся меню укажите нужный цвет. Картинку я тут приводить не буду — уж очень примитивно всё это. На курсах своих я эти вещи в деталях объясняю, конечно, но в этой заметке мне хотелось сделать акцент именно на способах

смены цвета фона у страницы, а также навести на мысль «зачем это нужно». Подобные мысли ведут к лучшему пониманию того, что вы делаете.
сайт_

Теперь вы знаете на один фокус больше…

Показанный метод изменения фона страницы в Ворд вовсе не единственный. Word скрывает множество секретов, на освоение которых требуется время. Если хотите работать в программе профессионально, то есть создавать грамотно оформленные документы и притом быстро, то не поленитесь прочитать хороший учебник по Microsoft Word. Они, конечно, довольно толстые, но результат превзойдёт все ожидания.

Для ленивых могу предложить свой полный видеокурс по Microsoft Word . Он специально создан для обучения с нуля и до полного освоения программы. Но просмотреть все 40 уроков недостаточно — нужно параллельно всё пробовать на практике. Вот тогда вы перестанете тратить время на поиски информации в интернете.

Если Вам нужно оформить документ в текстовом редакторе Microsoft Word не просто правильно, но и красиво, тогда на заднем плане лучше использовать какой-нибудь рисунок. Его можно взять любой, но лучше, чтобы он соответствовал напечатанному тексту. Также это может быть логотип или название компании. Если поставить их за текстом, то это смотрится красивее, чем водяной знак или подложка, и привлекает больше внимания.

В статье мы рассмотрим данную тему, и научимся, как сделать картинку фоном в MS Word.

Добавляем рисунок через соответствующий пункт меню

Выбрать рисунок для страницы в Word 2007, 2010 и 2013 можно следующим образом. Откройте нужный документ и перейдите на вкладку «Разметка страницы» . Затем нажмите на кнопку «Цвет страницы» и выберите из меню .

Если у Вас установлен Word 2020, тогда в открытом документе перейдите на вкладку «Дизайн» , а дальше делайте все, как описано выше: «Цвет страницы» – «Способы заливки» .

Откроется небольшое диалоговое окно. В нем перейдите на вкладку «Рисунок» и нажмите на кнопку с таким же названием, которая находится под пустой областью посредине.

В Word 2020 перед окном, которое показано на скриншоте выше, появится вот такое. В нем можно выбрать, откуда Вы хотите вставить рисунок, это может быть изображение с компьютера, или найдите нужное через поиск.

После того, как выберите картинку, нажмите «ОК» в соответствующем окне.

Плюс данного способа в том, что фон, который Вы выберите, применяется ко всем страницам в документе.

А минус – изображение должно быть подходящего размера. Как видите, в примере, виден только один пингвин. Соответственно, эту картинку мне нужно сохранить с другим размером через какой-нибудь редактор, например, Paint.

Как залить фон листа цветом

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

Более продвинутый способ — залить фон градиентом

.То есть, цвет будет перетекать от одного к другому. Кликните Дизайн — Фон страницы — Цвет страницы — Способы заливки… . В открывшемся меню перейдите на вкладку «Градиентная», чтобы всё настроить.

Вам будут доступны такие настройки:

  • Цвета
    — укажите сколькими и какими цветами будете оформлять фон:
    Один цвет
    — градиент от выбранного цвета к белому, черному или серому (устанавливается бегунком Темнее — Светлее
  • Два цвета
    — градиент от одного выбранного цвета к другому
  • Заготовка
    — Несколько вариантов уже готовых градиентов
  • Тип штриховки
      Горизонтальная
      — цвет изменяется по горизонтали
  • Вертикальная
    — перетекание по вертикали
  • Диагональная 1
    и
    Диагональная 2
    — переход цвета по диагонали
  • Из угла
    — из одного угла листа в противоположный
  • От центра
    — из центра листа к его краям
  • Теперь о других способах заливки.

    Тег body в HTML | вебисторий

    Редко какая веб-страница создаётся не для распространения контента. Именно внутри тега <body> должен располагаться весь тот контент, что мы хотим показать на странице. Это и текст, и изображения, и скрипты, и многое другое. Сегодня разберём этот очень важный для HTML-документа тег.

    Хотя тег <body> считается своего рода стандартом, его наличие в HTML-документе не является обязательным. С другой стороны, выделение основной части HTML-документа является «хорошим тоном».

    Для тега <body> доступно довольно много атрибутов, в том числе и универсальных. Также для тега <body> доступны события.

    alink — устанавливает цвет активной ссылки. Текущий цвет меняется, когда на ссылку нажимают курсором мыши или выделяют её при помощи клавиатуры. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.

    <body alink="red">
     <p><a href="https://sitename.ru">Ссылка</a></p>
    </body>

    background — задаёт фоновый рисунок для веб-страницы. Для фонового рисунка не устанавливаются ширина и высота, он всегда отображается в масштабе 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется как мозаика. В качестве фона допускается использовать анимированные изображения в формате GIF, но это считается «плохим тоном» из-за того, что они отвлекают внимание посетителей сайта.

    <body background="images/fon.gif">
     <p>текст</p>
    </body>

    bgcolor — устанавливает цвет фона веб-страницы. Может использоваться совместно с background, чтобы цвет фона гармонировал с фоновым рисунком. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.

    <body bgcolor="#008000">
     <p>текст</p>
    </body>

    bgproperties — определяет, прокручивается фоновый рисунок вместе с текстом и другими элементами на странице или нет. По умолчанию фоновый рисунок прокручивается вместе с содержимым веб-страницы. Чтобы зафиксировать фон, нужно использовать bgproperties=»fixed». Чтобы фон не фиксировался, достаточно не использовать bgproperties или использовать bgproperties=»».

    <body background="images/fon.gif" bgproperties="fixed">
     <p>текст</p> 
    </body>

    bottommargin — определяет размер отступа от нижнего края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.

    <body bottommargin="15">
     <p>текст</p>
    </body>

    leftmargin — определяет размер отступа от левого края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.

    <body leftmargin="15">
     <p>текст</p>
    </body>

    link — устанавливает цвет непосещённых ссылок. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.

    <body link="green">
     <p><a href="https://sitename.ru">Ссылка</a></p>
    </body>

    rightmargin — определяет размер отступа от правого края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.

    <body rightmargin="15">
     <p>текст</p>
    </body>

    scroll — управляет отображением полос прокрутки, когда размер контента превышает размер текущего окна. Для запрета отображения полос прокрутки нужно использовать scroll=»no», для разрешения не использовать scroll или использовать scroll=»yes».

    <body scroll="no">
     <p>текст</p>
    </body>

    text — устанавливает цвет текста, используемый на веб-странице по умолчанию. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах. Цвета отдельных элементов можно изменять с помощью стилей.

    <body text="maroon">
     <p>текст</p>
    </body>

    topmargin — определяет размер отступа от верхнего края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.

    <body topmargin="15">
     <p>текст</p>
    </body>

    vlink — задаёт цвет посещённых ссылок. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.

    <body vlink="#008080">
     <p><a href="https://sitename.ru">Ссылка</a></p>
    </body>

    В целом, спецификация HTML не одобряет использование атрибутов background, alink, bgcolor, link, text и vlink. Валидный код в таком случае будет только если использовать переходный <!DOCTYPE …>.

    Использование атрибутов bgproperties, bottommargin, leftmargin, rightmargin и topmargin и вовсе осуждается спецификацией HTML и их наличие приведёт к невалидному коду. А браузер Mozilla Firefox не поддерживает эти атрибуты в принципе.

    Ну и отдельно про атрибут scroll. Использовать его особенно не рекомендуется. Мало того, что его наличие сделает код невалидным, так он ещё и не поддерживается почти всеми браузерами кроме Internet Explorer.

    Изменение цвета фона фиксированного стиля шаблона «Protostar» в Joomla 3

    Сразу заострю внимание на том, что всё, ниже изложенное касается стилей шаблона «Protostar» при положении переключателя «Тип контейнера» в положении «Резиновый» (горит красная кнопка). В этой статье рассмотрим, как поменять фон сайта, работающего на CMS Joomla с шаблоном «Protostar» с помощью админки, без изменений исходного кода шаблона и его стилей CSS.

    Вкладка «Дополнительные параметры» стиля шаблона Protostar

    Первым делом нужно открыть список стилей шаблонов в админке Joomla и выбрать стили шаблона Protostar.

    Нас интересует вкладка «Дополнительные параметры». Напомню, что положении переключателя «Тип контейнера» в должен быть в положении «Резиновый» (активна красная кнопка):

    Значение по умолчанию поля «Цвет фона» параметров шаблона Protostar

    Значение по умолчанию поля «Цвет фона» параметров шаблона Protostar автоматически выставлено #f4f6f7. Даже если его удалить, то после сохранения изменений, это значение автоматически восстановится.

    С этим значение цвета фона шаблон сайта выглядит так:

    Изменение цвета фона фиксированного стиля шаблона «Protostar»

    Поменяем значение цвета фона с помощью клавиатуры вписав код цвета или с помощью мышки инструментом пипетка, выбрав цвет из палитры, которая включается если кликнуть по квадратику в начале поля «Цвет фона».

    После изменения значения цвета фона, чтобы увидеть изменения в шаблоне, нужно сохранить настройки с помощью одной из кнопок сохранения, расположенных в верхнем ряду кнопок управления «Менеджера шаблонов»:

    Новый вид дизайна с изменённым цвета фона шаблона Protostar

    После того, как изменения в настройках шаблона сохранены, нужно перезагрузить (или открыть) страницу сайта. Изменения в цвете шаблона очевидны:

    Заберите ссылку на статью к себе, чтобы потом легко её найти 😉

    Выберите, то, чем пользуетесь чаще всего:

    Спасибо за внимание, оставайтесь на связи! Ниже ссылка на форум и обсуждение ; )

    HTML | Атрибут bgcolor

    HTML | Атрибут bgcolor

    Атрибут HTML bgcolor используется для определения цвета фона документа.
    Синтаксис:

      

    Значения атрибутов:

    • color_name: Указывает имя цвета фона документа.
    • hex_number: Указывает шестнадцатеричный код цвета фона в документе.
    • rgb_number: Указывает значение rgb для цвета фона в документе

    Пример:

    html

    tml >

    < голова >

    < title >

    HTML body Bgcolor Attribute

    title title >

    голова >

    < корпус текст = «зеленый» bgcolor = «оранжевый» >

    < центр >

    < h2 > GeeksforGeeks h2 >

    < h3 >

    HTML < body > Атрибут bgcolor

    h3 >

    < p >

    Это компьютер

    Научный портал для гиков

    p >

    центр >

    корпус >

    html >

    Выход:

    Поддерживаемые браузеры: Браузеры, поддерживаемые атрибутом bgcolor , перечислены ниже:

    • Google Chrome
    • Internet Explorer
    • Firefox
    • Safari
    • Opera

    Презентация Цвета фона и текста в HTML, коды XML


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

    В кодировании HTML (или XML) цвета определяются с помощью операторов: "#rrggbb" , где rr, gg, bb представляют собой шестнадцатеричное число для пропорции красного, зеленого и синего соответственно. 00 представляет отсутствие соответствующего цвета, ff (= десятичное 255) представляет максимальное количество. Черный - это отсутствие любого цвета и обозначается # 000000; Белый - это 100% смесь всех цветов и обозначается #ffffff.Между ними есть почти бесконечное количество комбинаций, см. Подборку цветов ниже на странице.

    Вы меняете цвет текста с помощью оператора: Не забудьте поместить оператор: , если вы хотите вернуться к обычному цвету! Здесь цвет текста был изменен на Синий ().

    Цвет фона в таблице можно изменить с помощью оператора: bgcolor = "# rrggbb" в начале оператора таблицы.Здесь цвет был изменен на светло-зеленый (). Вы можете изменить цвет фона индивидуально для каждой ячейки таблицы, как это сделано в примерах ниже.

    При 256 возможных оттенках любого из трех цветов общее количество возможных цветовых комбинаций составляет 16 777 216. Конечно, ни один человеческий глаз не способен различить такие тонкие различия.
    Использование базовых цветовых вариаций, равномерно распределенных с интервалом 1/5 (20%) ( 00, 33, 66, 99, cc и ff ), по-прежнему дает 216 общих цветовых вариаций для текста и цветов фона.Они вполне подходят и, кроме того, распознаются всеми браузерами и принтерами. см. удобную перекрестную ссылку между шестнадцатеричными, десятичными числами RGB и процентными числами.

    В кодировании HTML (или XML) вы изменяете цвет фона всей страницы с помощью оператора: bgcolor = "# rrggbb" внутри оператора в начале страницы. rr, gg, bb представляют собой шестнадцатеричное число для пропорции красного, зеленого и синего соответственно.Вся эта страница белого цвета ( ). Если вы не укажете цвет фона, по умолчанию он будет белым.

    В следующих таблицах показаны некоторые основные цвета и их шестнадцатеричные коды, а также выборка различных оттенков и оттенков

    Равные смеси всех трех основных цветов = черный, серый, белый
    # 000000 # 333333 # 666666 # 999999 #cccccc #ffffff
    ОСНОВНЫЕ ЦВЕТА = красный, зеленый, синий - от темного к светлому Окончательный цвет
    Название
    # 330000 # 660000 # 9

    # cc0000 # ff0000 Красный # 003300 # 006600 # 009900 # 00cc00 # 00ff00 зеленый # 000033 # 000066 # 000099 # 0000cc # 0000ff синий
    Одинаковые пропорции Красный + Зеленый
    # 333300 # 666600 # 999900 # cccc00 # ffff00 желтый
    Одинаковые пропорции Красный + Синий
    # 330033 # 660066 # 9

    # cc00cc # ff00ff пурпурный
    Одинаковые пропорции Зеленый + Синий
    # 003333 # 006666 # 009999 # 00cccc # 00ffff голубой
    Примеры изменения оттенков и оттенков
    На 20% больше красного + столько же зеленого и синего
    # 663333 # 996666 # cc9999 #ffcccc
    На 40% больше Красный + столько же Зеленый и Синий
    # 993333 # cc6666 # ff9999
    На 20% больше зеленого + столько же красного и синего
    # 336633 # 669966 # 99cc99 #ccffcc
    На 40% больше зеленого + столько же красного и синего
    # 339933 # 66cc66 # 99ff99
    На 20% больше Синий + равное количество Красный и Зеленый
    # 333366 # 666699 # 9999cc #ccccff
    На 40% больше Синий + равное количество Красный и Зеленый
    # 333399 # 6666cc # 9999ff

    Вы поняли? Теперь вы можете сами поэкспериментировать.

    А вот примеры некоторых популярных цветов.
    50% красный + зеленый; Красный + синий; Зеленый + синий
    оливковое фиолетовый бирюзовый
    # 808000 # 800080 # 008080
    Более популярные цвета по названию. В последней строке хороши цвета фона
    Золото Оранжевый Коричневый Сиена Бордовый
    # ffcc00 # ff9900 # 993333 # 996633 # 9

    Фиолетовый Королевский синий бирюза Шартрез Аквамарин
    # 9933ff # 3366cc # 33cccc # 66ff00 # 66ffcc
    Светло-розовый Небесно-голубой Светло-голубой Бледно-зеленый Античный белый
    #ffcccc # 00ccff #ccffff # 99ff99 #ffffcc
    Справочная таблица для шестнадцатеричных чисел, десятичных чисел RGB и процентов
    шестнадцатеричных # 33 # 66 # 80 # 99 #cc #ff
    Десятичный RGB 51 102 127 153 204 255
    процент 20% 40% 50% 60% 80% 100%
    Вернуться к началу страницы.
    Для превосходной таблицы цветов с их названиями Macintosh, их шестнадцатеричными кодами и десятичными кодами RGB (используемыми в графических программах, таких как «PaintShopPro» и «Adobe Photoshop», см. http://www.timestream.com/mmedia/graphics/colors/palette.html
    Подробное руководство по дизайну страниц HTML и XML см. На прекрасном веб-сайте Дженнифер Кирнин.

    Вернитесь к началу страницы.
    Вернитесь к содержанию для других страниц справки компьютера.->

    Как изменить цвет фона одной страницы в документе Word?

    Как изменить цвет фона одной страницы в документе Word?

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

    Изменить цвет фона одной страницы в документе Word