Cum de a crea un site portofoliu

Crearea Art Gallery

- responsabil pentru începutul și sfârșitul codului HTML

- Aceste etichete sunt responsabile pentru antet

- Responsabil pentru afișarea textului din titlu, și anume pagina de browser-ul va fi emis cu un astfel de titlu. Și în motoarele de căutare prea.</p><p><body> - va fi alt cod în cadrul etichetei.</p> <p>În caseta Titlu, tastați:</p> <p>„Galeria de Arta a artistului este (portofoliul takogoto sau fotograf)“</p> <p><title>galerie de arta artist Vasily Pupkin

Acum avem fotografia. Ai nevoie pentru a scrie informații despre tine - în ce munca de teren, ce fel de experiență în care evenimentele iau parte, o mică biografie, etc. In final, dorim să obțineți ca: stânga fotografia noastră spre dreapta un pic despre noi ...

Pentru a face acest lucru, se introduce un tabel în celula din stânga, care va fi în fotografie, și dreapta - textul:

galerie de arta artist Vasily Pupkin

- Acesta reprezintă începutul și sfârșitul tabelului

width = „100%“ - lățimea mesei, în acest caz, se umple întreaga lățime a ecranului

border = „1“ - lățimea graniței de masă

- crearea de linie

- crearea unei coloane, în acest caz, în aceeași linie creează două coloane.

Acum a pus pe partea stângă a imaginii de masă. Pentru a face acest lucru, salvați fișierul am creat în orice dosar, după cum urmează: File -> Save As -> introduceți numele "index.html" - fișierul nostru este salvat ca o pagină Web. Indicele nume ar trebui să fie pentru că atunci când tastați în numele browser-ul unui site, în primul rând el a fost în căutarea pentru fișierul index.html, și apoi index.htm, index.php, etc ... În același director în cazul în care ne-am păstrat acest fișier va crea un dosar „imagini“, care va păstra toate imaginile noastre. În acest dosar ( „imagini“) ne muta fotografia noastră „foto.jpg“.

Afișarea imaginilor pe un ecran de browser.

galerie de arta artist Vasily Pupkin

înseamnă o ieșire de imagine

src = „http://itsait.com/images/foto.jpg“ - calea spre fotografii

Acum aveți nevoie pentru a afișa textul de pe partea dreaptă a mesei.

galerie de arta artist Vasily Pupkin

biografia mea. - aici scriu un text despre tine.

galerie de arta artist Vasily Pupkin

etichetă
Aceasta înseamnă transferul la o nouă linie. Ie. Textul după eticheta va fi afișat pe o linie nouă

proprietatea cellspacing determină distanța dintre celule de tabel. Avem nevoie de ea pentru a se asigura că imaginile și textele nu sunt îmbinate în masa generală.

În loc de textul „Linia 1“ pentru a insera prima fotografie. Sper, vom avea pregătite și plasate în dosarul de imagini din directorul rădăcină, în cazul în care este site-ul nostru. Noi o numim pic_1.jpg

- În numele fișierelor, nu puteți utiliza spații, astfel încât vom da semnul „_“ sublinia, sau „-“ minus.

Textul Zemen „Linia 1“

În această expresie, alt este textul alternativ, adică. E. Cel care va fi afișat în locul unei imagini, în cazul în care browserul vizitatorului este oprit de afișare a imaginilor.

Titlul tag-ul este responsabil pentru afișarea indicii atunci când treceți cursorul mouse-ului peste imagine.

Cu toate acestea, puteți specifica numele imaginea de mai jos imaginea. pentru această imagine posles trochki de ieșire put
pentru a merge la o nouă linie și scrie textul „Imagine a Naturii“.

Permiteți-mi să explic de ce am cheltuit toți acești pași: motoare de căutare pentru a căuta imagini folosind descrierea etichete de imagine. Și dacă lângă fotografie va fi textul care corespunde descrierii fotografiei, motorul de căutare ia în considerare această legătură figura interogările care conțin descrierea fotografiei, care va ajuta la promovarea site-ului în rezultatele de căutare de top. Mai mult decât atât, puteți obține imagini de căutare de top, care va atrage trafic suplimentar.

Să ne întoarcem la editare de text. Salvați codul HTML și verifica modul în care este afișat în browser.

Acum vedem că a existat o imagine a primei noastre fotografie.

- Se recomandă să se specifice dimensiunea imaginilor în pixeli, că browser-ul va marca cu exactitate pagina și imaginea nu va merge dincolo de parametrii setați. Pentru a face acest lucru, adăugați o etichetă atribute:

height = "" - și înălțimea în pixeli

width = "" - lățimea, în pixeli.

Specificați lățimea noastre pregătite anterior pentru ceea ce este. Să presupunem că în exemplul nostru, dimensiunea imaginii va fi de 300 latime si 200 inaltime.

galerie de arta artist Vasily Pupkin

Să vedem cum se schimba imaginea prin schimbarea dimensiunii, de exemplu, să modificați lățimea de 300 la 500. Votografiya întins pe toată lățimea. Datorită acestor metode - schimba scara fotografiei putem vedea o imagine mare într-o dimensiune mai mică în fereastra browser-ului.

- Dacă este necesar să se facă zona de o culoare sau un model de gradient, este posibil să se întindă pe desen, de exemplu, o lățime de 1 pixel și o înălțime de 20 la valoarea dorită cu ajutorul unui atribut lățime. Acesta poate fi folosit pentru a accelera încărcarea paginii, nu este nevoie de a insera un desen suplimentar.

Acum, adăugați mai multe imagini în acest fel, în codul nostru.

galerie de arta artist Vasily Pupkin

articole similare