ActiveBuilder Brukermanual

Transkript

1 ActiveBuilder Brukermanual Forfatter: TalkActive I/S Dato: Juni 2004 Versjon: R Språk: Norsk Copyright Talk Active - all rights reserved.

2 Innhold: 1. INNLEDNING HURTIGSTART OPPBYGGINGEN AV ACTIVEBUILDER SIDER Opprett en ny side Sideoversikt Redigering av side Bildekatalogen Redigering av funksjoner MENY Innstillinger Grafisk meny Fler-nivå-meny INNSTILLINGER Generelle-innstillinger Fonttype-innstillinger ActiveBuilder-innstillinger TEMPLATE FAQ

3 1. Innledning ActiveBuilder er et program til bygging av hjemmesider eller et såkaldt cms (content management system) program. Oppbyggingen av ActiveBuilder er for å gi brukeren en lett og oversiktlig mulighet for å få bygget en brukbar hjemmeside. ActiveBuilder har som mål å sette brukeren i stand til å lage en hjemmeside uten bruk av koding. Brukeren skal i stedet kunne fokusere på innholdet på hjemmesiden og det visuelle uttryk uten å skulle tenke på den tekniske implementering. - God fornøyelse

4 2. Hurtigstart Dette er en hurtig-guide i å få laget en hjemmeside med ActiveBuilder. Det er beregnet på leseren som ikke ønsker å lese hele manualen grundig igjennom, før de begynner å bruke ActiveBuilder. Guiden er fremstilt i punktform nedenfor, og det er nødvendig å gå frem riktig rekkefølge for å få fullt utbytte av guiden. 1) Logg inn på ActiveBuilder 2) Velg området Templater ved å klikke på menypunktet templater i toppmenyen. 3) Velg en template ved å klikke på bildet av denne i listen av tilgjengelige templater Klikk evt. Forhåndsvisning i toppmeny for å se en forhåndsvisning av det aktuelle utseende til din hjemmeside 4) Klikk på sider i toppmenyen 5) Klikk på den sides navn som er markert som index-side. Her vil et vindu til sideredigering åpnes. 6) Legg til din egen tekst på siden og trykk lagre. 7) Klikk Forhåndsvisning i toppmenyen for å se en forhåndsvisning av det aktuelle utseende av din hjemmeside, hvor du nå kan se teksten du selv la til. - Du har nå laget en endring på din hjemmeside

5 3. Oppbyggingen av ActiveBuilder Oppbyggingen av ActiveBuilder er struktureret omkring 4 hovedområder med fokus på å gi en lett og oversiktlig mulighet for å bygge en hjemmeside uten at du trenger å ha noen kvalifikasjoner. ActiveBuilders 4 hovedområder er: 1) Sider: Her opprettes de sider som skal utgjøre hjemmesiden. En side kan enten være en alminnelig side, en fast sidedel som er gjennomgående på alle sider på hjemmesiden, eller en funksjon som gir hjemmesiden en spesifik funksjonalitet. 2) Meny: Dette hovedområde omhandler oppsettet og administrasjonen av navigasjonsmenyen, som gør det mulig å navigere rundt mellom de forskjellige sidene på hjemmesiden. 3) Innstillinger: Her settes opp diverse generelle innstillinger for hjemmesiden og for din bruker i ActiveBuilder-programmet. 4) Templater: Ønsker man inspirasjon til oppbyggingen av en hjemmeside, kan man velge å starte med å kopiere en template og ta utgangspunkt i den

