12. Боја и слика за позадину

Боја и слика позадине се подешава тако што мењамо атрибуте у тагу BODY на следећи начин

<BODY BGCOLOR="код_боје">
Неки текст
</BODY>
односно
<BODY BACKGROUND="ознака_слике">
Неки текст
</BODY>

У ХТМЛ се ознаке за боју дефинишу хексадецималним бројевима. Хексадецимални бројеви имају 16 цифре и то: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Тако на пример децимални број 255 ће у хексадецималном броју бити FF. Ознака тараба " # " испред наше ознаке каже да је у питању хексадецимални број. ХТМЛ кодови боја имају 6 хексадецималне цифре. Основне екранске боје су црвена, зелена и плава и њихове нијансе. Све остале боје се дефинишу мешањем те три основне боје и њихових нијанси. То мешање познато је као RGB дефиниција (енглески R-red, G-green и B-blue). Остали програми типа Photoshop, Photopaint и слични користе децималне бројеве за означавање RGB боја, али ХТМЛ користи хексадецималне. Е сад да видимо како се то добија боја мешањем основних. На пример имамо #FF8C67 боју. Прва два хексадецимална броја FF говоре вредност, или ниво, или нијансу црвене боје. Друга два броја 8C одређују нијансу зелене боје а задња два хексадецимална броја 67 одређују нијансу плаве боје. Дакле боја се добија мешањем ових нијанси основних боја. Како мешањем? Па ево табеларно:

FF

+

8C

+

67

=

FF8C67

Наравно знак плус не треба схватити као да се сабирају ти хексадецимални бројеви већ фигуративно као да се мешају. Значи све нијансе основних боја се крећу у опсегу од 0 до 255. То све значи да компјутер може измешати укупно 256 * 256 * 256 = 16 777 216 боја у RGB дефиницији. Међутим треба знати да компјутер (или боље речено графичка картица) генерише само те 256 нијансе у све три основне боје али компјутер не меша боје већ наше око. Значи компјутер тако обоји суседне суб-пикселе да се направи шаховница од три боје у близини и тако цела површина. А пошто су суб-пиксели јако мали наше око у ствари измеша те основне боје и добијемо те нијансе.

Табела за одређивање хексадецималног кода боје је следећа
COLOR БОЈА
Пример Код боје

black

црна

  #000000

white

бела

  #FFFFFF
Turquoise тиркизна   #00FFFF

Light Blue

светло плава

 

#0000FF

Dark Blue

тамно плава
 

#0000A0

Brown браон   #804000
Light Grey

светло сива

 

#C0C0C0

Dark Grey

тамно сива

 

#808080

Red

црвена  

#FF0000

Light Purple

светло љубичаста

 

#FF0080

Dark Purple

тамнољубичаста

 

#800080

Burgundy

 браон

 

#800000

Yellow

жута

  #FFFF00

Orange

наранџаста  

#FF8040

Forest Green

шумска зелена
 

#808000

Pastel Green

пастелно зелена
 

#00FF00

Grass Green

зелена

 

#408080

Pink

љубичаста

  #FF00FF

За неке основне боје не морају се писати хексадецимални кодови већ могу да се пишу називи боја на енглеском као што је то наведено у доњој табели

  Black     Yellow     Red     Maroon
  Gray     Lime     Green     Olive
  Silver     Aqua     Blue     Navy
  White     Fuchsia     Purple     Teal

1. вежба

Отворите програм Notepad (Start->Accessories->Notepad)
У њему унесите следећи код

<html>
<head>
<title>Мој HTML dokument</title>
</head>
<body BGCOLOR="#FFFF00">
<h1><center>Мој ХТМЛ фајл</center></h1>
<hr>
<br>
<p> Адреса
<address>
Увод у ХТМЛ/Milan Milosevic/milanmilosevic@oshrs.edu.rs
</address>
</body>
</html>

  • Промените боју позадине заменом кода боје
  • Замените текст у адресном тагу својим именом и презименом и својом е-маил адресом.
  • Сачувајте на диск рачунара фајл под својим именом и презименом користећи енглеску латиницу без размака са екстензијом  html.
  • Отворите у свом броузеру ову датотеку.
  • Позовите наставника

2. вежба

На диску рачунара где радите вежбе из информатике преузмите фајлове из прилога.
Отворите програм Notepad (Start->Accessories->Notepad)

У њему унесите следећи код

<html>
<head>
<title>Мој HTML dokument</title>
</head>
<body BACKGROUND="pozadina.jpg">
<h1><center>Мој ХТМЛ фајл</center></h1>
<hr>
<br>
<p> Адреса
<address>
Увод у ХТМЛ/Milan Milosevic/milanmilosevic@oshrs.edu.rs
</address>
</body>
</html>

  • Замените текст у адресном тагу својим именом и презименом и својом е-маил адресом.
  • Сачувајте на диск рачунара фајл под својим именом и презименом користећи енглеску латиницу без размака са екстензијом  html.
  • Отворите у свом броузеру ову датотеку.
  • Позовите наставника

3. вежба

У фајлу из претходног примера промените слику позадине тако да буде GIF фајл који сте раније преузели
Сачувајте овако измењени фајл под другим именом (водите рачуна да екстензија буде html)
Отворите овај фајл у броузеру и позовите наставника.

ą
ОШ ХРШ Информатика и рачунарство,
22.11.2010. 12:58
ą
ОШ ХРШ Информатика и рачунарство,
22.11.2010. 12:58
ą
ОШ ХРШ Информатика и рачунарство,
22.11.2010. 12:58
ą
ОШ ХРШ Информатика и рачунарство,
22.11.2010. 12:58
Comments