Ti tidsbesparende Dreamweaver Web Design Tips

Alle gode hjemmesider vokser og udvikler sig. Hvis du starter med et stærkt design og er meget opmærksom på nogle grundlæggende regler om interface, navigation og stil, har du et bedre grundlag at bygge videre på. Følgende designideer og Dreamweaver-tip kan hjælpe dig med at spare tid, når du opretter websteder, der ser godt ud for alle dine besøgende.

1Plan - det betaler sig.

Selvom du føler dig presset til at få en hjemmeside online hurtigt, vil du spare tid i det lange løb, hvis du tager dig lidt tid til at udvikle en plan først.

World Wide Web kommer ingen vegne. Selvom du skal få dit websted online så hurtigt som muligt, bør dit mål være at designe et websted, der virkelig tjener dit publikum, din virksomhed og dine mål - og disse mål kræver planlægning.

2 Definer mål for at hjælpe dig med at fokusere.

Hvis du starter din hjemmeside med det mål at tiltrække millioner af besøgende og sælge tonsvis af produkter og tjenester, er du ikke specifik nok. Jo mere præcist du kan angive dine mål, jo større chance har du for at nå dem. Du bør begrænse dig til kun tre mål.

3Sæt deadlines for at hjælpe dig med at blive færdig.

Når du er klar over dine mål og de opgaver, du skal udføre, før du lancerer dit websted, er det tid til at oprette en tidslinje og sætte deadlines. Sørg for at give dig selv en realistisk tidsramme for at gøre et godt stykke arbejde, og indregn lidt mere tid, end du tror, ​​du har brug for, især hvis du er ny inden for webdesign.

Selvom du arbejder på en hjemmeside alene eller med et meget lille team, er det at sætte deadlines en af ​​de vigtigste dele af enhver projektplan – og det giver dig en meget bedre chance for at blive færdig. Prøv at binde en deadline til en særlig begivenhed eller en lejlighed.


Ti tidsbesparende Dreamweaver Web Design Tips

4 Design til dit publikum.

Uanset hvor teknisk sofistikeret en hjemmeside er, eller hvor god den er skrevet, lægger de fleste mærke til designet først. Sørg for, at du har nok tid og budget til at udvikle et passende og attraktivt design til din hjemmeside. Det rigtige design er et, der passer bedst til dit publikum - og det betyder måske, men måske ikke, masser af fancy grafik og animationer.

5 Skab et ensartet design.

De fleste hjemmesider fungerer bedst og er nemmest at navigere, når de følger et konsekvent designtema. Eksempel: De fleste læsere tager for givet, at bøger ikke ændrer deres design fra side til side, og at aviser ikke ændrer overskriftsskrifttyper og logoer fra dag til dag.

Faktisk vil mange hævde, at når brugere siger, at noget er "intuitivt at bruge", hvad de virkelig mener er, at det er velkendt. Konsistens er et af de primære værktøjer, der bruges i design til at hjælpe læserne med at finde et websted, der er kendt, og gøre det nemt at følge en historie eller en række navigationselementer.


Ti tidsbesparende Dreamweaver Web Design Tips

6Følg tre klik-reglen.

Reglen om tre klik siger, at ingen vigtig information nogensinde bør være mere end tre klik væk fra andre steder på dit websted. Den vigtigste information burde være endnu tættere på. For eksempel er mange designere enige om, at kontaktoplysninger aldrig bør være mere end et klik væk.

Du kan gøre det nemt for seerne at finde information ved at oprette en navigationslinje - et sæt links til alle hovedsektionerne på dit websted, som du gentager på alle siderne på dit websted. En navigationslinje gør det nemt for besøgende at flytte fra en sektion af dit websted til en anden.

Hvis du har mange sider på dit websted, skal du organisere dem i sektioner med undersektioner og derefter bruge en rullemenu.

7Tænk dig om, før du tilføjer smarte skrifttyper.

Designere bliver så begejstrede, når de finder ud af, at de nu kan bruge hvilken som helst skrifttype, de ønsker på websider. Desværre, som så mange ting på nettet, er brugen af ​​skrifttyper mere kompliceret, end du måske forventer.

For eksempel, selvom du har rettighederne til at hoste en skrifttype på din egen webserver, har du muligvis ikke alle de variationer af skrifttypen, der er nødvendige for at vise bogstaverne korrekt på Mac- og Windows-computere eller til at fungere i alle webbrowsere. Det er derfor, de fleste webdesignere bruger en skrifttypetjeneste:

8Opbevar ofte brugte genstande ved hånden.

Har du nogensinde ønsket, at du kunne opbevare alle dine yndlings Dreamweaver-funktioner på ét praktisk sted? Du kan! Bare tilpas favoritsamlingen i panelet Indsæt.

Start Dreamweaver, og vælg Vindue→ Indsæt for at åbne panelet Fælles Indsæt. Panelet Indsæt indeholder flere sektioner, herunder struktur, medier, formularer og favoritter.

Klik på pilen i panelet Indsæt, og vælg Favoritter på rullelisten. Indstillingen Favoritter er helt i slutningen af ​​rullelisten Indsæt panel.

For at tilpasse panelet Favoritter med alle dine yndlingsfunktionsikoner skal du højreklikke (eller Control+klik på en Mac) og vælge Tilpas favoritter. Brug panelet Favorites Insert som en praktisk måde at holde alle dine yndlingsfunktioner ved hånden. Du kan endda ændre det til specielle projekter, der kræver en samling af programfunktioner.


Ti tidsbesparende Dreamweaver Web Design Tips

9 Opdel visningen.

