ActiveBuilder Användarmanual

Innehåll: 1. INLEDNING...2 2. SNABBSTART...3 3. ÖVERSIKT ÖVER ACTIVEBUILDER...4 4. SIDOR...5 4.1 Skapa en ny sida...5 4.2 Sid-översikt...5 4.3 Redigering av sidor...6 4.4 Bildmappen...7 4.5 Redigering av funktioner...8 5. MENY...9 5.1 Inställningar...9 5.2 Grafisk meny...9 5.3 Flernivå-meny...9 6. INSTÄLLNINGAR...10 6.1 Generella inställningar...10 6.2 Fonttypsinställningar...10 6.3 ActiveBuilder-inställningar...10 7. MALLAR...11 8. FAQ...12-1 -

1. Inledning ActiveBuilder är ett CMS (content management system) - ett program för att skapa hemsidor. ActiveBuilder är uppbyggt för att ge användaren möjlighet att skapa en användarvänlig hemsida på ett lätt och överskådligt sätt. ActiveBuilder har som mål att ge användaren förmågan att skapa en hemsida utan programmering. Användaren ska istället kunna fokusera på innehållet på hemsidan och det visuella intrycket utan att behöva tänka på hur det ska implementeras tekniskt. - Mycket nöje. - 2 -

2. Snabbstart Detta är en snabb-guide om hur man skapar en hemsida med ActiveBuilder. Den är avsedd för sådana läsare, som inte vill läsa igenom hela manualen grundligt innan användandet av ActiveBuilder. För att få fullt utbyte av guiden måste stegen nedan gås igenom i ordningsföljd. 1) Logga in på ActiveBuilder 2) Välj området "Mallar" genom att klicka på menyvalet "Mallar" i toppmenyn. 3) Välj en mall genom att klicka på en av bilderna i listan av tillgängliga mallar Klicka eventuellt "Preview" i toppmenyn för att se en förhandstitt på hur din hemsida kommer att se ut 4) Klicka på "sidor" i toppmenyn 5) Klicka på namnet på den sida som är markerad som förstasida. Ett sidredigeringsfönster öppnas. 6) Tilføj Lägg till din egen text på sidan och tryck på "spara". 7) Klicka "Preview" i toppmenyn för att se en förhandstitt på hur din hemsida kommer se ut; du kan nu se din egen text där. - Du har nu redigerat din egen hemsida. - 3 -

3. Översikt över ActiveBuilder ActiveBuilder är uppbyggt kring 4 huvudområden för att ge dig en enkel och överskådlig möjlighet att bygga upp en hemsida utan att du behöver ha några tekniska kvalifikationer. ActiveBuilders 4 huvudområden är: 1) Sidor: Här skapas de sidor som ska utgöra hemsidan. En sida kan antingen vara en allmän sida, ett fast sidelement som finns på alla sidor på hemsidan, eller en funktion, som ger hemsidan en specifik funktionalitet. 2) Meny: Detta huvudområde behandlar administrationen av navigationsmenyn, som gör det möjligt att navigera runt mellan de olika sidorna på hemsidan. 3) Inställningar: Här definieras diverse generella inställningar för hemsidan och för din användare i ActiveBuilder-programmet. 4) Mallar: Om man vill ha inspiration till sin hemsida, kan man välja att kopiera en mall och utgå från den. - 4 -

4. Sidor 4.1 Skapa en ny sida Du kan skapa 3 typer av sidor: - Sida: En allmän sida till text. - Fasta sidelement: Ett fast sidelement är en del av sidan, som återkommer på alla sidor. Det kan t.ex. vara en toppmeny som används till hemside-logo osv. - Funktioner: En funktionssida innehåller endast speciell funktionalitet, det kan vara ett kontaktformulär, ett galleri osv. Alla sidor, bortsett från sidelementen, blir automatiskt en del av navigationsmenyn och får sitt eget menyalternativ. Önskar man senare att utelämna en sida från navigationsmenyn, så kan detta göras i sidans inställningar. 4.2 Sid-översikt Ovanstående figur visar en sidöversikt, där de aktuella sidorna listas. Genom att klicka på sidans namn kan innehållet på sidan redigeras. - Kopiering: Det är möjligt att kopiera en sida med dess innehåll. Då kopieras dock inte eventuella funktioner på sidan (t ex gästbok). - Inställningar: - 5 -

Här kan man ändra sidans generella inställningar, såsom namn och nummer i navigationsmenyn, såvida man valt numerisk menysortering. 4.3 Redigering av sidor Genom att klicka på en sidas namn får man möjlighet att redigera sidans innehåll. Man kan här göra olika layoutmässiga ändringar som font-typ, font-storlek, fontfärg, justering, uppställning i punktform osv. Man har även tillgång till bildmappen, varifrån man kan hämta bilder som kan läggas in i texten. Vill man se den färdiga HTML-koden i stället, så kan man byta mellan normal- och HTML-visning genom att klicka på flikarna längst ned på skärmen. Därutöver är det möjligt att skapa interna och externa länkar. Interna länkar är till sidor som skapats i ActiveBuilder, medan externa länkar går till sidor på internet som t ex www.yahoo.com. - 6 -

4.4 Bildmappen Bildmappen används för att hämta (ladda upp) alla bilder som ska användas på din hemsida, och kan t ex nås från sidredigeringsfönstret. Bildmappen är uppdelad i ett vänster- och högerfönster. I vänsterfönstret ses en lista över de bilder som finns i mappen. Genom att klicka på namnet på en bild visas bilden i högerfönstret där namnet kan redigeras, eller där man kan välja att trycka på knappen "Använd bild" varefter bildmappen stängs och bilden används på det ställe där man var när bildmappen öppnades. I bildmappen finns även möjligheten att ladda upp bilden igen, radera den, eller att ladda upp helt nya bilder. - 7 -

