Cum să adăugați un link la o imagine în Adobe Dreamweaver: 7 pași

Cuprins:

Cum să adăugați un link la o imagine în Adobe Dreamweaver: 7 pași
Cum să adăugați un link la o imagine în Adobe Dreamweaver: 7 pași

Video: Cum să adăugați un link la o imagine în Adobe Dreamweaver: 7 pași

Video: Cum să adăugați un link la o imagine în Adobe Dreamweaver: 7 pași
Video: How to Insert Image in Trello (2023) 2024, Aprilie
Anonim

În timp ce creați site-uri web, trebuie să țineți cont de anumite lucruri, unul dintre ele făcând site-ul dvs. interesant pentru spectatori. Cu Dreamweaver, un program de editare HTML, este ușor să convertiți o imagine într-un link. Acest articol vă va arăta cum s-a făcut!

Pași

Adăugați un link la o imagine în Adobe Dreamweaver Pasul 1
Adăugați un link la o imagine în Adobe Dreamweaver Pasul 1

Pasul 1. Deschide Dreamweaver

Deschideți un fișier existent sau definiți un site nou și creați un fișier HTML nou, dacă nu ați făcut deja acest lucru.

Adăugați un link la o imagine în Adobe Dreamweaver Pasul 2
Adăugați un link la o imagine în Adobe Dreamweaver Pasul 2

Pasul 2. Când creați un fișier HTML nou, Dreamweaver va crea deja o structură de bază a paginii web pentru dvs

Introduceți cursorul undeva între etichete și.

Adăugați un link la o imagine în Adobe Dreamweaver Pasul 3
Adăugați un link la o imagine în Adobe Dreamweaver Pasul 3

Pasul 3. Introduceți imaginea dorită

Există trei metode alternative pentru a face acest lucru:

  • Accesați panoul „Inserați” din partea de sus. Faceți clic pe „Imagine” și selectați „Imagine” din submeniul care apare.
  • În partea dreaptă, există o bară cu „Inserare” și „Fișiere” scrise deasupra. Faceți clic pe „Selectați” și apoi faceți clic pe „Comun” din meniul derulant. Acum, introduceți imaginea făcând clic pe „Imagine”. Dacă bara respectivă nu apare, faceți clic unde este scris spațiul de lucru „Compact” sau „Extins”. Faceți clic pe „Compact”, apoi pe „Reset Compact” pentru a reseta setările implicite ale Dreamweaver.
  • Apăsați Ctrl + Alt + I pe tastatură.
Adăugați un link la o imagine în Adobe Dreamweaver Pasul 4
Adăugați un link la o imagine în Adobe Dreamweaver Pasul 4

Pasul 4. Reglați dimensiunea imaginii dvs. introducând numărul de pixeli în câmpurile „Lățime” și „Înălțime”

Adăugați un link la o imagine în Adobe Dreamweaver Pasul 5
Adăugați un link la o imagine în Adobe Dreamweaver Pasul 5

Pasul 5. Accesați modul „Proiectare” pentru a vedea cum arată imaginea dvs

Faceți clic pe „Live” pentru a vedea cum va arăta efectiv pe site-ul dvs. web.

Adăugați un link la o imagine în Adobe Dreamweaver Pasul 6
Adăugați un link la o imagine în Adobe Dreamweaver Pasul 6

Pasul 6. Faceți clic pe imagine

Adăugați un link la o imagine în Adobe Dreamweaver Pasul 7
Adăugați un link la o imagine în Adobe Dreamweaver Pasul 7

Pasul 7. Salvați pagina dvs. web apăsând Ctrl + S (Salvați) sau Ctrl + ⇧ Shift + S (Salvare ca).

sfaturi

  • Dacă doriți să fie ca un buton sau doar o formă în imaginea dvs., schimbați fundalul cu unul similar cu cel de pe pagina dvs. web cu un program de editare a imaginilor, cum ar fi Photoshop.
  • Faceți clic pe mic Glob pictogramă în partea de sus pentru a o vizualiza în browserul dvs.

Recomandat: