kjeld svidt institut for bygningsteknik aalborg universitet

IT i ByggerietSemester 6 2004

3. kursusgang

Projektweb og html

(fortsat)

Kjeld Svidt [email protected]

Kjeld Svidt Institut for Bygningsteknik Aalborg Universitet

Revideret

udgave

25.2.2004

Dagens program


• Opfølgning fra sidst• Revideret kursusplan• Mere om projektwebs html

– frames– billedoversigter og ”klikbare” billeder– passwordbeskyttelse– permanent adresse for gruppernes sider

• Dagens øvelse

Opfølgning fra sidst


• Alle grupper kom godt igang med html– et godt link: www.w3schools.com/

• Mindst én gruppe har skitseret på krav til indhold og form af deres projektweb• Nogen havde problemer med filnavne

– brug ikke æ, ø, å backslash \ og mellemrum– brug kun små bogstaver– brug ikke filnavne, der indgår i vores domænenavn, f.eks. it.html

• Problemer med grafikformater og filstørrelser– behandles næste gang

Revideret kursusplanhttp://it.civil.auc.dk/it/education/sem6_2004/index.html#lecture


2.3. Computergrafik9.3. Gæsteforelæsninger om anvendelse af objektorienterede bygningsmodeller16.3. og 23.3. Udveksling af cad-modeller og computerstøttet samarbejde30.3. og 13.4. Databaser20.4. Ikke fastlagt

Frames


<html>

<frameset cols="25%,50%,25%">

<frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm">

</frameset>

</html>

• Et frameset laves i kolonner eller rækker• En kolonne kan inddeles i rækker og omvendt ved at definere et nyt frameset på dens plads• Bredden af den enkelte ramme angives i pixels eller %

a b c

Frames


<frameset rows="55,*">

<frame src="header.html" framespacing="0" border="0" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"

NAME="headerframe">

<frameset COLS="100, *">

<frame src="content.html" NAME="content-frame" border="0" frameborder="0" marginheight="0" marginwidth="0" >

<frame src="body.html" NAME="body-frame" border="0" frameborder="0" marginheight="0" marginwidth="0" >

</frameset>

</frameset>

Attributter kan angive f.eks. et navn til en frame, så man kan åbne nye sider i rammen vha. target-attributten på en ”anchor-tag”:

<A HREF="../../slides/project.html" TARGET="body-frame“>

Billedoversigter og ”klikbare” billeder


http://it.civil.auc.dk/it/education/slides/image_maps_etc.html

• Ovenstående viser forskellige måder at præsentere en serie af billeder

• Se også html.dk for mere information om image maps

Passwordbeskyttelse af projektweb (1)


Passwordbeskyttelsen håndteres af to tekstfiler på serveren:

Den første fil skal hedde .htaccess og placeres i det katalog, der skal beskyttes. Filen fortæller browseren, at her kræves password og hvor passwordfilen ligger.Filen skal have følgende indhold:

AuthName ”Skriv brugernavn og password (vælg selv tekst)

AuthType Basic

AuthUserFile /home/stud02/i6ks/pass/.htpasswd (vælg selv placering)

require valid-user

Den anden fil indeholder brugernaven og krypterede passwords. Den hedder .htpasswd og placeres i det katalog, I har angivet i ovenstående. Af sikkerhedsmæssige årsager vælges normalt et katalog udenfor public_html

Eksempel på indhold:

jens:87.O74GjoBH5U

Passwordbeskyttelse af projektweb (2)


Den beskrevne metode til passwordbeskyttelse er baseret på en indbygget funktion i den udbredte webserver ”Apache” som også benyttes her på www.civil.aau.dkSe evt http://wsabstract.com/howto/htaccess3.shtml for yderligere information.

(Der findes også andre metoder, som vi ikke vil behandle her. se f.eks.: http://www.javascriptkit.com/script/cutindex6.shtml )

Krypterede passwords kan man få genereret flere steder på internettet, f.eks.:http://showcase.netins.net/1-800-205-1110/resources/basic_htpass_gen.cgieller: http://www.euronet.nl/~arnow/htpasswd/

Bemærk, at filerne skal hedde .htaccess og .htpasswd og ikke f.eks .htaccess.txt som windows gerne vil kalde den. For at gemme i det rigtige navn kan man i Notepad vælge ”Gem som” og vælge typen ”Alle filer”.

Permanent adresse for gruppernes websider


Gruppernes sider placeres permanent på en adresse svarende til nedenstående med de respektive gruppenumre:

http://it.bt.aau.dk/it/education/sem6_2004/projects/group_c103/

Meddel jeres midlertidige placering til Kjeld (send email til [email protected]), når i er klar til at gå i luften med en foreløbig udgave. Der oprettes et link, så alle jeres løbende opdateringer automatisk slår igennem på den permanente adresse.

Dagens øvelse


• Arbejd videre med html– prøv at arbejde med frames– find ud af hvad SSI, Server Side Includes er– skriv lidt om fordele og ulemper ved at anvende frames og SSI– arbejd med forskellige måder at vise billedserier og vurder hvad der vil egne sig bedst til jeres behov, skriv begrundelsen ned– prøv at lave passwordbeskyttelse af dele af siderne

• Arbejd videre med at fastlægge krav til indhold og form af den åbne og lukkede del af jeres projektweb

– hvem er målgruppen og hvad er deres forudsætninger– hvad skal de finde og i hvilken struktur– hvordan skal den bagvedliggende filstruktur se ud– se også http://it.civil.auc.dk/it/education/slides/project_web_2.html

kjeld svidt institut for bygningsteknik aalborg universitet

Documents