Lage egne Nettsider
Download
Report
Transcript Lage egne Nettsider
Kort om html
Forelesning 5 - 9 feb 07
Noen begreper i tilknytning til internett
•
nettside (webside) (nesten=) hjemmeside = home page = betegnelse som
ofte benyttes for startside for flere nettsider
•
nettsted (website) = hjemmeside med tilhørende sider = flere nettsider
som hører sammen eks. nettstedet til Fagenhet for IKT.
•
index.html = standardadresse for hovedfil i ei mappe (når ikke oppgitt
filnavn
•
html = Hypertext Markup Language = kode for nettside (hvilken tekst skal
være overskrift osv)
•
URL (Uniform Resource Locator) = nettadresse = internasjonalt unik
adresse til en nettside
–
http://www.lu.hio.no/IT/index.html
–
ftp://www.stud.hio.no/<studentbruker>/<mappe>/<fil>
–
mailto:[email protected]
webserver = en datamaskin som benyttes til å lagre nettsider som
skal være tilgjengelig for alle på internett
2
HTML-dokument
<html>
<head>
<title>Dette er teksten som vises i titlen</title>
</head>
<body>
Dette er teksten som vises på skjermen
</body>
</html>
HTML-dokument
<head>
<title>Dette er teksten som vises i titlen</title>
</head>
<body>
<b>Nå blir teksten fet</b>
</body>
</html>
HTML-dokument
<head>
<title>Dette er teksten som vises i titlen</title>
</head>
<body>
<i>Nå blir teksten kursiv</i>
</body>
</html>
HTML-dokument
<head>
<title>Dette er teksten som vises i titlen</title>
</head>
<body>
<font color="#FF0000">Nå blir teksten rød</font>
</body>
</html>
HTML-dokument
<head>
<title>Dette er teksten som vises i titlen</title>
</head>
<body>
Nå blir teksten overskrift nivå 1</h1>
<h1>
</body>
</html>
HTML-dokument
<head>
<title>Dette er teksten som vises i titlen</title>
</head>
<body>
<h2>Nå
</body>
</html>
blir teksten overskrift nivå 2</h2>
HTML-dokument
<head>
<title>Dette er teksten som vises i titlen</title>
</head>
<body>
<h3>Nå blir teksten overskrift nivå 3</h3>
</body>
</html>
HTML-dokument
<head>
<title>Dette er teksten som vises i titlen</title>
</head>
<body>
<p>Nå blir teksten et eget avsnitt<p>
<p>slik at denne teksten kommer på linjen under og blir et nytt avsnitt</p>
</body>
</html>
HTML-dokument
<head>
<title>Dette er teksten som vises i titlen</title>
</head>
<body>
<ul>
<li> • Nå blir teksten punkter</li>
<li> • slik at denne teksten kommer på linjen under og blir et nytt punkt</li>
</ul>
</body>
</html>
HTML-dokument
<head>
<title>Dette er teksten som vises i titlen</title>
</head>
<body>
<img src="Flaam.jpg" alt="Flåm" width="400" height="300">
</body>
</html>
Valg av filnavn ved publisering på nett
• Filnavn tolkes av nettlesere på mange språk, bruk derfor
aldri æ, ø, å, mellomrom eller spesialtegn (f.eks ikke $) i
navnet.
• Startsida (hovedsida) skal hete index.html (eventuelt
index.htm) NB! Editoren sørger ved lagring for at alle filer,
f.eks. fila som du skal gi navnet index, automatisk får
filetternavnet .html
• Av historiske grunner kan HTML-filer ha både .htm og .html
som filetternavn. Hold deg til en av disse to mulighetene,
og benytt helst .html
13
Det stilles følgende krav til den individuelle nettsiden
som må være innfridd for at oppgaven godkjennes:
• Nettsiden publisert på studentnettverket HiO. Adressen vil være
http://www.stud.hio.no/ ~studentnr (alt etter tilden ~ fylles ut med
brukernavnet ditt).
• Den individuelle nettsiden skal inneholde følgende elementer:
– tekst (gjerne faglig innhold)
– minst ett bilde eller en animasjon
– fire typer lenker:
» e-postlenke til egen e-postadresse ved HiO
» lenke internt på nettsiden, f.eks. fra bunnen til toppen av en side,
evt. en lenkebasert innholdsfortegnelse
» minst en intern lenke til en annen side på ditt nettsted, dvs. i dette
tilfellet lenke til fagoppgaven og eventuelt en annen nettside du
utvikler på samme område
» minst en ekstern lenke, dvs en lenke til et eksternt nettsted (f.eks.
Krl-seksjonens nettsted eller annen ekstern lenke som er relevant
for oppgavens problemstilling )
14