Innehållsförteckning 1 Om GoLive CS... 1 Mappar och filstruktur...1 Vad är en webbsida?...1 Vad är speciellt för en webbsida?...2 Vad är en webbplats?...3 Vanliga fallgropar med webbdesign...3 Överföra ett koncept från trycksak till bildskärmen...3 Desktop publishing-syndromet...3 Bristande planläggning av konceptet...4 2 Snabbstart... 5 Skapa en ny webbplats...5 Mappar och foldrar...9 Skapa två webbsidor... 10 Din webbsida med olika skärmstorlekar... 11 Text... 11 Färger... 13 Ta bort färg från text... 14 Grafik och bilder... 14 Sökord... 16 Förhandsgranskning... 17 Förhandsgranska i GoLive...17 Skapa en ny webbsida... 18 Något om länkning...20 Länka bilder...20 Länka text...20 3 Skärmbild och struktur...21 Skärmbilden... 21 Standardinställningar...22 Menyraden...22 Verktygsknapparna på verktygsfältet...23 Granskare och paletter...23 De olika visningslägena...24 Layout...24 Ram...24 Källa...24 Disposition...24 Förhandsgranska...24 Webbplatsfönstret...24 Webbplatsvyer...25 Skandinaviska Databöcker AB III
Filer...25 Extern...25 Färger...25 Teckensnittuppsättningar...25 Diagram...25 4 Text och färger... 27 Standardteckensnitt...27 Hur du skriver in text på din sida...28 Formatera texten på flera sätt...29 Menyraden eller verktygsfältet?...30 Välja teckensnitt...30 Hitta teckensnitt...30 Lägga till teckensnitt/teckensnittsuppsättning:...30 Skapa en lista... 32 Färger... 33 Webbsäkra färger...34 Textfärger...34 Bakgrundsfärg...34 Bild som bakgrund... 35 Kopiera färger... 35 Spara färgerna i en färgmapp på din webbplats...36 Använd färger du har sparat i din färgmapp...36 5 Bilder och grafik... 37 Grafik på webbsidor... 37 De viktigaste filformaten...38 Andra viktiga filtyper...38 Bakgrundsbilder...39 Ändra storlek på bilderna...40 Förhandsgranskning och redigering av bilder...40 Beskära bild... 41 6 Tabeller... 43 Skapa en tabell... 43 Egenskaper för tabell...44 Tabellbredden...44 Ändra egenskaper... 45 Färglägga tabellen med fördefinierad stil... 45 Färglägga tabellen med Färgpaletten...46 Justera tabell-, cell- och kolumnbredd...46 Lägga till och ta bort celler, kolumner och rader...46 Lägga till rader/kolumner/celler...46 Ta bort celler...47 Slå samman celler...47 Dela upp celler... 47 IV Skandinaviska Databöcker AB
Infoga bilder och text... 47 Infoga bilder... 47 Flytta text...48 7 Hyperlänkar... 49 Vad är en länk?...49 Hypertextlänkar...49 Koppla en länk till en bild...50 Ta bort länk...50 Testa länkarna... 51 E-postlänkar... 51 Spara URL och e-postadresser på din webbplats... 51 Ankare (bokmärken)... 52 Förändra färg på länkarna... 53 Åtgärder...54 Bildavbildningar... 55 Felsökning brutna länkar...56 Ändra länkar... 57 8 Animeringar och överrullningsbilder... 59 Dynamiska knappar (överrullningsbilder)...59 Flytande rutor...62 Arbeta med flytande rutor...62 Hur ska man placera rutorna på sidan?...63 Animera flytande rutor med hjälp av Tidslinjeredigeraren...64 Animera med inspelningsknappen...65 Redigera nyckelrutor i tidsspåret...66 Lägga till en åtgärd till animeringen...66 Netscape fix...68 9 Ramar... 69 När är det olämpligt med ramar?...69 Vad ska du välja?...70 Ramuppsättning...70 Skapa en ramuppsättning...70 Din första ramsida...72 Sidan som ska ligga överst...72 Infoga dokument till webbsidan...73 Göra ändringar i dokument...73 Göra ändringar i ramuppsättningen...73 Ändra kantlinje...73 Förändra en ram... 74 Skandinaviska Databöcker AB V
Lägga till, flytta och ta bort ramar... 75 Lägga till ramar... 75 Flytta ramar... 76 Ta bort ramar... 76 10 Webbplatsmallar och Komponenter... 77 Webbplatsmallar (fasta mallar)...77 Skapa en webbplatsmall...77 Göra en vanlig sida till en mall...79 Använda mallar...79 Importera fasta mallar...80 Komponenter...80 Skapa en komponent...80 Använda en komponent... 81 Förändra en komponent... 81 Webbplatsmallar (Sidmallar)...82 11 Formulär... 83 Skapa ett formulär...84 Infoga ett Textfält-element...84 Ange värden på Textfältets element...85 Länka Etikett och Textfält...86 Infoga ett Textområde...87 Alternativknapp och Kryssruta...88 Sätta in en alternativknapp...88 Infoga kryssrutor...89 Listruta med rullningslist...89 Skapa en menyruta med rullningslist...89 Skicka-knapp och Återställ-knapp... 91 Skicka-knapp... 91 Återställ-knapp... 91 12 HTML... 93 HTML standarder...94 Taggar, element och attribut...94 Element...94 HTML-dokumentet...95 HTML...95 HEAD...95 BODY...95 Arbeta med HTML...96 Ange för webbläsaren att dokumentet är HTML 4.0...96 Text och färger...96 Infoga titel på sidan...96 Infoga rubriker...96 Text och avsnitt...96 Ändra färg på rubrik...97 VI Skandinaviska Databöcker AB
Ändra bakgrundsfärg och textfärg...97 Ange färg i BODY...97 Ange teckensnitt...97 Ange teckenstorlek...98 Bilder...98 Infoga bilder...98 Bakgrundsbild på hela sidan...98 Länkar...98 Infoga en länk...98 Länk till e-post...98 13 Stilmallar (CSS)... 99 Interna och externa stilmallar... 100 Omdefiniera taggar... 100 Skapa en intern stilmall... 100 Använd den stil du har definierat... 103 Externa stilmallar... 103 Väljare... 103 Klasser... 104 Skapa ID... 104 Skapa en extern stiluppsättning... 104 Definiera en klass... 104 Definiera en taggväljare... 105 Använda externa stilmallar... 106 14 Publicering...107 FTP... 107 Inställningar för FTP... 107 Flytta filer från en lokal webbplats till en server... 109 15 Övningsuppgifter... 111 Övningsuppgift 1: Skapa nya mappar till din webbplats...111 Övningsuppgift 2: Skapa bildsidor...111 Övningsuppgift 3: Länka till bildsidor... 112 Övningsuppgift 4: Tabelldefinition... 113 Övningsuppgift 5: Animering... 114 Övningsuppgift 6: Komponenter... 115 Övningsuppgift 7: Stilmallar (CSS)... 116 16 Sakord... 117 Skandinaviska Databöcker AB VII