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: 11802 11802 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
4915
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
4855
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4720
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
4675
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
4490
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
PHP Fotografie Javascript Verilog HTML Lightroom Action Script Word COREL DRAW StyleSheet Ruby on Rails RoR Gimp Fireworks Sony Vegas Python Vista Powerpoint SWF Illustrator SEO Flash CSS Excel Java Outlook AJAX JSON XML XHTML Swift 3D Dreamweaver MySQL PSD Photoshop Bridge
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