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 HTML

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

WEB DESIGN  /  HTML  /  Bazele HTML (10)

IV. Indicatii pentru incepatori

14.05.2008
IV. Indicatii pentru incepatori

Daca esti incepator, in acest tutorial vei gasi cateva indicatii care te vor ajuta sa construiesti o pagina web.

Total vizualizari: 8374 8374 afisari   |   Comentarii  0   |   Rating   |   (2 voturi)   |   Timp necesar: 15 min 15 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 2 3 »
comenteaza printeaza

5. Calea catre imagini
Multi incepatori folosesc tag-ul <img> in mod gresit. Chiar daca pagina arata bine pe calculatorul tau, asigura-te ca imaginile sunt incarcate corect si dupa ce fisierele au fost copiate pe server.

Problemele apar atunci cand sunt folosite cai de genul "file://", in loc de cai relative.

Pentru ca imaginile de pe pagina ta Web sa fie incluse corect in codul HTML, urmeaza indicatiile de mai jos:

A) Daca este posibil, foloseste cai relative
Caile relative sunt recomandate deoarece vor functiona de fiecare data cand pagina si imaginile sunt localizate pe aceeasi masina (local sau pe un server). De exemplu, daca imaginea se afla in acelasi director cu pagina, foloseste:

<img src="poza.jpg">

Daca imaginea se afla intr-un director separat destinat imaginilor (imagini), pe acelasi nivel cu pagina ta HTML, foloseste:

<img src="imagini/poza.jpg">

Daca imaginea se afla intr-un director pe un nivel superior paginii, foloseste:

<img src="../imagini/poza.jpg">


B) Utilizeaza cai relative la directorul radacina al site-ului
Daca toate imaginile tale se afla intr-un director imagini aflat in directorul radacina al site-ului, poti folosi codul:

<img src="/imagini/poza.jpg">

Astfel poti muta pagina HTML oriunde in cadrul site-ului, si caile catre imagini vor functiona (in cazul in care pastrezi imaginile in directorul imagini).

Dezavantajul ar fi ca aceste cai sunt valabile pentru paginile aflate pe server (folosind http://), si nu atunci cand sunt deschise local, de pe disc (folosind file://).

C) NU folosi cai absolute
Daca este posibil, evita folosirea cailor absolute in cadrul site-ului. O cale absoluta incepe cu http:// sau file://. Ca exemplu, daca pagina aflata pe calculatorul tau contine un tag img de genul:

<img src="file:///C:|/siteweb/imagini/poza.jpg">

ea nu va functiona daca este copiata pe server, deoarece tag-ul img se refera la un fisier aflat pe disc. Poti schimba calea catre imagine in modul urmator:

<img src="poza.jpg">

sau:

<img src="../imagini/poza.jpg">

6. Foloseste atributele Width si Height
Este bine sa specifici inaltimea si latimea imaginii in tag-ul <img>. De exemplu:

<img src="poza.jpg" width="234" height="123">

Avantajul este ca browserul poate afisa pagina mai repede, stiind cum sa aseze imaginile inainte de a fi incarcate. Aceasta inseamna ca vizitatorii site-ului pot vedea continutul paginii fara sa astepte incarcarea imaginilor.

Majoritatea editoarelor de imagini (Photoshop, Paint Shop Pro, etc) iti permit vizualizarea dimensiunilor imaginii (in pixeli) astfel incat poti trece inaltimea si latimea imaginii in tag-ul <img>. O alta modalitate de a afla dimensiunile unei imagini este sa o deschizi intr-un browser, apoi sa dai click drepta pe ea, selectand Properties (in IE), sau poti citi dimensiunea din "title bar" (in Mozilla sau Netscape).

Pagina:
« 1 2 3 »
comenteaza printeaza
Alte tutoriale HTML:
Noteaza acest tutorial
Rating tutorial
 
(2 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
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
4160
Tutoriale scrise de kheops
kheops Rang utilizator kheops - Mediu
4084
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4070
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
4045
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
3865
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
StyleSheet CSS HTML COREL DRAW SEO Ruby on Rails AJAX Sony Vegas Lightroom Illustrator Python Photoshop Verilog Java Action Script Javascript PHP Powerpoint Word Swift 3D Dreamweaver RoR Gimp Fotografie PSD SWF Vista Excel XHTML JSON MySQL Bridge Outlook Fireworks XML Flash
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