69687

КОЛІР ФОНУ І ТЕКСТУ

Доклад

Информатика, кибернетика и программирование

Колір фону і тексту може задаватись шістнадцятковими значеннями RRGGBB (Red, Green, Blue) червоного, зеленого і синього кольорів відповідно або позначеннями кольорів англійською мовою. Яскравість кожної складової вимірюється цілим числом, яке у десятковій системі числення...

Украинкский

2014-10-08

95.5 KB

0 чел.

Тема 6: КОЛІР ФОНУ І ТЕКСТУ

При розробці сторінок можна використати теги з атрибутами, які впливають на колір фону і тексту сторінки.

Колір фону і тексту може задаватись шістнадцятковими значеннями RRGGBB (Red, Green, Blue) червоного, зеленого і синього кольорів відповідно або позначеннями кольорів англійською мовою. Яскравість кожної складової вимірюється цілим числом, яке у десятковій системі числення знаходиться у межах від 0 до 255, а в шістнадцятковій може приймати значення від 0 до 9 і від А до F (00, 01,..., 09, 0А,..., FF). Значення 00 є мінімальним, a FF - максимальним, наприклад:

Червоний Red #FF0000

Зелений Green #00FF00

Синій Blue #0000FF

Застосовуючи різні значення інтенсивності червоного, зеленого і синього кольорів, можна одержати такі відтінки:

darkblue #00008B

greenyellow #ADFF2F

lightcoral #F08080

tomato #FF6347

У Додатку 2 наведено таблицю англійських назв кольорів і відповідні коди RGB.

Тег <BODY> містить список додаткових параметрів, які управляють використанням фонових зображень і визначають кольори гіпертекстових посилань і тексту.

Атрибути тегу <BODY>

BGCOLOR Задає колір фону

TEXT Задає колір тексту

BACKGROUND Визначає зображення, яке

використовується як фонове

Для визначення кольору фону документа тег <BODY> записується таким чином (атрибуту BGCOLOR можуть бути надані як RGB-коди, так і безпосередньо назви кольорів англійською мовою):

<BODY BGCOLOR=#FF0000> або

<BODY BGCOLOR=RED> - фон документа буде червоного кольору.

<BODY TEXT=#FF0000> або

<BODY TEXT=RED> - колір тексту в документі буде червоним.

Атрибути можуть бути записані одночасно:

<BODY BGCOLOR=RED TEXT=WHITE> - колір фону червоний, колір тексту - білий.

Для зміни кольору абзацу або будь-якого слова в тексті можна скористатись атрибутом COLOR тега <FONT> ... </FONT>:

<FONT COLOR=#FF0000> або

<FONT COLOR= RED >.

Примітка. У випадку, якщо є потреба створити колір, коду і назви якого немає у наведених довідкових матеріалах, можна скористатись будь-яким графічним редактором (в тому числі, і найпростішим -PAINT). У кожному графічному редакторі є палітра для «змішуванню кольорів», де можна дізнатись про інтенсивність трьох складових будь-якого кольору, представлену у десятковій формі. Щоб одержати їх шістнадцяткові значення, слід скористатись Калькулятором -стандартною програмою Windows. Для цього необхідно:

завантажити PAINT;

увійти в пункт меню Палитра-Изменить палитру –Определить цвет;

користуючись повзунками, обрати потрібний колір і відтінок;

завантажити Калькулятор;

перевести його у розширений режим Вид-Инженерньй;

ввести інтенсивність кольору (наприклад, червоний колір має інтенсивість 226) і перейти на шістнадцяткове числення (режим Hex): у віконці калькулятора буде написано Е2 – це шістнадцяткове значення деяткового 226;

перейти у десятковий режим - ввести наступний код інтенсивності кольору - перейти у режим Hex і таким чином визначити інтенсивність всіх трьох складових.

ГРАФІЧНЕ ЗОБРАЖЕННЯ ЯК ФОН

При необхідності можна використати зображення (графічний файл) як фон для сторінки. Зображення, використане як фон, як мозаїка, багаторазово повторюється в робочому вікні і заповнює його.

WWW-броузери підтримують обмежену кількість форматів файлів для вбудованих зображень, і не всі броузери можуть відображати кожен з цих форматів у вікні HTML-документа. Два найбільш популярних формати, які підтримуються Internet Explorer і більшістю інших броузерів - формати GIF і JPEG (графічні файли у цих форматах мають розширення .GIF і JPG).

