Oprettelse af en ny hjemmeside
  – kom godt i gang.

1. Start med at definere et formål med din hjemmeside.

Når du definerer et formål med din hjemmeside, kan det hjælpe at stille spørgsmålet: "Hvilken effekt skal min hjemmeside ideelt set have på den besøgende?"
Dvs. efter at have besøgt mit websted skal den besøgende:

• bliv inspireret til at lave Ikea-hacks; at lave personlige og tilpassede møbler af billige Ikea-produkter,
• vide hvordan man genbruger husholdningsplastik,
• fremme biodiversitet i byområder,
• være opmærksom på, at Donald Trump lever i et uvirkeligt parallelunivers,
• køb mere lokalt fremstillet tøj - gerne fra din webshop,
• ...

Hvis du ved, hvad formålet med dit websted er og hvilken ønsket effekt det skal have på den besøgende, så er det meget nemmere at holde fokus og løbende levere relevant indhold. Og det er måske også meget nemmere at besvare det næste spørgsmål - og derved fokusere dit indhold og funktionalitet:

2. Hvem er målgruppen for min nye hjemmeside?

Med henvisning til punkt 1. kan du udvide dine svar vedrørende din målgruppe på denne måde:

• Efter at have besøgt min side burde gør-det-selv folk og kreative mennesker blive inspireret til at lave Ikea-hacks og til at lave personlige og tilpassede møbler af billige Ikea-produkter,
• Efter at have besøgt min side burde ressourcebevidste og klimabevidste folk vide, hvordan man genbruger husholdningsplastik,
• Efter at have besøgt min hjemmeside bør børn og unge, der bor i bebyggede områder, fremme biodiversiteten i byområder,
• Efter at have besøgt min side bør alle med interesser i en bedre verden være klar over, at Donald Trump lever i et uvirkeligt parallelunivers,
• Efter at have besøgt min side bør piger og moderne kvinder i bugten købe mere lokalt fremstillet tøj - helst fra din webshop,
• ...

3. Start med en analog skitse, før du laver dit digitale design: 
    Tegn en skitse i hånden med papir og blyant, og skriv et par ord eller lav piktogrammer på en notesblok.

 

 

1.  Du kan fx skitsere forsiden for at få en idé om, hvordan du foretrækker, at den skal se ud.
2.  Du kan lave nogle bemærkninger vedrørende indholdet: Find ud af, hvilke oplysninger der skal være på hvilken side.
3.  Overvej, om du ønsker, at alle sider skal have den samme sidehoved, eller hver side skal have deres helt egen individuelle "overskrift" i form af et unikt sidehoved.
    Eller kombiner det, så alle relaterede sider får det samme sidehoved, men at sidehovedet skal afvige fra sider, som er relateret til et andet emne.
4.  Overvej, om nogle af siderne er så ens, at det ville give mening at bruge en skabelon til at give informationskategorien en ensartet struktur.
5. Hvis du opdager, at flere sider er relaterede, kan du overveje at give din navigationsmenu et antal undermenuer.
    

4. Etabler byggegrunden: Registrer et domæne, få en hostingplan eller opsæt dit eget miljø.

Der er et par krav til dit setup - uanset om det er din egen server eller en kommerciel hosting:

1. Det skal være i stand til at køre Microsoft .NET,
2. Webserveren skal helst være Microsoft Internet Information Service (IIS) ver. 7 eller nyere,
3. Du skal have adgang til en MySQL / MariaDB eller Microsoft SQL databaseserver og have privilegier til at oprette en ny database (instans) til din hjemmeside.
   
   Det er vigtigt, at hvis du går med en kommerciel webhostingløsning, så skal du finde et webhotel med en Windows server.

5. Installer n-gen.net CMS.

Denne opgave kan nemt udføres på få minutter ved at følge proceduren på installationssiden. 
 

6. Fortsæt ved at fokusere på overskriften.

