Video: #08 Tutorial HTML & CSS [ROMANA] - Cum sa introduci o imagine 2024
Instrumentele de editare minimaliste ale Dreamweaver vă permit să efectuați o editare rudimentară a imaginilor, cum ar fi redimensionarea și trunchierea.Aveți acele unelte în Inspectorul de Proprietăți
Nu creați imagini în Dreamweaver Pentru aceasta Adobe oferă Illustrator (pentru lucrări de artă, text grafic, imagini de fundal, navigație icoane și așa mai departe) și Photoshop (pentru pregătirea fotografiilor pentru web), precum și alte instrumente. Ca regulă generală, stați la pregătirea imaginilor pentru web în aceste programe
Pentru a insera imaginile, asigurați-vă că lucrați în vizualizarea Design (sau în vizualizarea Split cu cursorul din partea Design a ferestrei). Aveți două căi de bază: Introduceți de pe aparat sau utilizați o copie - în fiecare caz, trebuie să fii în vizualizarea Design (alegeți View → Design sau, pentru vizualizarea Split, choos e Vizualizare → Cod și Design) pentru a vedea imaginile pe măsură ce le lipiți sau le încorporați.
Este posibil ca pagina HTML în care încorporați o imagine să aibă un text pe ea. Deci, primul pas este să dai seama unde vrei să apară imaginea.
Spre deosebire de designul tipărit, imaginile din paginile web nu sunt plasate în anumite locații. Acest lucru conduce designerii nuci.
De aceea, pentru a insera un fișier de imagine de pe computerul dvs. într-o pagină Web HTML deschisă în Dreamweaver, urmați acești pași:
-
Faceți clic pe fereastra Document în punctul în care urmează să fie inserată imaginea.
În acest pas, localizați unde va fi inserat în codul dvs. HTML imaginea. Din nou, unde și cum este afișată imaginea va fi definită cu CSS.
-
Selectați Insert → Image.
-
În caseta de dialog Selectare sursă imagine care se deschide, navigați la și selectați orice fișier de pe computer.
Dacă imaginea pe care o selectați este în afara folderului site-ului dvs., apare o casetă de dialog utilă, solicitându-vă să salvați o copie a imaginii în dosarul rădăcină al site-ului dvs. Dreamweaver.
-
Faceți clic pe Da.
-
Faceți clic pe Salvare în caseta de dialog Copiere fișier.
-
-
Definiți atributele de accesibilitate.
În mod implicit, caseta de dialog Dreamweaver Image Attributes Accessibility apare înainte ca o imagine să fie introdusă în final într-o pagină.
Câmpul Alternate Text este cel mai important dintre cele două opțiuni din această casetă de dialog. Afișează textul citit cu voce tare în software-ul cititorului pentru vizitatorii cu deficiențe de vedere și, de asemenea, afișat în mediile de navigare în care afișarea imaginii este dezactivată. Textul alternativ poate și adesea ar trebui să includă litere mari, minuscule, spații și caractere speciale.
Dacă vizitatorii cu probleme de vedere sau persoanele din mediile de navigare care nu acceptă imagini fac parte din publicul vizat, puteți lua în considerare crearea fișierelor HTML cu descrieri mai substanțiale ale imaginilor.Astfel de fișiere sunt legate de imagine prin definirea unei legături în caseta Descriere lungă din caseta de dialog Atribute accesibilitate atribute imagine.
-
Faceți clic pe OK pentru a insera imaginea.
În acest moment, ați inserat numai imaginea. Designul paginii, inclusiv plasarea imaginilor și a textului care curge în jurul acestora, este gestionat cu CSS