Innehållsförteckning 1 Välkommen till Dreamweaver... 1 Vad är Dreamweaver?... 11 Öppna Dreamweaver... 11 Hur du arbetar med Dreamweaver... 11 Arbetsområdet i Dreamweaver... 12 Vanliga komponenter i Dreamweaver... 13 Menyn Fönster... 13 Startknapparna... 13 Dokumentfönstret... 14 Egenskapskontrollen... 14 Objektpaletten... 14 Att arbeta med paletter... 15 Paletter och bildskärmsupplösning... 16 Menyraden... 16 Bockar i menyraden... 16 Linjaler... 16 Flytande paletter... 17 Kombinera flera paletter... 18 Ändra storlek på dokumentfönstret... 18 Förvald storlek... 18 Snabbmenyer... 19 Hjälp!... 19 Spara ofta... 19 Ångra fel... 19 Historiepaletten... 20 Ange redigeringssteg i historiepaletten... 20 Nyheter i Dreamweaver... 21 Övningsuppgift 1... 21 2 Skapa en lokal webbplats... 23 Vad är en webbplats?... 23 Att skapa en webbplats... 23 Skapa en lokal plats... 24 Platsfönstret... 26 Skapa webbsidor... 26 Webbsidans titel... 27 Döpa en webbsida... 28 Planera platsen... 29 Övningsuppgift 2... 30 5
3 Skapa webbsidor och mallar... 31 Vad är en webbsida?... 32 Kontrollera HTML-kod... 32 Vad är HTML-kod?... 32 Titta på HTML-kod... 32 Aktivera HTML-fönster... 33 Ändra bakgrundsfärg... 34 HTML-taggar... 34 Mallar i Dreamweaver... 35 Skapa en mall... 35 Byta namn på mall... 36 Arbeta i mallen... 37 Ändra bakgrundsfärg... 37 Låsta och ändringsbara regioner... 39 Skapa dokument från en mall... 40 Spara som mall... 40 Övningsuppgift 3... 40 4 Redigera text... 41 Layout och design... 41 Planera formatering... 42 Budskapet först!... 42 Importera text... 42 Skriva in och ändra text... 44 Formatera text... 45 Textegenskaper... 45 Ändra teckensnitt... 46 Fet stil... 47 Ändra textfärg... 47 Ange standardtextfärger... 48 Justera text... 48 Ta bort text... 48 Panelen Tecken... 49 Linjer... 49 Listor... 50 Kontrollera stavning... 51 Kontrollera text... 51 Förhandsgranska dokument... 52 Rubriker och styckeformat... 52 Färgscheman... 54 Övningsuppgift 4... 54 6
5 Skapa länkar... 55 Vad är en länk?... 55 Om färgen på länkar... 55 Absoluta och relativa länkar... 56 Länka till ett dokument... 56 Länka till ett ankare... 58 Infoga ankare... 58 Skapa en länk till ankare... 59 Testa länkar... 60 Skapa en e-postlänk... 60 Skapa e-postlänk med egenskapskontrollen... 61 Hoppmenyer... 61 Infoga en hoppmeny... 62 Redigera hoppmenyalternativ... 63 Visa platskarta... 64 Uppdatera länkar... 64 Övningsuppgift 5... 65 6 Tabeller... 67 Infoga tabeller... 67 Lägga till innehåll i en cell... 68 Importera tabelldata... 69 Markera tabellelement... 71 Kopiera och klistra in celler... 71 Ta bort innehållet i en cell... 72 Kopiera och klistra in cellinnehåll... 72 Dela upp och slå samman celler... 72 Lägga till och ta bort rader... 73 Lägga till och ta bort kolumner... 73 Lägga till och ta bort flera rader och kolumner... 74 Ta bort tomma celler och rader... 74 Ändra storlek på tabeller och celler... 74 Egenskapskontrollerna för tabeller... 75 Egenskapskontrollen för tabeller... 75 Egenskapskontrollen för kolumn-, rad- och cellegenskaper... 75 Sortera innehåll i tabeller... 76 Ändra utseende på tabellinnehållet... 78 Övningsuppgift 6... 79 7
7 Bilder och färger... 81 Bilder för webben... 81 Litet är bra!... 81 Skärmupplösning och pixlar... 82 Goda regler för webbilder... 82 Bildformat... 82 Gif... 82 Jpg (Jpeg)... 82 Png... 82 Webbanpassade färger... 83 Beskrivande text... 83 Infoga beskrivande text... 83 Bakgrundsbilder... 83 Infoga bakgrundsfärg... 84 Infoga bakgrundsbild... 84 Infoga bilder... 85 Ändra storlek på bilder med muspekaren... 86 Skapa en överrullningsbild... 87 Skapa ett navigationsfält... 88 Ändra och kopiera navigationsfält... 90 Klickbara bilder... 90 Skapa klickbara bilder... 90 Olika sorters länkar... 91 Skapa klickbara områden... 91 Använda rektangelverktyget och polygonverktyget... 92 Länkade områden... 93 Egenskapskontrollen för hotspot... 93 Spara och förhandsgranska... 94 Upprepa steg... 94 Övningsuppgift 7... 95 8 Ramar... 97 Vad är en ram?... 97 Skapa ramar och ramuppsättningar... 97 Infoga en fördefinierad ramuppsättning... 98 Panelen Ramar... 98 Ramkontrollen... 99 Markera en ram... 100 Visa ramkanter... 100 Skapa en ny ramuppsättning... 101 Ta bort eller ändra en ram... 101 Spara en ramuppsättning... 102 Spara ramfiler... 102 Var är ramarna?... 103 Egenskaper för ramar och ramuppsättningar... 103 Ändra marginaler... 104 8
Markera en ramuppsättning... 105 Göra ändringar i ramuppsättningen... 105 Ge namn till ett ramuppsättningsdokument... 106 Ändra bakgrundsfärg på en ram... 106 Övningsuppgift 8... 107 9 Formulär... 1 Vad är ett formulär?...111 Skapa ett formulär...111 Panelen Formulär... 112 Lägga till ett objekt... 113 Skapa listruta... 114 Övningsuppgift 9... 117 10 Extra övningsuppgifter... 19 Övningsuppgift 10.1... 119 Övningsuppgift 10.2... 120 Övningsuppgift 10.3... 121 Övningsuppgift 10.4... 121 Övningsuppgift 10.5... 122 Övningsuppgift 10.6... 122 Övningsuppgift 10.7... 123 Övningsuppgift 10.8... 123 Övningsuppgift 10.9... 124 Övningsuppgift 10.10... 124 Övningsuppgift 10.11... 125 Övningsuppgift 10.12... 125 11 Facit till övningsuppgifterna... 127 Övningsuppgift 1... 127 Övningsuppgift 2... 127 Övningsuppgift 3... 127 Övningsuppgift 4... 128 Övningsuppgift 5... 129 Övningsuppgift 6... 129 Övningsuppgift 7... 129 Övningsuppgift 8... 130 Övningsuppgift 9... 130 12 Vanliga kortkommandon...133 Menyn Arkiv... 133 Menyn Redigera... 133 Tabeller... 134 Ramar... 134 Länkar... 134 Visa element... 134 13 Sakord... 135 9