Sunteți pe pagina 1din 24

Imagini

Formatele acceptat de browsere pentru fisierele imagine GIF (Graphics Interchange Format) cu extensia .gif; JPEG (Joint Photographic Experts Group) cu extensia .jpeg sau .jpg; XPM (X PixMap) cu extensia .xmp; XBM (X BitMap) cu extensia .xbm; BMP (BitMap) cu extensia .bmp (numai cu Internet Explorer); TIFF (Tagged Image File Format) cu extensia .tif sau .tiff; Cele mai raspandite formate sunt GIF (8biti pentru o culoare, 256 culori posibile) si JPEG (24biti pentru o culoare, 16777216 de culori posibile).

Adresa URL a unei imagini


URL ( "Uniform Resourse Locator" = identificator unic al resursei ) este un standard folosit in identificarea unica a unei resurse in Internet. Toate imaginile cu care vom lucra vor avea adresa URL exprimata in functie de directorul ce contine documentul HTML care face referire la imagine. Pentru a insera o imagine intr-o pagina, se utilizeaza eticheta <img> (de la "image"=imagine). Pentru a putea fi identifica imaginea care va fi inserata, se utilizeaza un atribut al etichetei <img> si anume src (de la "source"=sursa).

Daca imaginea se afla in acelasi director cu fisierul HTML care face referire la imagine, atunci adresa URL a imaginii este formata numai din numele imaginii, inclusiv extensia.

Exemplu
<html> <head><title> O pagina cu imagine</title></head> <body> O pagina care contine imaginea unei placi de baza <img src="pdb.jpg"> Placa de baza. </body> </html>

Chenarul si dimensionarea unei imagini

Chenar in jurul imaginii atributul border al etichetei <img> numere intregi pozitive. Dimensiuni pe orizontala si verticala modificate prin intermediul atributelor width si height.

Exemplu
<html> <head><title> O pagina cu imagine</title></head> <body> O pagina care contine imaginea unei placi de baza <img src="pdb.jpg" border="5" width="350" height="25%"> Placa de baza. </body> </html>

Imagini pentru fundalul unei pagini

O imagine poate fi utilizata pentru a stabili fondul unei pagini Web. In acest scop se foloseste atributul background al etichetei <body>, avand ca valoare adresa URL a imaginii. Imaginea se multiplica pe orizontala si pe verticala pana umple intregul ecran.

Exemplu: <body background="pdb.jpg"> </body>

Tagul de comentarii

Note pentru a putea interpreta mai bine codul HTML; care nu apar in browser. Tagul de comentarii care se deschide cu <!-- si se inchide cu -> Tot ce este cuprins intre cele doua taguri nu va aparea in pagina ci doar in codul HTML.

Caractere care nu trebuie scrise n codul HTML


< nlocuit cu &lt;> nlocuit cu &gt; nlocuit cu &copy; & nlocuit cu &amp; " nlocuit cu &quot; Caracterul "spaiu" va fi luat in considerare de browser dac este inserat explicit prin &nbsp

Blocul preformatat
Blocul <pre>...</pre> se folosete pentru a insera randuri vide ( spatiu intre randurile succesive ). <body> Orar:<pre> Ora/Ziua Luni Marti

Miercuri

8:00 Romana Matematica Sport 9:00 Geografie Istorie Fizica </pre> </body> </html>

Lista neordonat
Exemplu de list nenumerotat monitor modem unitate mouse tastatura Sursa: <ul> <li>monitor <li>modem <li>unitate <li>mouse <li>tastatura </ul>

Lista ordonata
Exemplu de list numerotat... 1. 2. 3. 4. 5. monitor modem unitate mouse tastatura Sursa: <ol> <li>monitor <li>modem <li>unitate <li>mouse <li>tastatura </ol>

Sunete
Formate suportate: wav, .mp3, .au, .midi. Se foloseste tagul <embed> : <embed src="nume_sunet" width=n height=n autoplay=n hidden=n loop=n volume=n></embed> Autoplay=true Sunetul ncepe automat la deschiderea paginii Autoplay=false Sunetul nu ncepe automat la deschiderea paginii Hidden=true Player-ul nu apare in pagina. Loop=true. Sunetul se aude n mod repetat Volumul se seteaza pe o scara de la 1 la 100 (50 fiind valoarea predefinita).

