12. 01.

2013

M acr om edi a D r eam w eaver 8 gr at ui t t ut or i al . U ni t at ea 06. I m agi ni i nser ar ea

Dreamweaver teacherClick 8 Tutorial tutoriale

Tutoriale de selec ie

Unitatea 6. Inserarea imaginilor (I)

n aceast unitate vom vedea cum se insera imagini ntr-un document. Vom vedea, de asemenea, cum s creai unele speciale imagini , cum ar fi cazul Rollover i bli butoane , care ajut la mbuntirea aspectului paginii noastre web.

Introducere
Toate site-urile web au un anumit numr de pagini care v permit s mbunteasc aspectul lor, sau pur i simplu pentru a aduga mai multe informaii vizuale. Exist o serie de formate mai recomandabile dect altele s fie introduse ntr-un site web. Putei consulta aceste informaii aici .

Introducerea unei imagini

Pentru a insera o imagine mergei la Inserare meniul i apoi selectai Imagine opiunea. Dupa aceasta, este posibil s selectai o imagine n fereastra urmtoare:

w w w . t eacher cl ck. com / dr eam w i eaver 8/ t _6_1. ht m

1/ 4

12. 01. 2013

M acr om edi a D r eam w eaver 8 gr at ui t t ut or i al . U ni t at ea 06. I m agi ni i nser ar ea

Dac din orice motiv trebuie s inserai un BMP, acesta nu va aprea dac nu selectai Toate fiierele din Tipul domeniu. n relativ a opiunea avei posibilitatea s specificai dac imaginea va fi relativ la document sau la site-ul folderul rdcin. E mai bine dac e relativ la documentului , deoarece n cazul n care v mutai site-ul ntr-o alt locaie posibil s nu vedei imaginea. Calea n cazul n care imaginea este va fi n URL-ul domeniul ferestrei, iar mai trziu, n SRC domeniul propriet ilor inspectorului . Modul n care acest drum va fi inserat va depinde de faptul dac acesta a fost introdus relativ la folderul rdcin, sau la documentul. De exemplu, imaginai-v c imaginile dosar i documentul n care dorim s inserai imaginea este n interiorul folderul rdcin. O imagine, numit teacherclick.jpg se afl n interiorul imaginilor dosarul. n caz de inserarea imaginii ca n raport cu documentul , calea ar fi: images / teacherclick.jpg Deci, n cazul n care acesta fiind introdus relativ la radacina site-ului calea ar fi:
w w w . t eacher cl ck. com / dr eam w i eaver 8/ t _6_1. ht m 2/ 4

12. 01. 2013

M acr om edi a D r eam w eaver 8 gr at ui t t ut or i al . U ni t at ea 06. I m agi ni i nser ar ea

/ Images / teacherclick.jpg

E la fel ca atunci cnd creai un hyperlink ctre un fiier legat de document sau a site-ului folderul rdcin.

Dac introducei un BMP ntr-un document, acest lucru nu va fi corect indicat n Dreamweaver, dei nu n browser-ul. n Dreamweaver va fi indicat ca aceasta: Aceasta este aceeai imagine care apare n Dreamweaver atunci cnd o imagine introdus nu este gsit. Acest lucru se va ntmpla dac ai modificat numele imaginii, sau dac l-ai mutat ntr-un alt director. n acest caz, imaginea vei vedea n browser-ul va fi ca aceasta:

E un ptrat gol, cu un rosu X , alturi de numele imaginii sau coninutul Alt domeniu n propriet i inspectorul . Pentru a practica putei efectua Pas cu pas exerciiu privind inserarea unei imagini.

Modificarea dimensiunii imaginii

n interiorul Dreamweaver dimensiunea a imaginilor poate fi modificat. Aceast schimbare dimensiune nu se aplic direct n fi ierul imagine, dar schimbrile vizualizare n interiorul paginii. E foarte probabil pentru calitatea imaginii rezultate s fie mai mic dect n c azul n care l-am modifica ntr-un editor extern, cum ar fi focuri de artificii. De exemplu, vom vedea ce se ntmpl dac am introduce o imagine care reprezint icoana Dreamweaver i vom modifica dimensiunea sa n mai multe moduri: originalul fotografiei modificat dimensiunea imaginii

Putei vedea calitatea rezultatului. Dar ocazional poate fi util modificarea dimensiunii unor imagini, dei acest lucru implic pierde din calitate. Exist dou modaliti de a modifica dimensiunea. Primul dintre acestea este de a selecta imaginea i trage i unul dintre ptrate negre care sorrounds imaginea.
w w w . t eacher cl ck. com / dr eam w i eaver 8/ t _6_1. ht m 3/ 4

12. 01. 2013

M acr om edi a D r eam w eaver 8 gr at ui t t ut or i al . U ni t at ea 06. I m agi ni i nser ar ea

Alt mod este prin propriet ile inspectorul , prin schimbarea domenii W (panoramic) sau H (nlimea). Aceste cmpuri vor fi afiate n inspectorul atunci cnd o imagine este selectat.

Amintii-v c, atunci cnd v schimbai aligment a unei imagini care avei nevoie pentru a face acest lucru prin intermediul domeniu Alinia i op iunea de propriet i inspectorului . Alinierea imaginii ofer mai multe posibiliti dect textul: de sus, de mijloc, de mijloc absolut, de baz, etc .. Putei crea legturi i comportamentele n unele pri ale unei imagini, n loc de imagine complet. Acest lucru este cunoscut sub numele de harta imagine . Aceste informaii pot fi vzute aici .

The CoffeeCup HTML Editor

www.CoffeeCup.com CSS & HTML Code Completion, Layouts Stunning Graphics, Project Mngt, ..
Pagina 6.1 Avertisment juridic: Autorizate on-line utilizare numai. Nu este permis utilizarea acestor cursuri n companii sau centre private de predare. aulaClic. Toate drepturile rezervate. Reproducerea sub orice form, este interzis. ianuarie-2006.

w w w . t eacher cl ck. com / dr eam w i eaver 8/ t _6_1. ht m

4/ 4