Når du har installeret dit n-gen.net CMS (og du har udført opgaverne efter installationen), skal du ikke være så ivrig efter at begynde at arbejde på din første side. I stedet skal du lave sidehovedet på forsiden, som du gerne vil have den skal se ud. I nogle tilfælde kan du kun bruge standard-sidehovedet (headeren), så du kan starte med at redigere den. Alternativt kan du oprette et nyt sidehoved og knytte forsiden til det. I princippet er der (næsten) ingen grænse for antallet af sidehoveder. Dette betyder, at hvis du ønsker, at hver side på dit websted skal være forbundet med sit eget sidehoved, er det absolut en mulighed. Det anbefales at indholdet og dermed højden på dit sidehoved helst ikke bør overstige 250 pixels. Husk, at jo mere højde dit sidehoved har, jo mindre spalteplads har du til den (vigtige) indholdsdel. Du kan prøve at lave højden på dit sidehoved til et sted mellem 90 px og 140 px. Sidefoden har en størrelse på ca. 40 - 60 px. Højden på din sidefod afhænger af din skriftstørrelse. Så hvis du har en sidehoved på f.eks. 250 px og en sidefod på 50 px og antager, at din webside vises i en maksimeret browser på en HD-skærm, har du allerede brugt næsten en tredjedel af den tilgængelige plads med sidehoved og sidefod.

Bemærk, at sidehovedet og sidefoden ikke vises på mobile enheder, så indbyg ikke for meget funktionalitet i dit sidehoved.

 

7. Skabeloner

Der er en god chance for, at nogle af siderne på din hjemmeside vil have en række ligheder i layout eller indhold eller begge dele. Hvis det er tilfældet, bør du overveje at lave sideskabeloner. Med en skabelon - som er et brugerdefineret "stempel", der giver samme layout og indhold hver gang den bruges - vil du kunne spare en masse tid og din side får et sammenhængende, konsistent og ensartet udtryk. Med andre ord: Gentag ikke dig selv! Med udstrakt brug af skabeloner og styles (ved hjælp af style manager) kan du med et minimum af indsats vedligeholde og udvide selv en meget dynamisk hjemmeside, og du vil være i stand til at fokusere på indholdet.

Hvis du har sider eller forventer at få flere sider, der har samme type information, bør du især overveje at lave en skabelon ud af siden. Forestil dig, at du laver en rejseguide til forskellige byer. Siderne vil sandsynligvis alle have information om nationalitet, talesprog, valuta, hvad man skal se og hvilke faldgruber man skal undgå. Hvis du vil skabe et ensartet udseende og struktur til alle dine byguider, så brug den første som skabelon. At lave en skabelon ud fra en eksisterende side er blot tre klik. 

Når du har lavet en side, der skal danne grundlag for nye sider, kan du gøre den side til en skabelon med et enkelt klik fra sideredigeringsværktøjet. Derefter kan du åbne skabeloneditoren og forfine skabelonen. Der er (næsten) ingen grænser for, hvor mange skabeloner du kan have på din side. Men for overblikkets skyld kan du vælge, hvor mange skabeloner fra dit arkiv, der skal være aktive (kunne ses i WYSIWYG editoren) på et givet tidspunkt. Alternativt kan du starte skabeloneditoren med et blankt ark og blot bygge din skabelon fra bunden.

 

8. Nu er det tid til at lave websider.

Du har sikkert allerede sat dig ind i WYSIWYG-editoren, da du redigerede standard-sidehovedet?!
Hvis ikke, så tag et kig på denne video for en kort introduktion.
Spild ikke tid ved at formatere tekst med forskellige farver, størrelser og skrifttyper. Lav ikke dit layout ved at strukturere dit indhold i tabeller. Fokuser kun på at skabe indholdet: Strukturer og skriv teksten og indsæt fotos, billeder og grafik, hvor det er relevant. Hvis dine billeder ikke er klar i det rigtige format eller den rigtige størrelse/opløsning, så indsæt en tom plads og en beskrivende tekst, så du senere ved, hvad du vil indsætte.
 

9. Opret menuen. 

Navigationen er afgørende for den besøgende på din side. Derfor skal navigationen skabe en logisk struktur på dine sider. Og ingen information bør være mere end et par klik eller tryk væk fra din forside. Navigationsmenuen vil ofte være et link til en af dine sider. Hvis siden allerede findes i databasen, kan du blot vælge den fra en rulleliste, når du opretter menupunktet. Men hvis siden ikke eksisterer, skal du selv skrive URL'en. Dette er ikke nogen big deal; det følger en simpel syntaks af /index.aspx?id= x, hvor x er id-nummeret på din side.

 

10. Test dit arbejde.

I takt med at du udvikler din hjemmeside bør du regelmæssigt kontrollere om den virker efter hensigten. Prøv også at indlæse den på forskellige enheder.
Teknisk kan du teste med det værktøj du finder på PageSpeed Insights (web.dev)