6 4. Sider 4.1 Opprett en ny side Du kan opprette 3 typer av sider: - Side: En almindelig side til tekst. - Faste sider: En fast side er en del av siden, som ligger fast på alle sider. Det kan f.eks. være en topmeny/header, som gjerne brukes til hjemmeside-logo osv. - Funksjoner: En funksjonsside innholder kun spesiell funksjonalitet, det kan være et kontaktskjema, et galleri osv. Alle sider, unntatt faste sider, blir automatisk en del av navigasjonsmenyen og får så et menypunkt i denne. Ønsker man senere å utelade en side fra navigasjonsmenyen, kan dette velges bort under innstillinger til siden. 4.2 Sideoversikt Figuren over viser en sideoversikt, hvor de aktuelle sider listes. Ved å klikke på sidens navn kan innholdet av siden redigeres. - Kopiering: Det er mulig å kopiere en side med dens innhold Her blir sidens funksjon (f.eks. gjestebok) ikke kopiert

7 - Innstillinger: Her kan sidens generelle innstillinger settes, f.eks. navn og nummer i navigasjonsmenyen, hvis det er valgt numerisk menysortering. 4.3 Redigering av side Ved å klikke på sidens navn kan du endre sidens innhold. Det er her mulig å foreta forskellige layoutmessige innstillinger på teksten som f.eks. font-type, font-størrelse, font-farge, justering, oppstilling i punktform osv. Der er også adgang til bildekatalogen, hvor man kan hente bilder som kan brukes på siden. Ønsker man å se HTML-koden i stedet, kan man skifte mellom normal- eller HTMLvisning på to faneblader i bunnen av skjermen. Ytterligere er det mulig å opprettet interne og eksterne linker. Interne linker er til sider som er opprettet i ActiveBuilder, mens eksterne linker er til andre sider på internett som f.eks

8 4.4 Bildekatalogen Bildekatalogen brukes til å hente (laste opp) alle bilder som skal brukes på din hjemmeside, og kan f.eks. nåes fra vinduet til sideredigering. Bildekatalogen er oppdelt i et venstre og høyre vindu. I venstre vindu ses en liste over de bildene som er i katalogen. Ved å klikke på navnet på et bilde, vises bildet i høyre vindu hvor navnet kan redigeres, eller man kan velge å trykke på knappen Bruk bilde hvor bildekatalogen lukkes, og bildet brukes der du var når du åpnet bildekatalogen. I bildekatalogen er det også mulighet for å laste opp bildet igjen, slette det eller laste opp et helt nytt bilde

9 4.5 Redigering av funksjoner Funksjoner er sider som innholder spesiell funksjonalitet, det kan være en kontaktskjema, et galleri osv. Ved å klikke på et funksjonsnavn i sideoversikten, åpnes et vindu til redigering av funksjonen. Til hver type funksjon er en rekke oppsettmuligheter til overskrifter og beskrivelse, og det innholdet som vil bli vist på din hjemmeside. Funksjonen kontaktskjema kan brukes som eksempel. Til venstre for den stiplede linje vises oppsettet i ActiveBuilder, mens resultatet på den ferdige hjemmesiden vises til høyre. Teksten til overskrift: og besked: defineres til venstre, og vises visuelt til høyre. e-postadresse som skal sendes til er den e-postadresse som skal motta e-posten som sendes via kontaktskjemaet. I tillegg er der et antall tomme felt som kan brukes, hvis man ønsker at det i kontaktskjemaet skal være mulig å fylle ut felter med ekstra informasjon som for eksempel navn og adresse

10 5. Meny 5.1 Innstillinger Her kan du sette de grunnleggende innstillingene for din navigasjonsmeny: - Menytype: Skal det være en toppmeny eller en venstre-meny - eller skal det ikke være en meny. - Justering: Skal menyen være sentrert, venstre- eller høyre-justeret. - Dimensjoner: Hvor bred og hvor høy skal menyen være. - Rekkefølge: Skal menypunkterne sorteres alfabetisk eller numerisk. - Utseende: Her kan det bestemmes hvordan 'skille-bildet' skal se ut. Et 'skille-bilde' er et bilde som vises mellom hvert enkelt menypunkt, slik at man får en oppdeling. Her kan man angi bakgrunnsbilde, bakgrunnsfarve, fonttype, fontstørrelse og fontfarge til menyen. OBS: Brukes det både bakgrunnsbilde og bakgrunnsfarge vil kun bildet bli vist når bildet er ferdig lastet. 5.2 Grafisk meny Det er mulig å bruke et bilde for hvert menypunkt i stedetfor den enkelte sides navn i tekstform. Dette kalles en grafisk meny. For hvert menypunkt kan der også være et 'rollover bilde', som er et bilde som vises når musen føres over det enkelte menypunkt. 5.3 Fler-nivå-meny Det er mulig å ha en navigasjonsmeny i to nivåer. Man oppretter et toppnivå, man kan deretter knytte de enkelte sider til dette topnivået. Herved vil de enkelte sider ikke lenger opptre som selvstendige menypunkter, men som undermenyer til toppmenyen. Til visning av undermenyen kan man sette tekstfarge og bakgrunnsfarge