Tabele
Fiecare celul din tabel are propriile opiuni pentru culoarea fondului, culoarea textului, alinierea textului Pentru a insera un tabel se folosesc etichetele corespondente <table>...</table>. Un tabel este format din rnduri. Pentru a insera un rnd ntrun tabel se folosesc etichetele <tr>...</tr> (de la table row"= rnd de tabel).

Un rnd este format din mai multe celule ce conin date. O celul de date se introduce cu eticheta <td>..</td>.

<html> <head><title>tabelex_2</title></head> <body><h1 align=center>Un tabel simplu cu chenar</h1><hr> <table border="4"> <tr> <td>cell 11</td> <td>cell 11</td></tr> <tr> <td>cell 21</td> <td>cell 22</td></tr> <tr> <td>cell 31</td> <td>cell 32</td></tr> <tr> <td>cell 41</td> <td>cell 42</td></tr> </table> </body> </html>

Ferestre n limbajul html


Este posibil s definim subferestre (frame) n fereastra browserului n care s fie ncrcate documente HTML diferite. Ferestrele sunt definite ntr-un fisier HTML special, n care blocul <body>...</body> este nlocuit de blocul <frameset>...</frameset>. n interiorul acestui bloc, fiecare cadru este introdus prin eticheta <frame>. Un atribut obligatoriu al etichetei <frame> este src, care primeste ca valoare adresa URL a documentului HTML care va fi ncrcat n acel frame.

Ferestre n limbajul html


Definirea cadrelor se face prin impartirea ferestrelor (i a subferestrelor) n linii i coloane:

mprirea unei ferestre ntr-un numr de subferestre de tip coloan se face cu ajutorul atributului cols al etichetei <frameset> ce descrie acea fereastr;
mprirea unei ferestre ntr-un numar de subferestre de tip linie se face cu ajutorul atributului rows al etichetei <frameset> ce descrie acea fereastr; La atributele cols i rows se adaug o list de elemente separate prin virgul, care descriu modul n care se face mprirea.

Ferestre n limbajul html


Elementele listei pot fi: un numr ntreg de pixeli; procente din dimensiunea ferestrei (numr ntre 1 si 99 terminat cu %); n* care nseamn n pri din spaiul rmas; Exemplu: cols=200,*,50%,* va produce 4 subferestre, dintre care prima are 200 pixeli, a treia ocup jumtate din spaiul total disponibil, iar a doua i a patra ocup n mod egal restul de spaiu rmas disponibil.

<html> <head><title>ferex_1</title></head> <frameset cols="*,*"> <frame src="p1.html"> <frame src="p2.html"> </frameset> </html>

<html> <head><title>ferex_4</title></head> <frameset cols="20%,*"> <frame src="p1.html"> <frameset rows="*,*"> <frame src="p2.html"> <frame src="p3.html"> </frameset> </frameset> </html>

Drepturile de autor i de copiere


Legile asupra copierii se aplic pe Internet la fel ca n restul domeniului media. Creatorul unei pagini web originale are drepturi de autor asupra acelei pagini si sunt notate cu semnul . Paginile care nu au semnul pot fi de asemenea protejate de lege. Toate imaginile, icoanele, butoanele pot fi sub drepturi de autor. Pentru a le folosi trebuie s ai permisiunea autorului.

Ce este LEGAL
Putem scrie pagini originale, crea grafice, i cere drepturi de autor. Putem pune link ctre o alt pagin care nu ne aparine, atta timp ct nu susinem c este a noastr. Putem folosi despre care este menionat c pot fi utilizate gratuit. Putem folosi imagini ale altcuiva cu permisunea lui. Ce este ILEGAL Nu avem voie s lum pagina altcuiva i s o folosim nemodificat. Nu avem voie s lum pagina altcuiva, s facem modificri minore i s cerem drepturi de autor. Nu avem voie s lum imaginile altcuiva si sa le folosim n pagina ta. Nu avem voie s lum materiale asupra crora sunt drepturi de autor fr permisiunea autorului. .