Innholdsfortegnelse:
- Rydde roten
- Splitting visningen: Arbeider i koden
- Tabelldesignene dine
- Konvertering av tekst
- Finne funksjonelle skrifttyper
- Dirigere seerne
Video: ASMR | Clicky Typing & Whispering & Tapping | 60fps 2025
Selv de beste programmene blir bedre når du vet hvordan du får mest ut av dem. Ta et øyeblikk for å sjekke ut disse tipsene og lagre tonnevis med tid på å utvikle ditt nettsted. De fleste av disse tipsene gjelder både Macintosh og Windows-brukere. Når de gjelder bare for den ene eller den andre, vil teksten fortelle deg om tipset gjelder for Windows eller Mac-versjonen.
Rydde roten
Dreamweaver mange paneler (kalt paletter i tidligere versjoner) gir rask tilgang til de mest populære funksjonene, men de kan rote opp designområdet. For å få dem ut av veien når du vil stå tilbake og beundre arbeidet ditt (eller rive noen andre fra hverandre), bruk F4-tasten, en snarvei som gjemmer alle synlige paneler på en gang. For å få dem tilbake, trykk bare på F4-tasten igjen.
For å slå panelene av og på enkeltvis, bruk snarveien til hvert panel. Velg Vindu fra menyen for å finne et hurtigtast som er oppført ved siden av hvert panelnavn. Du kan bruke disse snarveiene til å slå panelene av og på individuelt. Du kan også bruke Launcher-linjen nederst i høyre hjørne av designvinduet for å få tilgang til nettstedspanelet, aktivitetspanelet, panelet HTML-stiler, CSS-stilpanelet, Behavior panel og History panel.
Splitting visningen: Arbeider i koden
Hvis du liker å bytte frem og tilbake mellom HTML-kilden og WYSIWYG (det du ser er det du får), kan du se design i Dreamweaver, Du vil sette pris på det nye alternativet i versjon 4 som gjør at du kan dele vinduet slik at du kan vise HTML-kilden og WYSIWYG-designområdet på samme tid. For å dele vinduet, velg Vis -> Kode og design.
Du kan også sette pris på de forbedrede funksjonene i den innebygde tekstredigeringsprogrammet Dreamweaver, inkludert automatisk innrykning og muligheten til å velge flere linjer og strekke dem inn. Du vil også oppdage levende syntaksfarging som vises mens du skriver - du kan til og med skille farger for HTML og JavaScript. Velg Rediger -> Innstillinger -> Kodefarger-fanen for å tilordne farger.
Tabelldesignene dine
HTML-tabeller gir fortsatt den beste måten å lage komplekse webdesign på (fordi eldre nettlesere fremdeles ikke støtter lag), og Dreamweaver 4 har gjort det enklere enn noensinne å lage tabeller i sitt visuelle designområde. I den nye layoutvisningen kan du "trekke" tabeller på en side, dra dem på plass, og til og med gruppeceller i et nestet bord - 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 vinduets størrelse, en god teknikk for å sikre at designene fungerer på alle skjermer.
Velg Vis -> Tabellvisning -> Layoutvisning for å få tilgang til Dreamweaver sitt nye bordskapingsmiljø, og bare dra og slipp for å lage noen form for tabell. Du finner alternativer for celle og tabelloppsett i objektpanelet.
Konvertering av tekst
Hvis du er vant til å bruke funksjonen Lim inn som tekst 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 File -> Lim inn, og formatert tekst fra et tekstbehandlingsdokument opprettholder formateringen - vel, det holder i det minste linjeavstanden. Sannheten er, Dreamweaver er fortsatt ganske svak når det gjelder å konvertere tekst.
Du kan redde deg fra å måtte formatere teksten i Dreamweaver hvis du bruker et tekstbehandlings- eller regnearkprogram som inneholder en Save As 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, endre navn på filen, og åpne den nye filen i Dreamweaver. Microsoft Word og Excel beholder også tabellformatering, en sanntidsbeskytter hvis du arbeider med store tabeller med tekst eller tall.
Finne funksjonelle skrifttyper
Designere blir så glade når de finner ut at de kan bruke hvilken som helst skrift. I virkeligheten må seerne ha skrifttype på datamaskinene for at de skal vises. Jo mer vanlig fonten er, jo mer sannsynlig er det å vise måten du har til hensikt. Hvis du vil bruke en mer uvanlig skrifttype, gå for det - bare vær sikker på at du også inkluderer alternativer. Dreamweaver Font List inneholder allerede samlinger av vanlige fonter, og du kan alltid lage din egen Font List ved å velge Tekst -> Font -> Rediger Font List.
Windows er uten tvil det vanligste operativsystemet på nettet. For å sikre de beste og raskeste resultatene for flertallet av brukerne, oppgi en Windows font først.
Dirigere seerne
Opprette flere nettsteder er den mest feilsikre løsningen for å sørge for at alle seerne er glade når du bruker banebrytende sidedesigner fylt med DHTML og CSS. Det betyr at du lager 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 Check Browser-oppførselen.
Kontroller Browserens oppførsel er skrevet i JavaScript og bestemmer nettlesertypen som brukes av hver seer som lander på nettstedet ditt. Oppførselen dirigerer deretter brukerne til sidedesignet best egnet til nettleserversjonen. For å bruke denne funksjonen, velg Window -> Behaviors for å åpne panelet Behaviors. Deretter klikker du på plustegnet (+) for å åpne rullegardinlisten med alternativer. Velg Kontroller nettleser og en dialogboks åpnes der du kan angi hvilke nettleserversjoner som skal rettes til hvilke sider på nettstedet ditt. Når brukere kommer til nettstedet ditt, blir de automatisk rettet til siden du ønsker, basert på nettlesertypen og versjonen du angir.