4.5 Redigering av funktioner Funktioner är sidor, som innehåller speciell funktionalitet; det kan vara ett kontaktformulär, ett galleri osv. Genom att klicka på en funktions namn i sidöversikten, öppnas ett fönster för redigering av funktionen. Till varje funktion finns en rad inställningsmöjligheter för överskrifter och beskrivningar, och det innehåll som visas på din hemsida. Funktionen "kontaktformulär" kan användas som exempel. Till vänster om den streckade linjen visas inställningarna i ActiveBuilder, medan utseendet på den färdiga hemsidan visas till höger. Texten vid "överskrift:" och "meddelande:" defineras till vänster, och visas visuellt till höger. "Adressenten" är den emailadress som ska ta emot de mail som skickas via kontaktformuläret. Därutöver finns ett antal valfria fält, som kan användas om man vill att kontaktformulären ska innehålla andra fält som exempelvis namn och adress. - 8 -

5. Meny 5.1 Inställningar Här kan du ändra de grundläggende inställningarna för din navigationsmeny: - Menytyp: Ska det finnas en toppmeny eller en vänstermeny - eller ska det inte finnas någon meny överhuvudtaget. - Justering: Ska menyn vara centrerad, vänster- eller högerställd. - Dimensioner: Hur bred och hög menyn ska vara. - Sortering: Huruvida menyvalen ska sorteras alfabetiskt eller numeriskt. - Utseende: Här kan man ställa in hur 'mellanrumsbilden' ska se ut. En 'mellanrumsbild' är en bild som visas mellan de enskilda menyvalen, och som används för att skapa en uppdelning. Man kan även ange bakgrundsbild, bakgrundsfärg, fonttyp, fontstorlek och fontfärg till menyn. Obs: Om du använder både bakgrundsbild och bakgrundsfärg så visas endast bilden! 5.2 Grafisk meny Det är möjligt att använda en bild för varje menyval istället för att visa varje enskild sidas namn i textform - detta kallas en grafisk meny. För varje menyval kan man då ha ytterligare en 'rollover-bild', som är en bild som visas när muspekaren befinner sig över ett menyval. 5.3 Flernivå-meny Det är möjligt att ha en navigationsmeny i 2 nivåer. Man skapar en toppnivå som man sedan kan koppla de enskilda sidorna till. Då kommer de enskilda sidorna inte längre finnas med som självständiga menyval, utan däremot som undermenyer till toppmenyn. Man kan ställa in textfärg och bakgrundsfärg för undermenyn. - 9 -

6. Inställningar 6.1 Generella inställningar Här kan du ändra de grundläggande inställningarna för din website. - Header-info: Här sätts din websites header-information, som t ex sökord och titel. - Skärmstorlek: Här kan man välja om websiten ska anpassas för fullskärm, 1024x768 eller 800x600. - Justering: Här kan man välja om hela websidan ska centreras eller vänsterställas. - Vid en skärmstorlek på 1024x768 eller 800x600: Om du väljer en skärmstorlek på 1024x768 eller 800x600, så kommer det bli plats över om websiten visas på en skärm med högre upplösning. Detta utrymme kan fyllas med en bakgrundsbild eller en bakgrundsfärg, som kan väljas här. 6.2 Fonttypsinställningar Här ändras inställningar för de fonter som används på websiten. Du kan välja fonttyp, storlek, färg m m för texten och länkarna på sidan. - Eget stylesheet: Har du erfarenhet av att skapa egna stylesheets, kan du här lägga till text som tolkas som stylesheet-definitioner. 6.3 ActiveBuilder-inställningar Detta är inställningar för själva ActiveBuilder-programmet. Du kan välja språk för programmet, och huruvida visning av den inforuta, som syns till höger på många skärmbilder, ska vara aktiverad. - 10 -

7. Mallar Du kan välja att använda en hemsidemall för att bygga upp din hemsida. En mall innehåller enkla sidor och grafikdelar, men inga funktioner. Kopiering av en mall sker genom att man klickar på den bild som visar mallen. När du kopierar en mall kommer dina existerande sidor raderas. - Spara som mall: Du har även möjlighet att spara upp till 10 kopior av din aktuella hemsida i mallform - det kommer dock inte att omfatta kopiering av bilder och funktioner. När en hemsida sparas, så syns den nederst på skärmen med namn och tidpunkten då den sparades. Du kan radera sparade mallar enkelt genom att trycka på radera-ikonen som finns vid varje mall. - 11 -

8. FAQ - Fråga: När jag t ex väljer en sida genom att klicka på sidans namn, klickar på ikonen för bildmappen eller liknande, så händer ingenting. - Svar: Det kan bero på att du i din webbläsare installerat en sk 'popup-stoppare', som ska förhindra att nya fönster öppnas. Lösningen är att deaktivera denna 'popupstoppare'. - Fråga: När jag är i texteditorn och trycker "enter" skapas ett nytt stycke. Hur gör jag om jag bara vill ha en radbrytning så jag kan fortsätta på nästa rad? - Svar: Håll ner "shift"-tangenten när du trycker på "enter". - Fråga: När jag ersätter en existerande bild i min bildmapp genom att ladda upp en ny, så visas ändå den gamla bilden. - Svar: Det kan bero på att din webbläsare 'cachat' (sparat) den gamla bilden som en cachad fil. För att undgå detta, pröva med att hålla nere "shift"-tangenten samtidigt som du laddar om sidan. - 12 -