Jens Chr. Stenz Justesen
| 9.30-10.00 | Tabeller |
||||
| 10.00-10.50 |
Øvelse 1: Tabeller |
||||
| 10.50-11.00 | Pause | ||||
| 11.00-11.30 | Brug af links på websider, konventioner?,
link-tilstande. Typer: Relative og absolutte, 'named anchors'. 'Targets'. Test af links! Fejl i links- maskinkoder mm. |
||||
| 11.30-12.00 |
Øvelse 2: Forsøg med links og 'targets'. |
||||
| 12.00-13.00 | Frokost | ||||
| 13.00-14.30 | Diskussion af K-planer | ||||
Redesign af netside
Tabeller kræver en lille smule erfaring (og tålmodighed) at arbejde med i Dreamweaver. Derfor skal man prøve sig lidt frem, for at lære at håndtere dem. I den første øvelse skal I se på et skærmbillede fra en side, hvor der er brugt tabeller og så prøve at genskabe siden i html med Dreamweaver.
1. Åben siden med tabeldesign. Find ud af hvordan siden er designet med tabeller. Genskab siden i Dreamweaver!
Der er brugt nogle billeder på siden og de kan downloades her:
Tips til øvelse 1:
Se hvordan andre har designet en netside
Hvis man støder på et interessant websted på WWW og gerne vil se hvordan designerne har kreeret siderne kanman bruge Dreamweaver til at afkode designernes tricks - hvordan de har opbygget siden. Man kan jo så overveje at bruge deres kode eller bare lade sig inspirere.
2. Åben Phrenicea hjemmeside i en browser. Gem siden på din harddisk og åben filen i Dreamweaver. Se hvordan de har brugt tabeller til at styre layoutet på siden.
1. Kopier URL-adressen fra denne side.
2. Åben et nyt dokument i Dreamweaver, skriv noget tekst, marker teksten og indsæt linket du kopierede.
3. Gem dokumentet og afprøv linket i en browser. Fungerer det eller fungerer det ikke? (Der er flere måder at indsætte links!)
- Hvis linket ikke fungerer, så prøv at finde
ud af, hvad årsagen er.
- Hvis linket fungerer, så prøv at indsætte linket på
en anden måde
4. Når du har fået linket til at fungerer, så prøv at ændre i Target-egenskaben til '_self' og '_blank' for linket (iproperties-vinduet) og afprøv i browseren. Hvad er forskellen på de to?