IT i Byggeriet Semester 6 2005 2. kursusgang Introduktion til projektweb og html Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik  Aalborg.

Præsentationer af emnet: "IT i Byggeriet Semester 6 2005 2. kursusgang Introduktion til projektweb og html Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik  Aalborg."— Præsentationens transcript:

1 IT i Byggeriet Semester 6 2005 2. kursusgang Introduktion til projektweb og html Kjeld Svidt ks@bt.aau.dk Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet

2 Dagens program Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • Praktiske oplysninger • Introduktion til gruppens hjemmeside • Kort introduktion til html • Dagens øvelse

3 Praktiske oplysninger Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • Bedømmelse – kursusholderen deltager ikke ved eksamen, men laver en forhåndsbedømmelse af gruppens indsats, og giver en indstilling til vejlederne – der lægges vægt på, hvad gruppen har produceret i relation til kurset med udgangspunkt i øvelserne • Kursets hjemmeside ligger på http://it.bt.aau.dk/it/education/sem6_2005/ – Links fra studienævnets gamle websider er ikke ajour. Nye sider er meget snart på vej. • Husk: Næste kursusgang er 1. marts

4 Gruppens hjemmeside (1) Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • Hver gruppe laver en hjemmeside • Hjemmesiden har to hovedfunktioner – en offentligt tilgængelig del med præsentation af gruppen og projektet – en lukket del til intern kommunikation i gruppen og med vejlederne

5 Gruppens hjemmeside (2) Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • Siden oprettes i mappen public_html i et af gruppemedlemmernes hjemmekatalog • Siden er dermed tilgængelig på adressen www.civil.aau.dk/~brugernavn/ • Den får desuden den permanente adresse it.bt.aau.dk/it/education/sem6_2005/projects/group_cxxx/ – oprettes af kursusholderen, send mig en mail om hvilket brugernavn, den ligger under

6 Gruppens hjemmeside (2) Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • Anvendte metoder og beslutningsgrundlag dokumenteres i projektet – Målgruppe – Valg af indhold – Navigationsstruktur – Teknisk opbygning – Bagvedliggende filstruktur – osv.... – Se også http://it.bt.aau.dk/it/education/slides/project_web_2.html

7 Hvad er HTML? Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • HyperText Markup Language • Det sprog som internetbrowseren forstår • Formatterer dokumenter til visning i en browser • Baseret på SGML ligesom f.eks. XML • Opfundet af Tim Berners Lee ca. 1990 • Udvikles af the World Wide Web Consortium – www.w3c.org – etableret 1994 – 400 medlemsorganisationer på verdensplan – w3c arbejder løbende med udvikling af nye teknologier til internettet

8 Opbygning af et HTML-dokument Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • Dokumentet struktureres vha. ”tags” (mærkater) som browseren kender – åbningstags – lukketags – (visse tags har ikke lukketag, f.eks linieskift ) • Grundlæggende opbygning – indholdet er html (markeres med tags) – består af • ”hoved” • og ”krop”

9 Formattering af indholdet Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • Eksempler på tags paragraph, afsnit break, linieskift bold, fed overskrift niveau1 overskrift niveau2 italic, kursiv understreget ordered list punkt på listen

10 Formattering af indholdet Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • Tags kan have attributter • Eksempler tekst • højrestiller teksten • sætter baggrundsfarven til 000000 (sort)

11 Andre vigtige indholdselementer Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • Links Link til IT-gruppen • a betyder anchor • href betyder hypertekst reference • img betyder image • scr betyder source

12 Næste gang Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • Mere om projektwebs og html – herunder frames og passwordbeskyttelse

13 Dagens øvelse (1) Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • Start med HTML-tutorials på www.html.dkwww.html.dk – find evt selv lignende tutorials, f.eks. • http://www.w3.org/MarkUp/Guide/ • http://www.w3schools.com – anvend en simpel tekst editor som f.eks notepad – efterfølgende kan anvendes en WYSIWYG-editor • Coffee Cup • Cute html • Sothink • m. fl.

14 Dagens øvelse (2) Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • Begynd at fastlægge krav til indhold og form af jeres projektweb – jfr. http://it.bt.aau.dk/it/education/slides/project_web_2.html