Hvordan bruke Relaterte filer Bar i Dreamweaver CS4

Adobe Dreamweaver CS4 introduserte den relaterte filer bar. Det vises øverst på hver dokumentvinduet og viser alle CSS og Javascript-filer som er relatert til web-siden. Her er hvordan du arbeider med den.

Bruksanvisning

1 Hvordan bruke Relaterte filer Bar i Dreamweaver CS4

I dette eksemplet siden (se bilde) det er bare ett relatert fil. Du ser en kobling til kildekoden (HTML på siden) og style.css, den relaterte filen.

2 Legg merke til i bildet i trinn 1 som en annen ny funksjon i Dreamweaver CS4 er også vist. Det er vertikal delt visning. I denne visningen ser du kode og design side ved side.

3 Hvis du klikker på en av de relaterte filer linker (i dette eksempelet, bare styles.css) du se at på koden side av den vertikale delt visning.

4 Ved å gjøre endringer på koden side du se resultater på designsiden - så i dette eksempelet du kunne endre CSS-koden og se endringene skje visuelt på design siden av delt visning.

Hint

  • Hvis du bruker en server-side programmeringsspråk som PHP du vil se medfølgende serversiden filene som er oppført i den relaterte filer bar.