Användarmanual WebNailer Tobias Holgers Mattias Castegren 19 januari 2004 1
Innehåll 1 Inledning 3 1.1 Definitionerochförkortningar... 3 2 WebNailer 4 2.1 Knapprad... 4 2.1.1 Gemensamma... 4 2.1.1.1 Webbläsare... 4 2.1.1.2 Editor... 4 2.1.1.3 Editerafil... 5 2.1.2 Webbläsarspecifika... 5 2.1.2.1 Sparasida... 5 2.1.2.2 Editerasida... 5 2.1.2.3 Bokmärk... 5 2.1.3 Editorspecifika... 5 2.1.3.1 Förhandsvisa... 5 2.1.3.2 Mall... 5 2.1.3.3 Taggar... 5 2.1.3.4 Ångra... 5 2.1.3.5 Görom... 5 2.2 Tumnagellista... 5 2.2.1 Bokmärken... 5 2.2.1.1 Öppna i nytt fönster.... 5 2.2.1.2 Flytta upp/flytta ner... 6 2.2.1.3 Kontrollera/Kontrolleraalla... 6 2.2.1.4 Dölj symbol/dölj all symboler.......... 6 2.2.1.5 Bytnamn...... 6 2.2.1.6 Tabort... 6 2.2.2 Fönster... 6 2.3 Webbläsarfönster... 6 2.3.1 Backa... 7 2.3.2 Framåt... 7 2.3.3 Gå uppåt i katalogstrukturen.... 7 2.3.4 Laddaom... 8 2.3.5 Adressfält... 8 2.3.6 Historia... 8 2.3.7 Gåtill... 8 2.4 Editorfönster... 8 2.4.1 Öppna ett editorfönster... 8 2.4.2 Användaeditorn... 8 2.4.3 Infoga HTML-taggar... 9 2.4.4 Färgkodning... 9 2.5 Menyval... 10 2.5.1 Arkiv... 10 2.5.2 Redigera... 10 2.5.3 Editor... 10 2.5.4 Webbläsare... 10 2.5.5 Hjälp... 10 2
1 Inledning 1.1 Definitioner och förkortningar Webbsida - Den information som nås direkt på en sida och presenteras på skärmen utan att man följer någon länk HTML - Hypertext Markup Language, ett formatteringsspråk som används främst för webbsidor Tagg (eng. tag) - Symbol i HTML-språket Bokmärke - Sparad adress till en webbsida Länk - klickbar koppling på en webbsida till annan del av samma eller annan webbsida Startsida - Webbsida som öppnas som standard när webbläsaren startas Tumnagel - Liten miniatyr av webbsidan Internt fönster - Fönster som ligger inuti huvudfönstret Skrivbordsyta - Huvudytan av programmet där interna fönster visas 3
2 WebNailer Figur 1: Bild på programmets huvudfönster När programmet startas dyker huvudfönstret upp. Överst visas en stor knapprad med funktioner för att skapa nya webbläsar- eller editorföster och knappar som är beroende på vilken typ av föster som är aktivt (webbläsare/editor). Den vita ytan till vänster visar en lista med tumnaglar för antingen dina bokmärken eller öppna föster beroende på vilken flik som är vald ovanför ytan. Tumnaglarna är förminskningar av hur webbsidan som bomärket leder till respektive innehållet i det öppna fönstret ser ut. 2.1 Knapprad Knappraden överst i programmets huvudfönster innehåller två delar som separeras av ett mittlinje. Till vänster finns funktioner för att öppna nya inre fönster och på högersidan knappar för att hantera aktivt fönster. 2.1.1 Gemensamma 2.1.1.1 Webbläsare Öppna ett nytt webbläsarfönster och ladda din startsida. 2.1.1.2 Editor Öppna ett nytt editorfönster med ett tomt dokument för att skapa en ny webbsida. 4
2.1.1.3 Editera fil Öppna en fil från hårddisken i ett nytt editorfönster för att redigera en tidigare sparad webbsida. 2.1.2 Webbläsarspecifika 2.1.2.1 Spara sida Vill du spara en HTML-koden för aktuell webbsida klickar du på Spara sida och väljer var filen ska sparas. 2.1.2.2 Editera sida Öppnar HTML-koden för aktuell sidan för redigering i editorn. Därifrån kan du sedan förhandsvisa sidan för att se ändringarna. 2.1.2.3 Bokmärk Lägger till ett nytt bokmärke för aktuell sida i bokmärkeslistan. Innehållet i fönstret fångas som bokmärkets tumnagel. 2.1.3 Editorspecifika 2.1.3.1 Förhandsvisa Sparar sidan som editeras och visar den i ett nytt webbläsarfönster. 2.1.3.2 Mall Infogar en mall för en ny webbsida med html-, head-, titleoch body-taggar. 2.1.3.3 Taggar Det finns sex snabbtaggar i knappraden: B - fetstil, I - kursiv stil, A - länk, U - understruket, P - nytt stycke och IMG - infoga bild. Många fler snabbtaggar finns i menyn under Editor. 2.1.3.4 Ångra Ångrar senaste inmatning. 2.1.3.5 Gör om Gör om senaste inmatning. 2.2 Tumnagellista 2.2.1 Bokmärken Här listas alla dina lagrade bokmärken. För att besöka ett bokmärke är det bara att klicka med vänster musknapp på det bokmärke du vill öppna. Bokmärket öppnas i aktivt fönster om det är en webbläsare och annars i ett nytt webbläsarfönster. Vill du göra annat än att besöka ett bokmärket får du högerklicka på det bomärke du vill göra någon med och välja ur menyn. 2.2.1.1 Öppna i nytt fönster Öppnar ett nytt fönster och laddar webbsidan för valt bokmärke. 5
2.2.1.2 Flytta upp/flytta ner Flyttar bokmärket som du högerklickat på upp eller ner i listan med bokmärken. 2.2.1.3 Kontrollera/Kontrollera alla Kontrollerar om bokmärket fortfarande är tillgängligt. Eftersom Internet förändrar sig snabbt och en del sidor kan försvinna och sluta fungera så med Kontrollera kan du direkt i listan se vilka bokmärken som funkar. När du valt att kontrollera ett eller flera bokmärken dyker det upp en symbol på alla bokmärken som hunnit bli kontrollerade. Symbolerna visas längst ner i högra hörnet för bokmärket och kan vara nån av följande. Hel länk, webbsidan är tillgänglig Länk med rött E, webbsidan som bokmärket går till finns men servern ger ett felmeddelande Trasig länk, webbsidan är inte tillgänglig 2.2.1.4 Dölj symbol/dölj all symboler Dölj symbol i nedre högra hörnet av bokmärket som kommer från kontroll av bokmärken. 2.2.1.5 Byt namn... Byt namn på bokmärket, byt till ett namn som du kommer ihåg bättre. 2.2.1.6 Ta bort Ta bort bokmärket från listan med bokmärken. Rensa gärna bokmärkeslistan ibland så blir den överskådligare och färre bokmärken som inte längre fungerar. TIPS För att kolla vilka bokmärken som fungerar kan du högerklicka på ett boknärke och välja Kontrollera alla. Rensa gärna bort de som inte fungerar med Ta bort. 2.2.2 Fönster Här listas alla fönster som för tillfället är öppna på skrivbordsytan. Den tumnagel som är aktiv är den för aktivt fönster. För att byta till ett annat öppet fönster klickar du bara på dess tumnagel. Byter du aktivt fönster genom att klicka på ett annat på skrivbordsytan kommer dess tumnagel bli aktivt i tumnagellistan. Högerklickar du på tumnageln för ett öppet fönster dyker det upp en meny där du kan välja Stäng för att stänga valt fönster. 2.3 Webbläsarfönster Det första inre fönstret som dyker upp när du startar programmet är ett webbläsarfönster med din startsida. Överst i fönstret finns knappraden för navigering som innehåller följande funktioner (från vänster till höger). 6
Figur 2: Bild på webbläsarfönster TIPS Vill du veta vart en länk går så kan du hålla markören över länken så visas en tipsruta med adressen. 2.3.1 Backa Klicka här för att backa i historian över besökta sidor. 2.3.2 Framåt Klicka här för att gå framåt i historian över besökta sidor. Så länge som du inte klickat på någon länk eller skrivit in en ny adress i adressfältet går det att gå framåt igen. 2.3.3 Gå uppåt i katalogstrukturen När du klickar på Gå uppåt kommer du gå uppåt i katalogstrukturen på servern. Det görs genom att sista katalogen i adressen plockas bort. Exempel:Ärvipåwebbsidanhttp://www.domain.com/search/pictures.html och klickar på Gå uppåt kommer vi till sidan http://www.domain.com/search/. Om man klickar en gång till kommer man till föstasidan http://www.domain.com/. 7
2.3.4 Ladda om Om nåt problem uppstått eller om sidan inte visas kan du ladda om sidan för att se om det hjälper. 2.3.5 Adressfält Vill du besöka en ny webbsida kan du skriva in adressen här. När du är klar, tryck bara på retur för att besöka adressen. Adressen läggs även in i historian över besökta sidor så att du kan hitta tillbaka till den. 2.3.6 Historia För varje webbläsarfönster finns en historia med de sidor som du har besökt och klickar man på pilen ner till höger om adressfältet visas historian. För att besöka en adress är det bara att klicka på den. När sidan visats kan du gå bakåt och framåt till de sidor du besökte före respektive efter den valda. 2.3.7 Gå till När du skrivit klart en adress i adressfältet kan du tryck Gå till för att besöka webbsidan med den adressen. TIPS Om du vill besöka en webblänk men snabbt kunna gå tillbaka till sidan där länken fanns kan du högerklicka på länken och välja Öppna i nytt fönster. När du tittat klar är det bara att stänga det nya fönstret. 2.4 Editorfönster 2.4.1 Öppna ett editorfönster För att öppna editorn kan du göra på flera olika sätt. Om du vill skapa en ny tom sida så väljer du Arkiv/Ny editor i menyn. Om du vill öppna en fil från hårddisken väljer du Arkiv/Öppna fil i editor. Om du har ett webbläsarfönster öppet och vill öppna sidan du är på för tillfället i editorn väljer du Webbläsare/Editera sida. 2.4.2 Använda editorn Editorn använder du för att skriva dina egna hemsidor. För att kunna använda sig av editorn krävs dock att man har lite grundläggande kunskaper i HTML, dvs det språk som används för att beskriva en hemsida för webbläsaren. Det är till exempel med hjälp av HTML som man kan säga åt en webbläsare vilken text som ska vara skriven i fet stil, vilken text som ska vara en länk till en annan sida eller var någonstans i texten det ska finnas bilder. 8
Editorn fungerar på många sätt som en vanlig ordbehandlare. Du kan klippa och klistra, ångra senaste inmatning och söka/ersätta. Den stora skillnaden är dock att man har möjlighet att infoga HTML-taggar i sina dokument. 2.4.3 Infoga HTML-taggar Det finns väldigt många taggar i HTML, men som tur är kan editorn hjälpa dig med många av dem. För att skriva något i fet stil behöver du till exempel inte veta att taggen heter <B>. Istället skriver du som vanligt och sedan markerar du texten som ska vara skriven i fetstil med musen. Gå därefter in i menyn under Editor/Stil/<B> Fet. Editorn kommer då själv att sätta in <B> och </B> runt den markerade texten. Många HTML-taggar innehåller också variabler. Taggen för att infoga en länk är till exempel <A>. För att länken ska leda någonstans måste du dock skicka med en adress till sidan du vill länka till. Alla sådana variabler skrivs inuti taggen. Variabeln som beskriver adress i en <A>-tagg heter till exempel href och en komplett länk kan skrivas <A HREF= www.sidan.com >Länk</A> Även här kan du få hjälp av editorn. Om du väljer Editor/<A> länk... i menyn får du upp en dialogruta där du kan ställa in taggens variabler. Där kan du också läsa en kort beskrivning av vad taggen gör. Om du för muspekaren över en variabel och väntar lite kan du också få upp en hjälptext om varje enskild variabel. Om ett menyval har tre punkter efter sig betyder det att det kommer att öppnas en dialogruta om du trycker på det. TIPS Ibland finns två menyval för samma tagg. Exempelvis finns <LI>... och <LI>, där det ena valet öppnar en dialogruta och den andra infogar en standardversion av taggen. Vid fält i dialogrutorna som ska innehålla en färg eller en adress till en sida/fil finns det en knapp med tre punkter på. Om du trycker på knappen öppnas en ny dialogruta som hjälper dig att ställa in färg eller sökväg. Många taggar har väldigt många variabler. Du behöver dock oftast inte använda alla, somliga taggar fungerar rent av bra helt utan variabler. Om du inte skriver något i ett fält kommer inte variabeln med i taggen. 2.4.4 Färgkodning För att underlätta editeringen av webbsidor visas alla HTML-taggar i en viss färg. Egenskaper som fetstil och rubrikstorlek visas också i editorn. TIPS Om du vill kan du ändra färgen på HTML-taggar i editorn. Gå in på Redigera/Inställningar i menyn. 9
2.5 Menyval 2.5.1 Arkiv Ny webbläsare Öppnar ett nytt webbläsarfönster. Ny editor Öppnar ett nytt editorfönster med ett tomt dokument. Öppna fil i editor... Öppna en fil från hårdisken i ett nytt editorfönster för redigering av sidan. Öppna Öppnar en fil i det markerade fönstret Spara som... Öppnar en dialogruta för att spara innehållet i det markerade fönstret till hårddisken. Detta fungerar för både webbläsaren och editorn. Spara Fungerar på samma sätt som Spara som, men om du redan har sparat en gång får du ingen ny dialogruta, utan du sparar igen med samma filnamn Stäng fönster Stänger aktivt fönster, om det är en editor där du ändrat innehållet kommer en fråga om du vill spara sidan. Avslutar Stänger huvudfönstret och sparar dina inställningar och bokmärken. 2.5.2 Redigera Kopiera Kopierar markerad text till klippbordet. Fungerar för både webbläsaren och editorn. Klipp ut Kopierar markerad text till klippbordet. Texten tas också bort från dokumentet. Fungerar bara för editorn. Klistra in Klistrar in text som finns i klippbordet. Fungerar bara för editorn. Inställningar... Visar en dialogruta för att ändra dina programinställningar. Här kan du byta startsida för webbläsaren och storlek på fönster och tumnaglar. Ångra Ångrar senaste ändring i editorn. Gör om Gör om senast ångrad ändring i editorn. 2.5.3 Editor Överst i menyn finns menyval för att få hjälp med att infoga HTML-taggar. Sök Söker efter en viss text på sidan Sök igen Söker efter den senaste söksträngen igen Sök och ersätt Söker igenom hela texten efter en viss textsträng och ersätter den med en annan. Spara och visa i nytt webbläsarfönster Sparar texten man arbetar på och öppnar filen i webbläsaren. Färgkoda igen Går igenom och färgkodar hela dokumentet igen. 2.5.4 Webbläsare Editera sida Öppna aktuell webbsida i editorn för redigering. Bokmärk Lägg till ett bokmärke för aktuell sida. 2.5.5 Hjälp Om Visar information om programmet. 10