Trykk på Tidsbesparende Dreamweaver-tips

Selv de beste programmene blir bedre når du vet hvordan du får mest mulig ut av dem. Ta deg tid til å sjekke ut disse tipsene og spar massevis av tid på å utvikle nettstedet ditt. De fleste av disse tipsene gjelder for både Macintosh- og Windows-brukere. Når de bare gjelder den ene eller den andre, vil teksten fortelle deg om tipset gjelder for Windows- eller Mac-versjonen.

Rydder rotet

Dreamweavers mange paneler (kalt paletter i tidligere versjoner) gir rask tilgang til de mest populære funksjonene, men de kan rote til designområdet. For å få dem ut av veien når du vil stå tilbake og beundre arbeidet ditt (eller rive noen andres fra hverandre), bruk F4-tasten, en snarvei som skjuler alle synlige paneler samtidig. For å få dem tilbake, trykk bare på F4-tasten igjen.

For å slå paneler på og av individuelt, bruk tastatursnarveien som er tildelt hvert panel. Velg Vindu fra menyen for å finne en hurtigtast ved siden av hvert panelnavn. Du kan bruke disse snarveiene til å slå panelene på og av individuelt. Du kan også bruke oppstartslinjen nederst til høyre i designvinduet for å få tilgang til sidepanelet, ressurspanelet, HTML-stilpanelet, panelet CSS-stiler, panelet atferd og historikkpanelet.

Dele visningen: Arbeider i koden

Hvis du liker å bytte frem og tilbake mellom HTML-kildekoden og WYSIWYG (det du ser er det du får) designvisning i Dreamweaver, vil du sette pris på det nye alternativet i versjon 4 som lar deg dele vinduet slik at du kan se HTML-kilden og WYSIWYG-designområdet samtidig. For å dele vinduet, velg Vis –> Kode og design.

Du vil kanskje også sette pris på de forbedrede funksjonene i Dreamweaver innebygde tekstredigeringsprogram, inkludert automatisk innrykk og muligheten til å velge flere linjer og rykke inn. Du vil også oppdage levende syntaksfarging som vises mens du skriver - du kan til og med skille fargene for HTML og JavaScript. Velg Rediger –> Innstillinger –> Kodefarger-fanen for å tilordne farger.

Legg fram designene dine

HTML-tabeller tilbyr fortsatt den beste måten å lage komplekse webdesign på (fordi eldre nettlesere fortsatt ikke støtter lag), og Dreamweaver 4 har gjort det enklere enn noen gang å lage tabeller i det visuelle designområdet. I den nye layoutvisningen kan du "tegne" tabeller på en side, dra dem på plass og til og med gruppere celler i en nestet tabell – uten å bekymre deg for hvor mange rader og celler du har opprettet. Du kan til og med bruke denne funksjonen til å lage tabeller som endres med vindusstørrelsen, en flott teknikk for å sikre at designene dine fungerer på alle skjermer.

Velg Vis –> Tabellvisning –> Layoutvisning for å få tilgang til Dreamweavers nye tabellopprettingsmiljø, og så er det bare å dra og slippe for å lage en hvilken som helst type tabell. Du kan finne alternativer for celle- og tabelloppsett i objektpanelet.

Konvertering av tekst

Hvis du er vant til å bruke Lim inn som tekst-funksjonen i Dreamweaver 3, ikke bli skuffet når du oppdager at den mangler i Dreamweaver 4. Macromedia strømlinjeformet prosessen i sin nyeste versjon. Nå velger du ganske enkelt Fil -> Lim inn, og formatert tekst fra et tekstbehandlingsdokument beholder formateringen - vel, ok, det beholder i det minste linjeavstanden. Sannheten er at Dreamweaver fortsatt er ganske svak når det kommer til å konvertere tekst.

Du kan spare deg selv for å måtte formatere teksten på nytt i Dreamweaver hvis du bruker et tekstbehandlings- eller regnearkprogram som inneholder en Lagre som HTML-funksjon (Microsoft Word og mange andre tilbyr denne funksjonen). I stedet for å kopiere og lime inn teksten i Dreamweaver, bruk tekstbehandlingsprogrammets Fil –> Lagre som HTML-funksjon, gi nytt navn til filen og åpne den nye filen i Dreamweaver. Microsoft Word og Excel bevarer til og med tabellformatering, en reell tidsbesparelse hvis du har å gjøre med store tabeller med tekst eller tall.

Finne funksjonelle fonter

Designere blir så begeistret når de finner ut at de kan bruke hvilken som helst font. I virkeligheten må seerne ha skriften på datamaskinene sine for at den skal vises. Jo mer vanlig skrifttypen er, jo mer sannsynlig er det at den vises slik du har tenkt. Hvis du vil bruke en mer uvanlig font, gå for det - bare vær sikker på at du også inkluderer alternativer. Dreamweaver Font List inkluderer allerede samlinger av vanlige fonter, og du kan alltid lage din egen Font List ved å velge Tekst –> Font –> Rediger skriftliste.

Windows er det desidert vanligste operativsystemet på nettet. For å sikre de beste – og raskeste – resultatene for flertallet av brukerne dine, skriv først en Windows-font.

Diriger seerne dine

Å lage flere nettsteder er den mest feilsikre løsningen for å sikre at alle seerne dine er fornøyde når du bruker banebrytende sidedesign fylt med DHTML og CSS. Det betyr at du oppretter to eller flere sett med sider: en som bruker de nyeste funksjonene og en som bruker eldre, mer universelt støttede HTML-koder. Men hvordan sikrer du at seerne kommer til de riktige sidene? Bruk funksjonen Sjekk nettleser.

Sjekk nettleser-atferden er skrevet i JavaScript og bestemmer nettlesertypen som brukes av hver seer som lander på nettstedet ditt. Oppførselen leder deretter brukerne til sidedesignet som passer best til nettleserversjonen deres. For å bruke denne funksjonen, velg Vindu –> Atferd for å åpne Behaviour-panelet. Klikk deretter på plusstegnet (+) for å åpne rullegardinlisten med alternativer. Velg Sjekk nettleser og en dialogboks åpnes der du kan spesifisere hvilke nettleserversjoner som skal ledes til hvilke sider på nettstedet ditt. Når brukere kommer til nettstedet ditt, blir de automatisk dirigert til siden du velger, basert på nettlesertypen og versjonen du angir.