…"> …">
Laste ned presentasjonen
Presentasjon lastes. Vennligst vent
PublisertCecilie Claussen Endret for 9 år siden
1
Kommentarer og stil ”Dette suger!” ”Ne-hei!” ”Jo- hoo”, osv.
2
Kommentarer: comment-tabellen Tabell for kommentarer avgitt på stemmer. Kolonner: id – Primærnøkkel. voteid – Fremmednøkkel til vote.voteid comment – Kommentartekst i XML-format
3
Kommentarer: XML Eget XML-format. Eget namespace: http://www.ifi.uio.no/~inf5270/v2004/musicdb-comment Mulighet for å linke med <text xmlns="http://www.ifi.uio.no/~inf5270/v2004/musicdb-comment" id=“” voteid=“” userid=“” communityid=“” datetime=“”> …
4
Kommentar-eksemplet Formål: Demonstrere kommentarer, transaksjoner, document() og litt CSS. Filer: comments.php comment.php comment.xsl message.xsl comment.css
5
CSS Cascading style sheets. Eget språk for presentasjon av dokumenter. Ligner Java-syntaks. Klasser av stiler for gjenbruk. Kaskaderende stil og arv. Tre viktige HTML-attributter: id, style og class.
6
CSS: Syntaks selektor { stilnavn: verdi;... } Eksempel: p { color: red; } La alle forekomster av p har rød tekst.
7
Koble til HTML: Style- attributtet Gjelder kun elementet, evt også dets barn. Unngå. Dette er litt tekst.
8
Koble til HTML: I style- elementet Gjelder hele dokumentet. p { margin-top: 10px; } …...
9
Koble til HTML: Ekstern fil. Kan gjelde flere dokumenter. Tekstfil: filnavn.css <link rel=”stylesheet” type=”text/css” href=”filnavn.css”/>...
10
CSS: Klasser I CSS: p.important { font-weight: bold; } La alle forekomster av p med klassen important ha fet skrift. I HTML: Dette er viktig.
11
CSS: Anonyme klasser I CSS:.important { font-weight: bold; } La alle elementer med klassen important ha fet skrift. I HTML: Dette er viktig. Dette er noe vi må se litt nærmere på.
12
CSS: Stil på ID. I CSS: div#toc { font-size: 10px; color: green; } La elementet med id'en toc ha 10px fontstørrelse og grønn tekstfarge. I HTML: Innhold...
13
CSS: Pseudoselektorer selektor:pseudoselektor {... } Eksempler: a:link, a:visited, a:active selektor:hover selektor:before, selektor:after selektor:first-letter, selektor:first-child
14
CSS: Utdrag font-family, font-size, font-weight text-align, text-decoration color, background-color background-image margin, padding, border width, height, float, position, top, left, bottom, right
15
CSS: The box model
16
CSS: Når det blir kult… 1 Sekevens: selektor underselektor... {... } #menu div p.head { font-size: 12px; } Liste: selektor1,..., selektorN {... } #menu, #header { margin-bottom: 10px; } Flere klasser:..
17
CSS: Når det blir kult... 2 Forskjellige media-typer: … Flere stilark. Alternative stilark.
18
Ressurser W3Cs stil-aktiviteter: http://www.w3.org/Style/ W3Cs CSS-aktiviteter http://www.w3.org/Style/CSS/ Spesifikasjonen for CSS 2.1: http://www.w3.org/TR/css2
19
Ukas kulturelle innslag I got nuthin’.
Liknende presentasjoner
© 2024 SlidePlayer.no Inc.
All rights reserved.