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 gruppens hjemmeside • Kort introduktion til html • Dagens øvelse

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å – Links fra studienævnets gamle websider er ikke ajour. Nye sider er meget snart på vej. • Husk: Næste kursusgang er 1. marts

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

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

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å

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

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

Dagens øvelse (1) Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • Start med HTML-tutorials på – find evt selv lignende tutorials, f.eks. • • – anvend en simpel tekst editor som f.eks notepad – efterfølgende kan anvendes en WYSIWYG-editor • Coffee Cup • Cute html • Sothink • m. fl.

Dagens øvelse (2) Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet • Begynd at fastlægge krav til indhold og form af jeres projektweb – jfr.