Presentasjon lastes. Vennligst vent

Presentasjon lastes. Vennligst vent

HTML – 2. økt HiO IT20 Torsdag 4.11.04. Plan Repetisjon/spørsmål fra 28.10 Grafikk – farger – bildekart Tabeller Rammer Oppgaver.

Liknende presentasjoner


Presentasjon om: "HTML – 2. økt HiO IT20 Torsdag 4.11.04. Plan Repetisjon/spørsmål fra 28.10 Grafikk – farger – bildekart Tabeller Rammer Oppgaver."— Utskrift av presentasjonen:

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


Laste ned ppt "HTML – 2. økt HiO IT20 Torsdag 4.11.04. Plan Repetisjon/spørsmål fra 28.10 Grafikk – farger – bildekart Tabeller Rammer Oppgaver."

Liknende presentasjoner


Annonser fra Google