In acest articol vom vedea cum creem zone de link pe o imagine ( layout ) cu Adobe Dreamweaver . Pentru acest tutorial vom folosi un layout format .png care reprezinta designul unui site.

Pentru inceput deschidem Adobe Dreamweaver , creem un document HTML :

….apoi inseram imaginea ( layout-ul ) in acest document . INSERT -> IMAGE sau ( CTRL + ALT + I )

Acum folosim unealta RECTANGULAR HOTSPOT TOOL pentru a selecta portiunea butoanelor

Dupa ce am selectat portiunea dorita ne va aparea o fereastra , click pe OK , apoi la proprietati completati :
Link: numele pagini dorite eu am ales index.html
Target: _self
* De ce self ? _self va deschide pagina in aceiasi fereastra
ALT : < empty >

Dupa ce am terminat de selectat butoanele dorite salvam si verificam pagina .html. Mai multe detalii in videotutorialul de mai jos: