Laste ned presentasjonen
Presentasjon lastes. Vennligst vent
PublisertVibeke Holte Endret for 9 år siden
1
HTML – 2. økt HiO IT20 Torsdag 4.11.04
2
Plan Repetisjon/spørsmål fra 28.10 Grafikk – farger – bildekart Tabeller Rammer Oppgaver
3
Grafikk – farger – bildekart (i) Å sette opp –Bakgrunnsfarge –Tekstfarge –Farger på lenker Lenken Besøkt lenke Aktiv lenke Eksempler – –NettleserNettleser Attributter til BODY: BGCOLOR= TEXT= LINK= VLINK= ALINK=
4
Grafikk – farger – bildekart (ii) Fargeoversikt –Navn –Heksadesimale størrelser Innebygde fargenavn Red, Green, Blue, White etc Heksadesimale verdier (RGB) hvit: #FFFFFF rød: #FF0000 gul: #FFFF00 blå: #0000FF grønn: #00FF00 svart: #000000
5
Grafikk – farger – bildekart (iii) Å sette opp bilde som bakgrunn To aktuelle bildeformater –.GIF –.JPG –JPG: for foto –GIF: for tegninger og enklere –GIF gir transparens Attributt til BODY: BACKGROUND=”bild er/bildenavn.GIF” Eksempler – –NettleserNettleser
6
Grafikk – farger – bildekart (iv) Sette inn bilder Bilder som kobling (Sette inn lyd: ) Attributter: ALIGN right/center/left ALIGN bottom/middle/top WIDTH pksler eller % HEIGHT BORDER rammebredde Her kommer tekst Eksempler – –NettleserNettleser
7
Grafikk – farger – bildekart (v) a.Finn grafikk som det skal klikkes på b.Definer områdene der det skal kunne klikkes c.Bruk for eksempel Pain Shop Pro til å finne koordinater Eksempler – –NettleserNettleser Definere klikkbare områder. Eksempel: Så kan bildet settes inn: (SHAPE: RECT, CIRCLE, POLY
8
Tabeller Hvert enkelt tabellelement må spesifiseres, rad for rad, celle for celle Hoved-tag: … Radene: … Cellene: … Attributter: WIDTH % eller piksler BORDER rammetykkelse ALIGN tabellplassering COLOR farge på tabellen CELLPADDING luft mellom cellekant og celleinnhold CELLSPACING luft mellom celler BGCOLOR bakgrunnsfarge for celle COLSPAN/ROWSPAN celle over flere kolonner/rader HALIGN/VALIGN CAPTION overskrift
9
Rammer Inndeling av vinduet i nettleser Vanlig bruk: innholdsfortegnelse og hovedvindu I et hovedvindu beskrives strukturen og delene gis navn Innholdet i hver del beskrives i egne HTML-dokumenter med de navn som er angitt i hovedstrukturen Eksempler – –NettleserNettleser Hovedtag: … Attributter: ROWS COLS Innhold i rammer: Attributter: SRC, NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING, NORESIZE
10
Oppgaver 1.Lag sider med bilde, noe tekst og linker 2.Lag sider med bilde og bildekart 3.Lag sider med en tabell 4.Lag sider med rammer For alle oppgavene: Lag serier med eksempler og varier attributter, tekster, innhold etc
Liknende presentasjoner
© 2024 SlidePlayer.no Inc.
All rights reserved.