Графічний формат GIF - найбільш популярний формат включення вбудованих зображень у WWW-сторінки, оскільки він підтримується всіма графічними броузерами. Файли у цьому форматі можуть містити максимум 256 кольорів. Це також єдиний формат, який підтримує прозорість кольору і дозволяє стискання без втрати якості. Формат широко застосовується для створення різних елементів Web-сторінок: кнопки, іконки, банери*, анімаційні зображення та інші швидкозавантажувані зображення із низьким кольорові-дображенням.

Формат JPEG був розроблений як засіб для стискання зображень з палітрою на 16,7 млн. можливих кольорів. Можливість роботи з повноцінною палітрою обумовлює перевагу JPEG над GIF при демонстрації сканованих фотографій, картин, малюнків та інших зображень. При стисканні файла відчуваються втрати якості зображення. Великий розмір файлів обумовлює їхнє повільне завантаження на Web-сторінку.

Для використання зображення як фону необхідно вказати шлях до файла на диску, у якому знаходиться зображення. Наприклад, зображення знаходиться у файлі 008.gif у папці IMG на диску С:. В цьому випадку тег <BODY> з атрибутом встановлення фонового зображення буде записаний таким чином:

<BODY BACKGROUND="C:/IMG/008.GIF">.

У випадку, якщо файл зображення знаходиться у тій же папці, що і HTML-документ, шлях до файла можна не вказувати, просто вказати його ім'я (як у наведеному нижче прикладі).

РИКЛАД

Файл у форматі HTML:

<HTML>

<HEAD>

<TITLE>Mofl перша HTML-CTopiHKa</TITLE>

</HEAD>

<BODY BACKGROUND="008.gif">

</BODY >

</HTML>


 

А также другие работы, которые могут Вас заинтересовать

60217. Математическое детективное агентство 139 KB
  Ведущие: Шерлок Холмс и доктор Ватсон. Звучит музыкальная заставка из х ф Шерлок Холмс и др Ватсон. Ватсон: Добрый день Холмс Шерлок Холмс: Добрый день Ватсон Ватсон: Вы просматривали утренние газеты Опять громкое дело...
60218. Здорові діти – здорове майбутнє 96.5 KB
  Кожна правильна відповідь кожне правильно виконане завдання будуть робити наших гостей чистішими та здоровішими. годинник Завдання: Режим дня кожна команда отримує набір карток з написами сніданок обід вечеря прогулянка...
60219. СТЕЖКАМИ РІДНОЇ ДОНЕЧЧИНИ! 179 KB
  Мета: нагадати учням про найславетніші місця рідного краю, символи; формувати громадянську позицію, сталий світогляд; розвивати вміння узагальнювати матеріал, робити висновки; виховувати почуття патріотизму...
60220. ЩО МИ ЗНАЄМО, ЩО ВМІЄМО 230.5 KB
  Методична розробка відкритого поза аудиторного заходу з дисципліни Навчальна практика з хімічного аналізу тугоплавких неметалевих і силікатних матеріалів і виробів.
60221. Полікультурний спортивно - розважальний захід: « Най! Най! Най!» 154 KB
  Звучить сигнал уваги І Ведучий: На парад запрошуються майбутні захисники Вітчизни хлопці 56 кл. ІІ Ведучий: На нашому святі присутні почесні гості: Директор школи куріруючій завуч паралелі 56 класів та завуч з виховної роботи.
60222. Классный час на тему «Отцы и дети» 68 KB
  Ход мероприятия Звучит песня Как молоды мы были Ведущий: Не сломалось поколенье Оказавшись на распутье Вас учил великий Ленин Нас же учит Янукович. Фотографии праздничной одежды й ведущий: Комментирует одежду каждого поколения.
60223. Сценарій конкурсу знавців української мови «А нумо, українці!» 607.5 KB
  Жовті Води Сценарій конкурсу знавців української мови А нумо українці Ведучий 1: Громадянин будьякої країни відчуває свою причетність до свого народу до своєї мови. Ведучий 2: Життя мови залежить від народу...
60224. Цветы в фольклоре народов мира и произведениях русских поэтов и писателей 159 KB
  Цель: показать многообразие, красоту, неповторимость природных форм и красок растительного мира.
60225. КРІЗЬ ПЕКЛО АФГАНСЬКОЇ ВІЙНИ 679.5 KB
  Слайд 11 Втрати За уточненими даними всього у війні Радянська Армія втратила 14 427 чоловік КДБ 576 чоловік МВС 28 чоловік загиблими і зниклими безвісти. Поранення і контузії отримали більше...