E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale Adobe Dreamweaver

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

WEB DESIGN  /  Adobe Dreamweaver  /  Diverse (7)

Colorarea unei celule si a unui tabel

12.05.2008
Colorarea unei celule si a unui tabel

Interfata Dreamweaver iti ofera posibilitatea de a schimba usor nuanta unei celule dintr-un tabel sau conturul acesteia prin utilizarea Color Picker.

Total vizualizari: 11478 11478 afisari   |   Comentarii  1   |   Rating   |   (7 voturi)   |   Timp necesar: 10 min 10 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  E-learn.ro  
Autor:  E-learn.ro
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
1
comenteaza printeaza

Interfata Dreamweaver iti ofera posibilitatea de a schimba usor nuanta unei celule dintr-un tabel sau conturul acesteia prin utilizarea Color Picker. Pentru exemplu nostru vom utiliza un tabel de 100 px latime pe care il vom crea selectand din meniul principal Insert > Table.

Inserarea culorilor in tabele

In modul Design (View > Design), tabelul va arata astfel:

Inserarea culorilor in tabele

In panoul de proprietati, eticheta Bg arata faptul ca celula nu este colorata (campul codului de culoare este gol).

Inserarea culorilor in tabele

Click pe casuta si selecteaza System Colour Picker.

Inserarea culorilor in tabele

Selecteaza o culoare pentru a o adauga, apasa butonul Add in Custom Colours si apoi OK.

Inserarea culorilor in tabele

Culorile sunt exprimate de 3 numere hexazecimale de la 00 la FF (255 in baza 10) intr-o scara de poarta denumirea de RGB (Red-Green-Blue). Primul numar reprezinta cantitatea de rosu, cel de-al doilea numar cantitatea de verde si ultimul cantitatea de albastru. In aceasta scala, #FFFFFF este alb, iar #000000 este negru, ceea ce inseamna ca nuanta este cu atat mai deschisa cu cat numerele sunt mai mari. Ca alte exemple, #FF0000 este rosu, #00FF00 este verde si #0000FF albastru, iar nuantele de gri au toate cele 3 componente egale (de exemple #363636).

In mod similar poti selecta o culoare pentru fundalul tabelului sau conturul acestuia, utilizand campurile Bg Color si Brdr Color.

Inserarea culorilor in tabele

Observatie: Pentru a putea vizualiza conturul tabelului, campul Border trebuie sa aiba valoarea de cel putin 1 pixel.

Iata rezultatul:

Inserarea culorilor in tabele

Daca vizualizezi tabelul in modul Code (View > Code), codul html va arata astfel:

<table width="100" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#61B6CA">
    <tr>
        <td bgcolor="#61B6CA">&nbsp;</td>
    </tr>
</table>

Dupa cum poti vedea, culoarea de fundal a unei celule este data de atributul bgcolor="#61B6CA" al tag-ului <td>. In mod similar, tag-ul <table> are trei atribute: border="1" bordercolor="#000000" (pentru contur) si bgcolor="#61B6CA" (pentru fundal). Cu alte cuvinte, un tabel poate fi colorat direct prin scrierea de cod html in document.

Pagina:
1
comenteaza printeaza
Alte tutoriale Adobe Dreamweaver:
Noteaza acest tutorial
Rating tutorial
 
(7 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
COMENTARII (1) spune-ti parerea
era era , Marti, 17 August 2010, ora 15:46
#1

Nota 4/5. As fi preferat sa vad lucru si din coduri.
Multumesc.

Raporteaza acest comentariu ca injurios!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
4450
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
4340
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4305
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
4145
Tutoriale scrise de kheops
kheops Rang utilizator kheops - Mediu
4084
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
Illustrator Python PHP Sony Vegas Swift 3D Bridge JSON Photoshop SEO AJAX HTML Javascript StyleSheet Powerpoint Gimp RoR CSS Outlook Lightroom MySQL SWF Ruby on Rails Word COREL DRAW XML Action Script Dreamweaver Flash Fotografie Fireworks PSD Verilog Java Vista Excel XHTML
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software