Лабораторна робота №2
Тема: Встановлення кольору фону та тексту.
Мета: Навчитись застосовувати кольори для оформлення елементів HTML-документа.
Теоретичні відомості.
При розробці сторінок можна використати теги з атрибутами, які впливають на колір фону і тексту сторінки.
Колір фону і тексту може задаватись шістнадцятковими значеннями RRGGBB (Red, Green, Blue) червоного, зеленого і синього кольорів відповідно або позначеннями кольорів англійською мовою. Яскравість кожної складової вимірюється цілим числом, яке у десятковій системі числення знаходиться у межах від 0 до 256, а в шістнадцятковій може приймати значення від 0 до 9 і від А до F (00, 01,..., 09, ОА,..., FF). Значення 00 е мінімальним, a FF - максимальним, наприклад:
Червоний Red #FFOOOO
Зелений Green #OOFFOO
Синій Blue #OOOOFF
Застосовуючи різні значення інтенсивності червоного, зеленого і синього кольорів, можна одержати такі відтінки:
darkblue «00008B
greenyellow #ADFF2F
lightcoral 3FQ8Q80
tomato #FF6347
Тег <BODY> містить список додаткових параметрів, які управляють використанням фонових зображень і визначають кольори гіпертекстових посилань і тексту.
Атрибути тегу <BODY>
BGCOLOR Задає колір фону
TEXT Задає колір тексту
BACKGROUND Визначає зображення, яке використовується як фонове.
Для визначення кольору фону документа тег <BODY> записується таким чином (атрибуту BGCOLOR можуть бути надані як RGB-коди, так і безпосередньо назви кольорів:
<BODY BGCOLOR=#FFOOOO> або
<BODY BGCOLOR=RED> - фон документа буде червоного кольору.
<BODY TEXT=RED> - колір тексту в документі буде червоним.
Атрибути можуть бути записані одночасно:
<BODY BGCOLOR=RED TEXT=WHITE> - колір фону червоний, колір тексту - білий.
Для зміни кольору абзацу або будь-якого слова в тексті можна (скористатись атрибутом COLOR тега <FONT>... </FONT>):
<FONT COLOR=#FFOOOO> або
<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> з атрибутом встановлення фонового зображення буде записаний таким чином:
<BODYBACKGROUND=«C:/IMG/008.GIF»>.
У випадку, якщо файл зображення знаходиться у тій же папці, що і HTML-документ, шлях до файла можна не вказувати, просто вказати його ім'я (як у наведеному нижче прикладі).
ПРИКЛАД
Файл у форматі HTML:
<HTML>
<HEAD>
<TITLE>Cторінка</TITLE>
</HEAD>
<BODY BACKGROUND=«008,gif»>
</BODY
</HTML>
Другие работы по теме:
Міжнародна міграція робочої сили
Тема : . План. 1.Загальні закономірності розвитку світового ринку трудових ресурсів. 2.Міжнародна трудова міграція: суть та причини виникнення. 3.Основні тенденції розвитку сучасних міграційних процесів.
Белая керамика Рио-Гранде
Мелкая чаша в стиле Wiyo чёрным по белому Термин « Белая керамика Рио-Гранде » охыватывает несколько традиций доисторической керамики древних пуэбло на территории штата Нью-Мексико. Около 750 г. н. э., после усвоения ряда различных региональных керамических традиций (например, белая керамика Сибола), гончары из региона Рио-Гранде на территории будущего штата Нью-Мексико стали развивать своеобразные местные разновидности керамики с росписью чёрной минеральной (до 1200 г.) или растительной (после 1200 г.) краской по белому или светло-серому фону.
Бурый гриф
Введение 1 Этимология 2 Галерея Список литературы Введение Бурый гриф, или чёрный гриф[1] (лат. Aegypius monachus) — птица семейства ястребиных. Общая длина 75-100 см, длина крыла 72-85 см, размах крыльев 250-300 см, вес 7-12 кг. Это оседлая птица гор и предгорий. Обитает в Южной Европе, Северной Африке, Передней, Центральной Азии, где относительно многочислен, в небольшом числе — на юго-восточном Алтае.
Викус культура
Культура Вику́с (по названию небольшого посёлка на севере Перу в 40 км на восток от города Пьюра) — археологическая доколумбова культура, датируется периодом примерно 5 в. до н. э. — 6 в. н. э., принадлежит к «классическим» доколумбовым культурам. Область распространения данной культуры пока определена недостаточно чётко; центр её находился предположительно в долине Пьюра; распространялась на север до территории современного Эквадора, а на юг — до долины Ламбайеке.
Мариатеги, Хосе Карлос
Хосе́ Ка́рлос Мариа́теги (исп. Josй Carlos Mariбtegui La Chira, 14 июня 1894 — 16 апреля 1930) — перуанский журналист и социальный философ, теоретик марксизма.
Мова програмування Pascal
Основні поняття мови програмування Паскаль, синтаксис. Поняття і види алгоритму; елементи, що використовуються при побудові описів програм: символи, слова, вирази, команди. Рекомендації щодо інсталяції. Вимоги до апаратного та програмного забезпечення.
Робота з випадаючими графічними меню
Програмування JavaScript на прикладі створення меню. Обробник подій onMouseOver. Використовування властивостей і методів об'єкту document. Масив та прапорці (bolean) для визначення зміни кольору. Робота з властивостями та індивідуальними елементами меню.
Створення простої web-сторінки
Вступ в мову HTML. Структура HTML-документа. Встановлення кольору фону та тексту, створення заголовка. Графіка і посилання на WEB-сторінці, вставка малюнків. Оформлення таблиць та форматування комірок. Комплексна лабораторна робота "Створення HTML-файла".
Методи покращення растрових зображень
Реферат на тему: Методи покращення растрових зображень Розглянемо деякі з існуючих методів покращення якості зображень, які основані на суб’єктивному сприйняттю роздільної здатності і кількості кольорів. При однакових значеннях параметрів пристрою графічного виводу можна створити ілюзію збільшення роздільної здатності або кількості кольорів.
Базові конструкції мови HTML
Тема. Мета . Вивчити основні компоненти мови HTML Базові конструкції мови HTML Гіпертекст - це текст, у який вбудовані спеціальні коди, що задають форматування тексту, наявність у ньому ілюстрацій, мультимедійних вставок та гіперпосилань (Hyper Text Markup Language).
Алгоритмічні мови програмування мова С
Міністерство освіти і науки України Бердичівський політехнічний коледж Контрольна робота з предмету “Алгоритмічні мови програмування: мова С” 2010 рік.
Программирование игры Змейка
Зміст Вступ…………………………………………………………....3. 1.ТЕОРЕТИЧНА ЧАСТИНА………………………………….5. 1.1.Постановка задачі………………………………………....5. 2.ПРАКТИЧНА ЧАСТИНА…………………………………...6.
Опис графічного редактора Paint
Національний університет Острозька академія” Факультет „Політико інформаційного менеджменту” Кафедра „Документознавства та інформаційної діяльності”
Об єкти Ос Windows Робота із документами файлами папками дисками Основні об єкти в ос WIND
Лабораторна робота №5 Тема: Об’єкти Ос Windows. Робота із документами, файлами, папками, дисками. Основні дії над об’єктами в ос Windows можна виконати за допомогою контекстного меню, що з’являється при натисканні на об’єкті ПКМ. Контекстне меню кожного типу елементів може мати різні пункти. При активізуванні контекстного меню якогось документу ми отримаємо меню, яке складається із таких пунктів:
Табличний редактор Microsoft Excel
Теоретичні відомості 1.1. Табличний редактор Microsoft Excel Microsoft Excel – це складова частина пакето-прикладних програм Microsoft Office. Microsoft Excel – призначений для створення електронних таблиць і найбільшою перевагою є можливість досліджувати, аналізувати дані і виконувати обчислення.
Обробка зображень розпізнавання образів
Контрольна робота на тему: Обробка зображень, розпізнавання образів” 1. Обробка зображень Для створення і редагування графічних зображень на екрані дисплея існують спеціальні програми, які називають графічними редакторами.У середовищі Windows-95 таким редактором є Paint. Аналогічний редактор Paint Brush використовується в операційній системі MS DOS та в середовищі Windows 3.xx.