IT i Byggeriet Semester kursusgang Introduktion til projektweb og html Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet

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

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

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

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

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 Udvikles af the World Wide Web Consortium – – etableret 1994 – 400 medlemsorganisationer på verdensplan – w3c arbejder løbende med udvikling af nye teknologier til internettet

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”

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

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

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

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

Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet Start med tutorials på – 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