Administrer din webstedsstruktur med Dreamweaver

En af de mere almindelige fejl, nye webdesignere begår, er at kaste sig ud i at udvikle et websted uden at gennemtænke alle deres mål, prioriteter, budget og designmuligheder. Instinktet er simpelthen at begynde at oprette sider, smide dem alle sammen i en stor mappe og derefter sætte ting sammen med links. Når de så endelig afprøver det på deres publikum, bliver de ofte overraskede, når brugere siger, at webstedet er svært at navigere på, og at brugere ikke kan finde de sider, de vil bruge.

Gør dig selv en tjeneste og spar dig selv for lidt sorg ved at lave en plan. Ved at have en plan har du også en meget bedre chance for at skabe et attraktivt websted, der er nemt at vedligeholde og opdatere. Du skal forstå de almindelige planlægningsproblemer ved webdesign. Du skal også forstå, hvordan Dreamweaver gør det nemmere at administrere et team af udviklere, og hvordan du får mest muligt ud af webstedsadministrationsfunktionerne, såsom webstedssynkronisering og integreret e-mail. Hvis du befinder dig i den uheldige knibe med at prøve at reparere ødelagte links, vil du måske også sætte pris på, hvordan Dreamweaver også gør denne opgave lettere. Håndtering af strukturen på et websted har to sider: den side, som brugerne ser, hvilket afhænger af, hvordan du opsætter links, og bag-kulisserne-siden, der afhænger af, hvordan du organiserer filer og mapper.

Hvad brugeren ser

Den side, som brugeren ser, handler om navigation. Når brugere ankommer til din hjemmeside, hvor leder du dem så videre derfra? Hvordan bevæger de sig rundt på dit websted? Et godt websted er designet, så brugerne nemt og intuitivt kan navigere og skabe deres egen vej til den information, der er mest relevant for dem. Mens du planlægger, skal du sørge for, at brugerne nemt kan få adgang til nøgleoplysninger fra mere end ét sted på webstedet. Sørg for, at de kan bevæge sig frem og tilbage mellem sider og sektioner og vende tilbage til hovedsider og indeks i ét trin. Det er nemt at oprette links i Dreamweaver; udfordringen er at sikre, at de er nemme at følge for besøgende.

Hvad du ser

Den anden side til styring af dit websteds struktur sker bag kulisserne (hvor dine brugere ikke kan se oplysningerne, men du vil have en form for organisationssystem til at huske, hvad der er hvad). Før du kommer for langt i at bygge dit websted med Dreamweaver, skal du bruge lidt tid på at tænke på de administrative problemer, der er involveret i at holde styr på alle de filer, du opretter til dit websted. Filer består af alle de billeder, HTML-sider, animationer, lydfiler og alt andet, du lægger på dit websted. Når du opretter sider til dit websted, er det bedst at organisere dem i separate mapper eller mapper.

Nogle webudviklere får 20 eller 30 sider ind på et websted i vækst og indser derefter, at det var en fejl at have alle deres filer i én mappe. Faktisk er det mere end en fejl; det er noget rod. Og for at gøre tingene værre, hvis du begynder at flytte ting ind i nye mapper, efter at siden vokser, skal du ændre alle links. Uden at indse dette, begynder nogle mennesker at flytte rundt på filer og opdager derefter, at de har brudte links og ikke kan huske, hvor tingene skal hen. Heldigvis indeholder Dreamweaver webstedsstyringsværktøjer, der automatisk retter links, når du flytter rundt på sider eller opretter nye mapper, men at starte med en god plan er stadig bedre end at skulle rydde op i strukturen senere.

Før du bygger de første par sider, skal du tænke over, hvor du sandsynligvis vil tilføje indhold i fremtiden. Når du har sammensat en liste over de nøgleelementer, du ønsker på dit websted, er du klar til at oprette et storyboard eller en disposition. Brug listen og dispositionen til at oprette logiske sektioner af et websted, der forudser vækst. For eksempel kan du starte med én side, der viser alle dine medarbejdere; Men efter at de har set, hvor fedt det er, vil medarbejderne måske gerne udvikle deres egne sider. I så fald ønsker du måske en separat mappe dedikeret til medarbejdersider. Hvis du giver oplysninger til dit salgsteam, kan du opleve, at du ønsker en separat sektion for hvert produkt. Når du tilføjer nye sektioner, skal du oprette nye undermapper eller undermapper for at gemme deres respektive filer. Oprettelse af undermapper gør det også lettere at administrere et websted, der er bygget af flere personer.


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 […]