Hvis du kan lide at skifte frem og tilbage mellem kodevisning og designvisning i Dreamweaver, vil du sætte pris på muligheden for at opdele vinduet, så du kan se både kildekoden og sidedesignet på samme tid. For at opdele vinduet skal du vælge knappen Opdel visning fra øverst til venstre i arbejdsområdet.

Dreamweavers kildekode er farvekodet for at gøre det nemmere at skelne tags fra indhold. En anden nyttig funktion i opdelt visning er, at hvis du vælger et billede, tekst eller et andet element på en side i designvisning, fremhæves den tilsvarende kode automatisk i kodevisning.

10 Sikkerhedskopier din hjemmeside.

Sørg for, at du har et system til at sikkerhedskopiere dit websted. Opbevar altid en kopi af alle filer på din server på en separat placering, og opdater den regelmæssigt for at sikre, at du til enhver tid har den seneste version af dit websted sikkerhedskopieret.

For at oprette en sikkerhedskopi af et websted, du har oprettet i Dreamweaver, skal du kopiere webstedsmappen, hvor du gemmer alle filerne på dit websted. Ideelt set bør du kopiere den mappe til en ekstern harddisk eller uploade den til et online backup-system (der hostes separat fra din webserver).

Leave a Comment

Sådan anvender du gennemsigtighed på SVGer

Sådan anvender du gennemsigtighed på SVGer

Lær, hvordan du anvender gennemsigtighed på SVG-grafik i Illustrator. Udforsk, hvordan du udsender SVG'er med gennemsigtige baggrunde og anvender gennemsigtighedseffekter.

Arbejde med billeder i Adobe XD

Arbejde med billeder i Adobe XD

Når du har importeret dine billeder til Adobe XD, har du ikke megen redigeringskontrol, men du kan ændre størrelse og rotere billeder, ligesom du ville have en hvilken som helst anden form. Du kan også nemt runde hjørnerne af et importeret billede ved hjælp af hjørne-widgets. Maskering af dine billeder Ved at definere en lukket form […]

Sådan justeres tekstegenskaber i Adobe XD

Sådan justeres tekstegenskaber i Adobe XD

Når du har tekst i dit Adobe XD-projekt, kan du begynde at ændre tekstegenskaberne. Disse egenskaber omfatter skrifttypefamilie, skriftstørrelse, skrifttypevægt, justering, tegnafstand (kjerning og sporing), linjeafstand (førende), udfyldning, kant (streg), skygge (slæbeskygge) og baggrundssløring. Så lad os gennemgå, hvordan disse egenskaber anvendes. Om læsbarhed og skrifttype […]

Arbejde med tegnebrætter i Photoshop CC

Arbejde med tegnebrætter i Photoshop CC

Ligesom i Adobe Illustrator giver Photoshop tegnebrætter mulighed for at bygge separate sider eller skærmbilleder i ét dokument. Dette kan især være nyttigt, hvis du bygger skærme til en mobilapplikation eller en lille brochure. Du kan tænke på et tegnebræt som en speciel type laggruppe, der er oprettet ved hjælp af panelet Lag. Dens […]

Former og polygoner i InDesign

Former og polygoner i InDesign

Mange af de værktøjer, du finder i panelet InDesign Tools, bruges til at tegne linjer og former på en side, så du har flere forskellige måder at skabe interessante tegninger til dine publikationer. Du kan skabe alt fra grundlæggende former til indviklede tegninger inde i InDesign, i stedet for at skulle bruge et tegneprogram såsom […]

Ombryd tekst i Adobe Illustrator CC

Ombryd tekst i Adobe Illustrator CC

Indpakning af tekst i Adobe Illustrator CC er ikke helt det samme som at pakke en gave ind – det er nemmere! En tekstombrydning tvinger tekst til at ombryde en grafik, som vist i denne figur. Denne funktion kan tilføje en smule kreativitet til ethvert stykke. Grafikken tvinger teksten til at ombryde den. Først skal du oprette […]

Sådan ændrer du størrelsen på figurer i Illustrator

Sådan ændrer du størrelsen på figurer i Illustrator

Når du designer i Adobe Illustrator CC, skal du ofte have en form, der har en nøjagtig størrelse (f.eks. 2 x 3 tommer). Når du har oprettet en form, er den bedste måde at ændre størrelsen på den til nøjagtige mål ved at bruge Transform-panelet, vist i denne figur. Få objektet valgt, og vælg derefter Vindue→ Transformer til […]

Sådan opretter du QR-koder i InDesign CC

Sådan opretter du QR-koder i InDesign CC

Du kan bruge InDesign til at oprette og ændre QR-kodegrafik. QR-koder er en form for stregkode, der kan gemme information såsom ord, tal, URL'er eller andre former for data. Brugeren scanner QR-koden ved hjælp af sit kamera og software på en enhed, såsom en smartphone, og softwaren gør brug af […]

Sådan får du et nyt billede til at se gammelt ud i Photoshop CS6

Sådan får du et nyt billede til at se gammelt ud i Photoshop CS6

Der kan være et tidspunkt, hvor du har brug for et nyt billede for at se gammelt ud. Photoshop CS6 har dig dækket. Sort-hvid fotografering er et nyere fænomen, end du måske tror. Daguerreotypier og andre tidlige fotografier havde ofte en brunlig eller blålig tone. Du kan skabe dine egne sepia-tonede mesterværker. Tonede billeder kan skabe […]

Live Paint-funktionen i Adobe CS5 Illustrator

Live Paint-funktionen i Adobe CS5 Illustrator

Ved at bruge funktionen Live Paint i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du oprette det billede, du ønsker, og udfylde områder med farve. Live Paint-spanden registrerer automatisk områder sammensat af uafhængige krydsende stier og fylder dem i overensstemmelse hermed. Malingen inden for en given region forbliver levende og flyder automatisk, hvis nogen […]