Lektion 1 Webbplatsens layout Mahmud Al Hakim Dreamweaver 8 fortsättningskurs 1 Copyright, Mahmud Al Hakim, 2008

Agenda Copyright, Mahmud Al Hakim, – Introduktion Platshantering och FTP Felsökning – 13.45Rast – 14.45Dreamweaver Mallar (Templates)

Kursplanering Copyright, Mahmud Al Hakim, LektionDatumInnehåll Platshantering och FTP Felsökning Dreamweaver Mallar (Templates) Flash-knappar, roll-over bilder Java Applets CSS-mallar Bibliotek Ramar Navigeringsfält, Animerade menyer Lager (Layers) Formulär, Validering Extensions JavaScript Beteenden (Behaviors) Snippets

Referenslitteratur 1 Dreamweaver 8 Help, Macromedia 2005 Copyright, Mahmud Al Hakim,

Referenslitteratur 2 Webdesignskolan.com (Dreamweaverskolan) Copyright, Mahmud Al Hakim,

Referenslitteratur 3 Dreamweaver 8 Bible Copyright, Mahmud Al Hakim,

Referenslitteratur 4 Dreamweaver 8 All-in-One Desk Reference For Dummies Copyright, Mahmud Al Hakim,

Skolans datorer Copyright, Mahmud Al Hakim, Intel Core 2 Duo (2 GHz), 1 GB minne Grafik: Radeon X MB 17" WSXGA brightview CD/DVD brännare, USB 2 (4st), FireWire 400 (1st) Inbyggd WLAN upp till 20 Mbit/s HDD 100 GB - Allt sparas lokalt på datorn och kopieras över till nätverket vid lektionens slut. Tips: Spara en kopia på ett USB-minne. Kortläsare: Digital-, MultiMediaCard-, Memory Stick-, Stick Pro- eller Stick Duo-, Smart Media- och SD-minneskort Observera att du inte är garanterad samma dator vid varje kurstillfälle.

Platshantering Copyright, Mahmud Al Hakim,

Övning: Skapa en webbplats (Site) Copyright, Mahmud Al Hakim, Skapa en ny webbplats (Site) i Dreamweaver Ange en titel (t.ex. DW8) Webbplatsens root ska vara public_html Webbplatsens bildmapp ska vara ”images” och ska ligga direkt under rooten. Alla interna länkar ska vara relativa till dokumentet. Använd skriftlägeskänsliga länkar (case-sensitive links). Skapa en webbsida och spara den som index.html

Att överföra filer till webbserver med FTP Copyright, Mahmud Al Hakim,

Expandera FTP-klienten Copyright, Mahmud Al Hakim,

Övning: Publicera via FTP Copyright, Mahmud Al Hakim, Publicera webbplatsen till ”din” FTP-server! Öppna den publicerade webbplatsen via en webbläsare. Om du inte har något FTP server använd följande ftp.hakimdata.se Konto: Lösenord: guest (obs! kontot är begränsad till max 10MB)

Övning: Visa HTML-kod och Panelen History Copyright, Mahmud Al Hakim, Skapa en ny webbsida. Klicka på ”Split” i verktygsfältet ”Document”. Skriv ditt namn och klicka på retur. Skriv gatuadress och klicka på Shift+Retur Skriv postadressen och klicka på Retur Undersök HTML-koden!

Panelen History Copyright, Mahmud Al Hakim,

Övning: Skapa följande Site 16 Copyright, Mahmud Al Hakim, 2008

Kontrollera länkar 17 Copyright, Mahmud Al Hakim, 2008

Kontrollera kompatibilitet Copyright, Mahmud Al Hakim,

Validera webbplatsen Copyright, Mahmud Al Hakim,

Skapa rapporter Copyright, Mahmud Al Hakim,

Templates (mallar) Med mallar (templates) menas webbsidor som är mer eller mindre formaterade och som ligger till grund för dina webbsidor. Med mallar kan du styra delar av webbplatsens utseende på ett enkelt sätt. Mallarna innehåller instruktioner om hur delarna ska formateras. Du kan antingen använda mallar som redan finns i Dreamweaver, ladda ner mallar eller skapa egna. Copyright, Mahmud Al Hakim,

Använd befintliga DW-mallar Copyright, Mahmud Al Hakim,

Ladda ner Dreamweaver mallar från Copyright, Mahmud Al Hakim,

Sök efter flera DW mallar Copyright, Mahmud Al Hakim,

Dreamweaver-templates.org Copyright, Mahmud Al Hakim,

Att skapa egna DW-mallar Steg 1: Skapa en mall Steg 2: Ange ändringsbara områden Steg 3: Spara mallen Steg 4: Skapa sidor som bygger på mallen. Copyright, Mahmud Al Hakim,

Steg 1: Skapa en mall Copyright, Mahmud Al Hakim,

Steg 2 Ange ändringsbara områden Copyright, Mahmud Al Hakim,

Steg 3: Spara mallen Copyright, Mahmud Al Hakim, Observera filnamnstillägget dwt

Steg 4 Skapa en sida som bygger på mallen Copyright, Mahmud Al Hakim,

En mallövning Steg 1. Skapa en mall till en ny site Steg 2. Ange ett ändringsbart område Steg 3. Spara som en_mall.dwt Copyright, Mahmud Al Hakim, Ett ändringsbart område

Steg 4. Skapa en sida som bygger på mallen Spara som index.html Copyright, Mahmud Al Hakim,

Skapa en ny sida som bygger på mallen Spara som kontakt.html Copyright, Mahmud Al Hakim,

Öppna mallen och gör några ändringar. Spara mallen och observera dialogrutan ”Update Template Files” Copyright, Mahmud Al Hakim,

Spara alla sidor och granska i en webbläsare! Ändringarna appliceras på alla sidor i siten! Copyright, Mahmud Al Hakim, Mallar är ett kraftfullt verktyg i Dreamweaver eller hur!