WEB 1.
Opgave 2 ( Tema
oprettelse og dokumentation af web site )
a) Der skal udarbejdes en kravspecifikation.
Vi har valgt at opbygge vores hjemmeside i HTML og af værktøj
har vi benyttet notesblok.
De krav vi stillede til designet af vores hjemmeside, var at
det skulle være overskueligt, samtidigt med at det skal være nemt at navigere
rundt på hjemmesiden.
Design:
OVERSKRIT
Præsentation 1
links
Præsentation 2
Fig. 1: skitse af hjemmesiden
FORKLARING AF FIG.1:
Der henvises til spørgsmål b.
STRUKTUREN I FIG.1:
Som det fremgår af figuren ( Fig.1 )
ønskede vi en meget simpel struktur for vores hjemmeside. Øverst har vi lavet
en overskrift med fed skrift. I venstre side har vi for nemhedens skyld primært
valgt at placere vores interne og eksterne links. I boksene,
præsentation 1 & 2, er der en kort præsentation af indehaverne af den
respektive hjemmeside.
For at gøre vores site brugervenlig har vi
valgt at farve vores links blå, og når de så har været aktiveret, og brugeren
vender tilbage til vores site, er det/de tidligere aktiverede link nu rødt.
b)
Vi har valgt
at opbygge vores hjemmeside med HTML-koder på den ovenstående måde, for at
komme ind på de flest mulige koder, som vi har haft undervisning i.
Koderne:
<HTML>
: her vil dokumentet starte.
</HTML>:
her vil dokumentet slutte.
<HEAD>
---- </HEAD> : dette er dokumentets hoved, og i denne kode placeres de
forskellige instruktioner der skal udgøre hele dokumentet.
<META>
: heri insættes keywords, hvor man kan indsætte de ord søgemaskinen skal søge
på. Videre kan man indsætte en content hvor der står hvad hjemmesiden hedder.
<TITLE>----</TITLE>
: Her skrives titlen på dokumentet, hvor diverse søgemaskiner bruger denne til
at finde frem til hjemmesiden.
<BODY>----</BODY>
: Inden for disse kan man skrive den tekst eller andet der ønskes udført på den
synlige hjemmeside.
<H1>----</H1>
: Den har vi brugt til at skrive en fed skrift til overskriften med.
<TABLE>----</TABLE>
: Dette betyder at der udføres en tabel. Vi har i dette tilfælde valgt at lave
den 80% høj og 100% bred, og en sort kant med tykkelsen 1.
<TR>---</TR>
: Det vil sige at man definerer en række.
<TD>----</TD>
: Det vil sige at man definerer en tabel-celle.
<B>
: Den giver en fed skrift.
<BR>
: Her skiftes linie (break).
<A>----</A>
: Her defineres et hyperlink. Et eks. <A href=”opgave 1.html”> Opgave 1
</A>. Det første (href=”opgave 1.html”), er det sted hvor siden skal
findes. Det efterfølgende (Opgave 1) det er navnet(teksten) på den ønskede
link.
<IMG>----</IMG>
: Denne komando bruges til at indsætte billeder med.
<I>----</I>
: Kursiv skrift.
<FONT>----</FONT>
: Her kan man definere skriften.
Inden i de
ovennævnte koder har vi skrevet en del andre koder som:
BGCOLOR=”00f”
: Den definerer farven 00f
ALIGN=”center”
: Dvs. At man justerer til, i dette eksempel, center.
WIDTH=”100%”
: Dvs. At man definerer bredden, i dette eks. til 100%.
ROWSPAN=”2”
: Den bestemmer hvor mange rækker en celle skal spænde over. Hvis man
eksempelvis skal bruge colspan bestemmer denne antal kolonner i stedet for
rækker.
FACE=”------”
: Inden i denne kan man skrifttypen man ønsker at bruge. Er skevet inden i
vores <FONT>