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

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

1 IT i Byggeriet Semester 6 2006 2. kursusgang Introduktion til projektweb og html Kjeld Svidt ks@civil.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 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

4 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.civil.aau.dk/it/education/sem6_2006/projects/group_cxxx/ – oprettes af kursusholderen, send mig en mail om hvilket brugernavn, den ligger under

5 Gruppens hjemmeside (3) Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet Dokumentér de anvendte metoder og beslutningsgrundlag i projektet – Målgruppe – Valg af indhold – Navigationsstruktur – Teknisk opbygning – Bagvedliggende filstruktur – osv.... Dvs. skriv ned, hvilke overvejelser, I har været igennem, og hvilke valg, der er truffet – Se også http://it.bt.aau.dk/it/education/slides/project_web_2.html

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.w3.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 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 Her står teksten, der vises i browseren

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

12 Dagens øvelse (1) Kjeld Svidt  Institut for Bygningsteknik  Aalborg Universitet Start med HTML-tutorials på www.html.dk – brug evt. lignende tutorials, f.eks. http://www.w3.org/MarkUp/Guide/ http://www.w3schools.com – anvend en simpel tekst editor som f.eks notepad – når I senere når til ”produktionsfasen” kan I anvende en WYSIWYG-editor efter eget valg, f.eks: Coffee Cup Cute html Sothink m. fl.

13 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