Cum se utilizează o imagine ca fundal în Adobe Dreamweaver CS6 - manechine

Crearea de fundaluri pentru paginile web în Adobe Dreamweaver CS6 este distractivă și poate fi urmărită în mai multe moduri decât majoritatea oamenilor ar imagina. Puteți să creați un model repetat cu o singură imagine mică, să creați un filigran sau să utilizați o imagine mare pentru a umple un fundal întreg.

În mod implicit, un fundal HTML repetă imaginea selectată până la umplerea ecranului. În combinație cu proprietățile CSS, puteți controla sau elimina comportamentul repetat și chiar puteți seta poziționarea exactă pentru o singură imagine de fundal.

Dacă umpleți un fundal cu un model, asigurați-vă că ați creat o imagine tiparită care nu are margini discernabile.

Pentru a utiliza în avantajul dvs. tigla implicită, repetată, pentru o imagine de fundal, urmați acești pași:

1. În Photoshop, alegeți File → New pentru a crea o imagine nouă.

2. În noua casetă de dialog care apare, creați o imagine mult mai lată decât este mare, alegeți RGB, alegeți 72 dpi, apoi faceți clic pe OK.

   De exemplu, introduceți 1000 în câmpul de text Lățime și 20 în câmpul Text înălțime.

3. Selectați o culoare primară și de fundal pentru a crea un amestec; apoi utilizați instrumentul Gradient pentru Shift + glisați din partea de sus în partea inferioară a zonei imaginii pentru a crea o umplere cu gradient.

4. Selectați Fișier → Salvare pentru web, salvați imaginea ca fișier JPEG în dosarul de conținut web al site-ului dvs. și apoi închideți imaginea.

5. În Dreamweaver, selectați Modificați → Proprietăți pagină sau faceți clic pe butonul Proprietăți pagină din inspectorul Proprietăți pentru a plasa imaginea ca imagine de fundal pe pagina dvs. Web.

   Dacă butonul Proprietăți pagină nu este vizibil, faceți clic pe pagină - asigurați-vă că nu selectați alt element, cum ar fi o imagine.

   Apare caseta de dialog Proprietăți pagină.

   

6. În caseta de dialog Proprietăți pagină, faceți clic pe butonul Răsfoiți din dreapta imaginii de fundal. În fereastra care apare, navigați la locația imaginii de fundal salvate, apoi faceți clic pe OK.

7. Înapoi în caseta de dialog Proprietăți pagină, faceți clic pe OK.

   Imaginea apare în fundal, repetând și creând un gradient de fond rece pe toată pagina!

În funcție de dimensiunea și rezoluția monitorului unui utilizator, este posibil ca imaginea de fundal să fie repetată. Repetarea unei imagini de fundal poate genera unele rezultate creative.

În anumite cazuri, este posibil să nu vedeți fundalul până când faceți clic pe butonul Previzualizare / Debug în Browser și veți previzualiza pagina în browserul dvs. implicit.