Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet IT i Byggeriet Semester 6 2007 2. kursusgang Introduktion til projektweb og html Kjeld.

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

1 Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet IT i Byggeriet Semester 6 2007 2. kursusgang Introduktion til projektweb og html Kjeld Svidt ks@civil.aau.dk

2 Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet Dagens program Introduktion til gruppens hjemmeside Kort introduktion til html Dagens øvelse

3 Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet Gruppens hjemmeside (1) 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 Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet Gruppens hjemmeside (2) Siden oprettes i gruppens public_html-mappe, som publiceres her: http://www.civil.aau.dk/projekts/ Den får desuden den permanente adresse it.civil.aau.dk/it/education/sem6_2007/projects/group_bxxx De enkelte gruppemedlemmer kan lave egne hjemmesider i mappen public_html i eget hjemmekatalog. Den har adressen www.civil.aau.dk/~brugernavn/

5 Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet Gruppens hjemmeside (3) 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 Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet Hvad er HTML? 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 Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet Opbygning af et HTML-dokument 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 Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet Formattering af indholdet (1) Eksempler på tags paragraph, afsnit break, linieskift bold, fed overskrift niveau1 overskrift niveau2 italic, kursiv understreget ordered list punkt på listen

9 Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet Formattering af indholdet (2) Tags kan have attributter Eksempler her står teksten højrestiller teksten sætter baggrundsfarven til 000000 (sort) Angiver mængden af hhv. rød, grøn og blå i farven

10 Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet Andre vigtige indholdselementer 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 Anvend altid relative links indenfor eget site

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

12 Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet Dagens øvelse (1) 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 Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet Dagens øvelse (2) 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