Brugernavn:

Password

Husk oplysninger

Opret ny bruger
Glemt dit login?


Den store side del 1 - basis siden

23/5-2001

I denne artikelserie gennemgås alt hvad der skal til for at lave en rigtig professionelt udseende hjemmeside. I denne artikel laver vi  basis siden som er fundamentet for vores hjemmeside.


Denne side kommer til at rumme alt hvad en rigtig hjemmeside kan indeholde.
Jeg har endnu ikke selv lavet siden, og vil derfor gradvist tilføje mere på siden.
Vi starter helt fra bunden med det grundlæggende og går derefter videre til det mere avancerede og sjove.

Hvis I har spørgsmål, kommentarer eller ideer til hvad I vil have at jeg skal sætte på siden så er I velkomne til at e-mail mig. steven@eaid.dk


1. Klik på Filer klik på Ny og vælg Side. En dialogboks vil vise sig. Du skal vælge Tom side. FrontPage vil nu lave en blank side.

2. Klik på HTML allernederst i FrontPage. Nu vil FrontPage vise koden for en blank side.
Koden skulle gerne se sådan ud:

<html>
<head>
<meta http-equiv=
"Content-Type" content="text/html; charset=windows-1252">
<meta name=
"GENERATOR" content="Microsoft FrontPage 4.0">
<meta name=
"ProgId" content="FrontPage.Editor.Document">
<title>
Ny side 1</title>
</head>
<body>
</body>
</html>

3. Nu skal der rettes lidt i koden, for FrontPage indsætter ikke selv en DOCTYPE deklaration.

Før <html> skal du skrive:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Final//EN">

Så kommer dokumentet  til at se sådan ud:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Final//EN">
<html>
<head>
<meta http-equiv=
"Content-Type" content="text/html; charset=windows-1252">
<meta name=
"GENERATOR" content="Microsoft FrontPage 4.0">
<meta name=
"ProgId" content="FrontPage.Editor.Document">
<title>
Ny side 1</title>
</head>
<body>
</body>
</html>

Dette gør at vi siger (for browsere) at dokumentet overholder W3c's standarder. W3c (www.w3c.org) er en organisation der standardiserer HTML tags så at alle browsere benytter de samme teknikker. Et tag er f.eks. <html>.

Teori:
Alle tags er på engelsk.

4. Nu skal vi ændre titlen.

Du markerer Ny side 1 som står mellem <title> og </title>
Navnet kan f.eks. være "The big site"

Titlen bør sige så meget som muligt om indholdet på siden.
Hvis siden f.eks. handler om mobiltelefoner kunne gode titler være:
Mobil siden, Alt til mobiltelefoner, Ringetoner til mobiltelefoner.

Prøv altid at koge din titel ned til at indeholde så meget information om siden. Titlen bør dog ikke være for lang, og undertiden kan emnet ikke præciseres, hvis siden for eksempel er en privat hjemmeside der indeholder alt muligt forskelligt.

Teori:
Når man skriver f.eks. <title> betyder det at man indleder et tag. I dette tilfælde fortæller tagget at nu kommer sidens titel. Når der så står </title> betyder det at titlen er slut.

5. Hvor kommer indholdet så?
Mellem <body> og </body> står HTML koden for selve indholdet på siden.
<html>
og </html> betyder at man henholdsvis indleder og afslutter et html dokument.
<head> og </head> fortæller browseren om alt muligt praktisk. F.eks. hvis siden benytter et koreansk tegnsæt og hvad titlen på siden er. Imellem <head> og </head> indsætter man også META koderne, som giver en beskrivelse om siden samt meget andet.

6. Nu er det tid til at indsætte metatags. Metatags er noget at det vigtigste på en hjemmeside.

Teori:
Et Meta-tag er et tag der bruges til meget. Det bruges til alt lige fra at fortælle hvem der har lavet siden til at fortælle søgemaskiner hvilke sider de skal indeksere.

Til at lave metatagsene benytter jeg altid Metamaten. Metamaten er en side der hjælper med metatagsene.

Gå ind på http://www.metamaten.dk/light.htm og udfyld alle felter. Hver gang man klikker i et felt kommer der lidt hjælp i højre frame. Når du har udfyldt alle felter klikker du på fremstil metadata. Så kommer der en ny side frem. Du markerer hele koden til med undtagelse </title> og alt hvad der står før </title>, og holder CTRL tasten nede mens du trykker på C tasten. Nu kopierer du teksten

Så åbner du FrontPage og sætter din kode ind i dokumentet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Final//EN">
<html>
<head>

Her sætter du koden fra metamaten ind.

<meta http-equiv=
"Content-Type" content="text/html; charset=windows-1252">
<meta name=
"GENERATOR" content="Microsoft FrontPage 4.0">
<meta name=
"ProgId" content="FrontPage.Editor.Document">
<title>
The big site</title>
</head>
<body>
</body>
</html>

7. Nu er din basis side klar. Gem siden i en Ny mappe som index.htm.

Det gør du ved at gå op i menuen Filer klikke på Gem. Nu åbner en dialogboks. I rullemenuen klikker du én gang og vælger f.eks. C. Derefter klikker du på Dokumenter. Så trykker du på ikonet. FrontPage opretter nu en ny mappe. Uden at du gør noget som helst andet skriver du et navn til mappen. F.eks. "Hjemmeside". Så trykker du på ENTER og klikker på mappens navn. Du skriver nu "index" i feltet ved siden af Filnavn.

Nu har du gemt din side.


Dette var så hvordan man laver en basis side. Denne basis side er det grundlæggende. Det tager lang tid at udføre denne procedure første gang, men når man som jeg laver den dagligt tager det ikke så lang tid.


Relaterede artikler:
Fjerne uønskede elementer i billedet med Photoshop
Exif Info
Actions med Photoshop 7
Tweak Windows XP



Du skal være logget ind for at kunne poste et nyt indlæg Kategori: Kommentar til artikler
Emne:





     

Copyright © 2000-2016 Bip Foto
Ansvarshavende: Peter Blom Rørvig Skjelbo
Artikel - Den store side del 1 - basis siden - kamerasiden.dk