11 6. Innstillinger 6.1 Generelle innstillinger Her kan de grunnleggende innstillinger for din hjemmeside settes. - Headerinfo: Her kan man sette hjemmesidens header-informasjoner, som f.eks. søkeord og tittel. - Skjermstørrelse: Her kan man velge om hjemmesiden skal vises i full skjermstørrelse, 1024x768 eller 800x Justering: Her kan man velge om hele hjemmesiden skal sentreres eller venstrejusteres. - Ved skjermstørrelse på 1024x768 eller 800x600: Velges en skjermstørrelse på 1024x768 eller 800x600, vil det være 'overflødig plass' når hjemmesiden vises på en skjerm med en større oppløsning. Denne 'overflødig plassen' kan fylles ut med et bakgrunnsbilde eller en bakgrunnsfarge, som kan velges her. 6.2 Fonttype-innstillinger Her settes innstillinger for font-typer brukt på hjemmesiden. Du kan velge fonttype, størrelse, farge m.m. gjeldende for siden og linker på siden. - Eget stilsett: Har du erfaring med å lage egne stilsett, kan du her legge til kode som da vil bli tolket som css. 6.3 ActiveBuilder-innstillinger Dette er innstillinger for selve ActiveBuilder-programmet. Du kan velge språk for programmet, og hvorvidt visning av den infoboksen som vises til høyre på mange skjermbilder, skal være aktivert

12 7. Templater Du kan velge å bruke en hjemmeside-template i oppbyggingen av hjemmesiden din. En template innholder enkelte sider og grafikk-deler, men ingen funksjoner. Kopiering av en template skjer ved at man klikker på bildet som viser templaten. Når du kopierer en template vil dine eksisterende sider bli slettet. - Lagre som template: Du har mulighet for å lagre opp til 10 kopier av din aktuelle hjemmeside i templateform - men det vil ikke omfatte kopiering av bilder og funksjoner. Når en hjemmeside lagres, vil den dukke opp nederst på skjermen med navn og det tidspunkt den ble lagret. Det vil være mulig å slette de lagrede templater enkeltvis ved å trykke på sletteikonet ved den enkelte template

13 8. FAQ - Spørsmål: Når jeg for eksempel velger en side ved å klikke på sidens navn, klikker på ikonet for bildekatalogen eller lignende skjer det ingenting. - Svar: Det kan skyldes at du i din browser har installert en såkaldt popup-stopper, som skal forhindre åpning av nye vinduer. Løsningen er å deaktivere denne popupstopper, eller tillate popups fra denne webadressen. - Spørsmål: Når jeg er i teksteditoren og trykker enter, lages det dobbelt linjeskift, hvordan lager jeg et enkelt linjeskift? - Svar: Ved å holde shift -tasten nede når du trykker enter lager du enkelt linjeskift. - Spørsmål: Når jeg erstatter et eksisterende bilde i min bildekatalog ved å laste opp et nytt, så vises fremdeles det gamle bildet. - Svar: Det kan være at din internet browser har cached (lagret) det gamle bildet som en cached fil. For å unngå dette, prøv å holde shift -tasten nede og reload siden