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

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

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

Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet Gruppens hjemmeside (2) Siden oprettes i gruppens public_html-mappe, som publiceres her: 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

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å

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

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”

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

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 (sort) Angiver mængden af hhv. rød, grøn og blå i farven

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

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

Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet Dagens øvelse (1) Start med HTML-tutorials på – brug evt. lignende tutorials, f.eks. – 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.

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.