ActiveBuilder Brugermanual Forfatter: TalkActive I/S Dato: Juni 2004 Version: R. 1.01 Sprog: Dansk Copyright 2004 - Talk Active - all rights reserved.
Indhold: 1. INDLEDNING...2 2. QUICK-START...3 3. OPBYGNINGEN AF ACTIVEBUILDER...4 4. SIDER...5 4.1 Opret en ny side...5 4.2 Side Oversigt...5 4.3 Redigering af side...6 4.4 Billedekataloget...7 4.5 Redigering af funktioner...8 5. MENU...9 5.1 Indstillinger...9 5.2 Grafisk menu...9 5.3 Fler-niveau menu...9 6. INDSTILLINGER...10 6.1 Generelle indstillinger...10 6.2 Fonttype indstillinger...10 6.3 ActiveBuilder indstillinger...10 7. SKABELONER...11 8. FAQ...12-1 -
1. Indledning ActiveBuilder er et program til bygning af hjemmesider eller et såkaldt cms (content management system) program. Opbygningen af ActiveBuilder tilstræber at give brugeren en let og overskuelig mulighed for at få opbygget en anvendelig hjemmeside. ActiveBuilder har til mål at sætte brugeren i stand til at skabe en hjemmeside uden brug af programmering. Brugeren skal i stedet kunne fokusere på indholdet på hjemmesiden og det visuelle udtryk uden at skulle tænke på den tekniske implementering. - God fornøjelse. - 2 -
2. Quick-start Dette er en hurtig-guide i at få lavet en hjemmeside med ActiveBuilder. Det er beregnet på den læser, som ikke ønsker at læse hele manualen grundigt igennem, inden brug af ActiveBuilder. Guiden er fremstillet i punktform nedenfor, og det er nødvendigt at gå frem efter punkternes rækkefølge for at få det fulde udbytte af guiden. 1) Login på ActiveBuilder 2) Vælg området Skabeloner ved at klikke på menupunktet skabeloner i topmenuen. 3) Vælg en skabelon ved at klikke på billedet af denne i listen af tilgængelige skabeloner Klik evt. Preview i topmenu for at se en preview af det aktuelle udseende af din hjemmeside 4) Klik på sider i topmenuen 5) Klik på den sides navn, som er markeret som index-side. Herpå vil et vindue til side redigering åbnes. 6) Tilføj din egen tekst på siden og tryk gem. 7) Klik Preview i topmenu for at se en preview af det aktuelle udseende af din hjemmeside, hvor du nu kan se din egen tilføjede tekst. - Du har nu lavet en rettelse til din egen hjemmeside. - 3 -
3. Opbygningen af ActiveBuilder Opbygningen af ActiveBuilder er struktureret omkring 4 hovedområder med henblik på at give en let og overskuelig mulighed for at opbygge en hjemmeside uden, at du behøver at have nogle tekniske kvalifikationer. ActiveBuilder s 4 hovedområder er: 1) Sider: Her oprettes de sider som skal udgøre hjemmesiden. En side kan enten være en almindelig side, en fast sidedel som er gennemgående på alle sider på hjemmesiden, eller en funktion, som giver hjemmesiden en specifik funktionalitet. 2) Menu: Dette hovedområde omhandler opsætningen og administrationen af navigationsmenuen, som gør det muligt at navigere rundt mellem de forskellige sider på hjemmesiden. 3) Indstillinger: Her opsættes diverse generelle indstillinger for hjemmesiden og for din bruger i ActiveBuilder programmet. 4) Skabeloner: Ønsker man inspiration til opbygningen af en hjemmeside, kan man vælge at starte med at kopiere en skabelon og tage udgangspunkt i den. - 4 -
4. Sider 4.1 Opret en ny side Du kan oprette 3 typer af sider: - Side: En almindelig side til tekst. - Faste sider: En fast side er en del af siden, som ligger fast på alle sider. Det kan f.eks. være en topmenu, som typisk anvendes til hjemmeside logo osv. - Funktioner: En funktionsside indeholder kun speciel funktionalitet, det kan være en kontaktformular, et galleri osv. Alle sider, på nær faste sider, bliver automatisk en del af navigationsmenuen og får således et menupunkt i denne. Ønsker man senere at udelade en side fra navigationsmenuen, kan dette fravælges under indstillinger til siden. 4.2 Side Oversigt Ovenstående figur viser en side-oversigt, hvor de aktuelle sider listes. Ved at klikke på sidens navn kan indholdet af siden redigeres. - Kopiering: Det er muligt at kopiere en side med dens indhold Her bliver sidens funktion (f.eks. gæstebog) dog ikke kopieret. - 5 -
- Indstillinger: Her kan sidens generelle indstillinger sættes, såsom navn og nummer i navigationsmenuen, såfremt der er valgt numerisk menu sortering. 4.3 Redigering af side Ved at klikke på sidens navn åbnes for muligheden for at rette sidens indhold. Det er her muligt at foretage forskellige layoutmæssige tilretninger af tekstens indhold såsom font-type, font-størrelse, font-farve, justering, opstilling i punktform osv. Der er ligeledes adgang til billede-kataloget, hvorfra der kan hentes billeder, der kan anvendes i teksten. Ønsker man at se den færdige HTML i stedet, kan der skiftes mellem normal- eller HTML visning på to faneblade i bunden af skærmen. Yderligere er det muligt at oprettet interne og eksterne links. Interne links er til sider som er oprettet i ActiveBuilder, mens eksterne links er til sider på internettet såsom www.yahoo.com. - 6 -
4.4 Billedekataloget Billedekataloget anvendes til at hente (uploade) alle billeder, som skal anvendes på din hjemmeside, og kan f.eks. nåes fra vinduet til sideredigering. Billedekataloget er opdelt i et venstre og højre vindue. I venstre vindue ses en liste over de billeder som er i kataloget. Ved at klikke på navnet på et billede vises billedet i højre vindue hvor navnet kan redigeres, eller man kan vælge at trykke på knappen Anvend billede hvorefter billedekataloget lukkes og billedet anvendes i den sammenhæng hvor billedekataloget blev åbnet. I billedekataloget er der yderligere mulighed for at uploade billedet igen, slette det eller uploade et helt nyt billede. - 7 -
4.5 Redigering af funktioner Funktioner er sider, som indeholder speciel funktionalitet, det kan være en kontaktformular, et galleri osv. Ved at klikke på en funktions navn i side oversigten, åbnes et vindue til redigering af funktionen. Til hver type funktion er en række opsætningsmuligheder til overskrifter og beskrivelse, og det indhold som vil blive vist på din hjemmeside. Funktionen kontaktformular kan anvendes som eksempel. Til venstre for den stiplede linje vises opsætningen i ActiveBuilder, mens resultatet på den endelige hjemmeside vises til højre. Teksten udfor overskrift: og besked: defineres til venstre, og vises visuelt til højre. email der skal sendes til er den email adresse som skal modtage de mails som sendes via kontaktformularen. Yderligere er der et antal frie felter, som kan benyttes, hvis man ønsker at det i kontaktformularen skal være muligt at udfylde felter med ekstra information som for eksempel navn og adresse. - 8 -
5. Menu 5.1 Indstillinger Her kan du sætte de grundlæggende indstillinger for din navigationsmenu: - Menutype: Skal det være en topmenu eller en venstre-menu - eller skal der ikke være en menu. - Justering: Skal menuen være centreret, venstre- eller højre-justeret. - Dimensioner: Hvor bred og hvor høj skal menuen være. - Rækkefølge: Skal menupunkterne sorteres alfabetisk eller numerisk. - Udseende: Her kan fastsættes hvorledes 'skille-billedet' skal se ud. Et 'skille-billede' er et billede som vises mellem de enkelte menupunkter, hvormed man opnår en opdeling. Hertil kan der angives baggrundsbillede, baggrundsfarve, fonttype, fontstørrelse og fontfarve til menuen. Bemærk: Anvendes der både baggrundsbillede og baggrundsfarve vil kun billedet blive vist. 5.2 Grafisk menu Det er muligt at anvende et billede for hvert menupunkt i stedetfor den enkelte sides navn i tekstform. Dette kaldes en grafisk menu. For hvert menupunkt kan der yderligere være et 'rollover billede', som er et billede der vises, når musen køres henover det enkelte menupunkt. 5.3 Fler-niveau menu Det er muligt at have en navigationsmenu i to niveauer. Dette sker ved, at man opretter et topniveau, man kan derefter tilknytte de enkelte sider til dette topniveau. Herved vil de enkelte sider ikke længere optræde som selvstændige menupunkter, men derimod som undermenuer til topmenuen. Til visning af undermenuen kan her sættes tekstfarve og baggrundsfarve. - 9 -
6. Indstillinger 6.1 Generelle indstillinger Her kan de grundlæggende indstillinger for din hjemmeside sættes. - Header info: Her kan man sætte hjemmesidens header-informationer, som f.eks. søgeord og titel. - Skærmstørrelse: Her kan man vælge, om hjemmesiden skal vises i fuld skærmstørrelse, 1024x768 eller 800x600. - Justering: Her kan man vælge, om hele hjemmesiden skal centreres eller venstrejusteres. - Ved skærmstørrelse på 1024x768 eller 800x600: Vælges en skærmstørrelse på 1024x768 eller 800x600, vil der være 'overskydende plads', når hjemmesiden vises på en skærm med en større opløsning. Denne 'overskydende plads' kan fyldes ud med et baggrundsbillede eller en baggrundsfarve, som kan vælges her. 6.2 Fonttype indstillinger Her sættes indstillinger for font-typer anvendt på hjemmesiden. Du kan vælge fonttype, størrelse, farve m.m. gældende for siden og links på siden. - Eget stylesheet: Har du erfaring med at lave egne styelsheets, kan du her tilføje tekst, som vil blive forsøgt tolket som et stylesheet. 6.3 ActiveBuilder indstillinger Dette er indstillinger for selve ActiveBuilder programmet. Du kan vælge sprog for programmet, og hvorvidt visning af den infoboks, som vises til højre på mange skærmbilleder, skal være aktiveret. - 10 -
7. Skabeloner Du kan vælge at anvende en hjemmeside skabelon i opbygningen af din hjemmeside. En skabelon indeholder enkelte sider og grafik-dele, men ingen funktioner. Kopiering af en skabelon sker ved at man klikker på billedet, som viser skabelonen. Når du kopierer en skabelon vil dine eksisterende sider blive slettet. - Gem som skabelon: Du har ligeledes mulighed for at gemme op til 10 kopier af din aktuelle hjemmeside i skabelon-form - det vil dog ikke omfatte kopiering af billeder og funktioner. Når en hjemmeside gemmes, vil den optræde nederst på skærmen med navn og det tidspunkt hvor, den blev gemt. Det vil være muligt at slette de gemte skabeloner enkeltvis ved at trykke på sletteikonet ved den enkelte skabelon. - 11 -
8. FAQ - Spørgsmål: Når Jeg for eksempel vælger en side ved at klikke på sidens navn, klikker på ikonet for billedekataloget eller lignende sker der intet. - Svar: Det kan skyldes at du i din browser har installeret en såkaldt popup-stopper, som skal forhindre åbningen af nye vinduer. Løsningen er at deaktivere denne popupstopper. - Spørgsmål: Når Jeg er i tekst editoren og trykker enter laves dobbelt linjeafstand, hvordan laver jeg enkelt linjeafstand? - Svar: Ved at holde shift -tasten nede når du trykker enter lave enkelt linjeafstand. - Spørgsmål: Når jeg erstatter et eksisterende billede mit mit billedekatalog ved at uploade et nyt, så vises det gamle billede stadig. - Svar: Det kan være at din internet browser har cached (gemt) det gamle billede som en cached fil. For at undgå dette prøv at holde shift -tasten nede og genopfrisk siden. - 12 -