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

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

1 IT i Byggeriet Semester 6 2004 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 html Dagens øvelse

3 Praktiske oplysninger Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet Husk at aflevere underskrevne sedler vedr bygviden IT-kurset, projekt og projektvejledning – kontakt med vejledere og styregryppe – IT-underviserne laver en liste over hvad der skal indgå i projektet fra dette kursus (tæt knyttet til øvelserne) – IT-underviserne er formelt ikke vejledere, men konverterer en del af undervisningstiden til projeltvejledning

4 Dagens program Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet Praktiske oplysninger Introduktion til html Dagens øvelse

5 Gruppens hjemmeside 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 Siden oprettes i mappen public_html i et af gruppemedlemmernes hjemmekatalog Anvendte metoder og beslutningsgrundlag dokumenteres i projektet

6 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

7 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”

8 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 unorderet list ordered list punkt på listen

9 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)

10 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

11 Dagens program Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet Praktiske oplysninger Introduktion til html Dagens øvelse

12 Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet Start med tutorials på www.html.dkwww.html.dk – find evt selv lignende tutorials – anvend en simpel tekst editor som f.eks notepad – efterfølgende kan anvendes en WYSIWYG-editor Coffee Cup Cute html m. fl. Begynd at fastlægge krav til indhold og form af jeres projektweb