Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Створення тла веб-сторінки




Розміщення та відтворення на веб-сторінках мультимедійних даних.

Графічні гіперпосилання. Карти посилань. Формування карти гіперпосилань.

Розміщення зображень у тексті.

Вставлення зображень на веб-сторінку.

Створення тла веб-сторінки.

План

Лекція №9. Графіка, аудіо – та відеоінформація на веб – сторінках

Контрольні питання

1. Перелічіть залежності, що представляються комп’ютерною програмою в графічні формі.

2. Про що свідчить регресійні залежності, наведені на рис.9.7?

3. Назвіть переваги ручного збору інформації для побудови регресійної залежності.

 

 

 

Ілюстрації відіграють важливу роль в оформленні веб-сторінок: їх використовують як тло, виводять на екран як окремо від тексту, так і разом із ним. Малюнки зберігаються в окремих файлах поза HTML-документами, але відображаються браузером всередині веб-сторінки.

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

Для формування тла у вигляді малюнка у тегу <BODY> використовують атрибут BACKGROUND, значенням якого є URL-адреса файлу зображення. Наприклад, тег <BODY BACKGROUND»"1. jpg"> визначає, що для фонового заповнення веб-сторінки буде використано файл 1.jpg.

Далі наведено приклад HTML-коду сторінки, в якої тло оформлене у вигляді малюнка, що міститься у файлі mone.jpg.

<HTML>

<TITLE>Моя фірма</TITLE>

<BODY BACKGROUND="mone.jpg">

<H1><A HREF="l.html">Наша продукція</АХ/Н1>

<H1><A HREF="2.html">Наші замовники</АХ/Н1>

</BODY>

</HTML>

На рис. 1 показано, який вигляд має ця веб-сторінка у вікні браузера.

Рис. 1. Веб-сторінка, тлом якої є малюнок

Як бачите, малюнок займає цілий екран. Розглянемо інший приклад, задавши в атрибуті BACKGROUND зображення невеликого розміру gorobci.jpg, яке у вигляді мозаїки заповнить екран. Код такої сторінки наведено нижче, а вигляд її у вікні браузера — на рис. 2.

<HTML>

<TITLE>Моя фірма</TITLE>

<BODY BACKGROUND="gorobci.jpg">

</BODY>

</HTML>

У цьому прикладі на веб-сторінці немає тексту, однак на практиці так не буває. З огляду на це тло рідко роблять у вигляді фотографій, оскільки для них непросто підібрати відповідний колір тексту.

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

Рис. 2. Веб-сторінка, тлом якої слугує малюнок, що заповнив екран у вигляді мозаїки




Поделиться с друзьями:


Дата добавления: 2014-01-11; Просмотров: 2439; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.009 сек.