Active Builder - Brugermanual

INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE... 2 1. HURTIGT OVERBLIK... 4 1.1 Vælg URL:... 4 1.2 Vælg en skabelon:... 4 1.3 Editor:... 4 Billedekatalog + sider:... 4 Drag & Drop:... 5 Redigering vindue (editor window):... 5 Topmenuen:... 5 2. SIDE OPBYGNING... 6 Header... 6 Indhold... 6 Footer... 6 3. SEKTION... 7 3.1 Wrapper... 7 Fuld bredde... 7 3.2 Indstillinger... 8 Baggrund:... 8 Wrapper:... 8 Border:... 8 Parallax:... 8 Anchor:... 9 4. INDHOLDSBOKS... 10 4.1 Ret i en Indholdsboks... 10 4.2 Juster størrelsen af en indholdsboks... 10 4.3 Indstillinger... 11 Baggrund:... 11 Tekst-justering og afstand:... 11 2

Border:... 11 Link:... 11 5. MODULER... 12 Indholdsboks... 12 Bredde... 12 Flere moduler af samme type på samme side... 12 6. INDSTILLINGER... 13 6.1. Website... 13 6.2 Navigations-hieraki... 13 Dropdown-menu... 13 6.3 Bruger administration... 13 6.4 Skabeloner... 13 6.5 Værktøj... 14 7. COPYRIGHT... 15 Billedemateriale:... 15 Active Builder generelt:... 15 3

1. HURTIGT OVERBLIK Dette "hurtige overblik" giver dig en quick-start i hvordan du opretter en hurtig hjemmeside fra start til publicering. Du får et indblik i hvordan editoren virker og hvordan du retter i indstillinger. Dette er en overfladisk gennemgang. Men gennemgangen giver dig noget at bygge videre på og forhåbentlig også give dig lyst til at udforske de muligheder som programmet giver dig. 1.1 Vælg URL: Efter at være logget ind i editoren, kan du nu vælge hvilken URL din hjemmeside skal ligge på. Er du i tvivl, så vælg et subdomæne såsom "test.[ditdomæne.com]". URL kan altid ændre på et senere tidspunkt. 1.2 Vælg en skabelon: Du vil nu blive præsenteret for en række skabeloner, indenfor forskellige emner, hvor du kan vælge den du mener passer bedst til din hjemmeside. Der er naturligvis muligt at vælge en anden skabelon på et senere tidspunkt. 1.3 Editor: Editoren er opdelt i vinduer: Billedekatalog + sider: Billedkataloget kan du se de billeder, som du har uploaded til hjemmesiden samt de billeder, som kommer standard med skabelonen. Sidelisten er en liste over alle de sider, der er aktive og inaktive på din hjemmeside. Udfor hver side i listen er der indstillinger. Forsiden er markeret med et lille hus. 4

Drag & Drop: Her er alle de moduler, som du kan anvende listet. Da der ikke er plads til alle moduler, er der en "flere moduler" knap i bunden af menuen. Et modul trækkes ind i en indholdsboks med "træk og slip" (drag & drop). Redigering vindue (editor window): Her er vist indholdet af din hjemmeside. Her kan du klikke på de billeder, tekstbokse, sektioner m.m. som giver struktur på hjemmesiden. Side specifik information: Side specifik information finder du i informations-menuen øverst til venstre i redigering vinduet. I denne menu kan du se navnet på den side, som du redigerer. Samtidig har du mulighed for at fortryde ("undo") dine seneste handlinger. Og du kan trykke "Gem side" for at gemme siden du arbejder med. Længst til højre i menuen, kan man trykke "^" for at gemme menuen, hvis den er kommet til at dække for en indholdsboks, som du redigere i. Topmenuen: I toppen af editoren ligger topmenuen: Via topmenuen kan du publisere din hjemmeside, se de gennerelle indstillinger, gå til FAQ / Manual og forlade editoren via "LOG UD". Hermed slutter det hurtige overblik, hvor du nu er klar til at publicere din hjemmeside og se den online for første gang. Efterfølgende afsnit giver et dybere indblik i hvordan editor virker og er opbygget. 5

2. SIDE OPBYGNING En side består altid af en header, indhold og en footer. Header En header ligger altid fast i toppen af siden. Som udgangspunkt er headeren ens for alle dine websider. Men du kan lave individuelle headere pr. side, ved at klikke på "hængelås"-ikonet inden du gemmer dine side. Denne mulighed kan være anvendeligt, hvis du f.eks. ønsker, at forsiden skal have en anden header en resten af siderne. Funktioner i en header er begrænset til kun at tillade navigationsmenu-funktionen. Til gengæld kan navigationsmenu-funktionen kun anvendes i headeren. Indhold Indholds-sektionen indeholder alt den information, som skal være på din hjemmeside. Indholds-sektionen er forskellig fra side til side. Footer En footer ligger altid i bunden af siden og er altid ens for alle sider. Side opdelingen i header, indhold (content) og footer. 6

3. SEKTION Grundbyggestenen i din hjemmeside er sektioner. Sektioner sikre en ensartet struktur på din hjemmeside, hvilket betyder, at siden er mere overskuelig og behagelig at se på for dine besøgende. Sektioner kan have mange indholdsbokse, som kan indolde en kombination af tekst, billeder, video osv. Ydeligere kan en indholdsboks indeholde et modul ad gangen. Nedenfor ses 2 sektioner med henholdsvis 2 og 3 indholdsbokse: 3.1 Wrapper En sektion fylder som udgangspunkt hele bredden af hjemmesiden. Men under stylesheet kan det angives at sektionen kun fylder 980 pixels. Denne begrænsning af hjemmesides bredde kaldes wrapper. Wrapperens bredde på 980 pixels har til formål at sikre, at dine hjemmesides indhold ser ens ud under selv små skærm-opløsninger, - nemlig en skærmopløsning på 980 pixels. Fuld bredde Du kan også få wrapper-delen af en sektion ud i fuld bredde ved fjerne "boxed" 7

3.2 Indstillinger Følgende indstillinger kan sættes på sektionen Baggrund: Her sættes farve, baggrundsbillede, baggrunds-gentagelser og baggrunds-justering. Yderligere kan der vælge at "background-size: cover", hvilket betyder at baggrundsbilledet vil forsøge at skalere så størrelsen altid dækker browserens bredde. Wrapper: Her sættes afstand (padding) til top, bund, højre og venstre. Yderligere baggrundsfarve og baggrundsbillede. Samtidig er "boxed" valgt default, hvilket betyder at wrapperen bestemmer bredden. Fravælges "boxed", vil sektionen være 100% af browserens bredde. Border: Her sættes seksionens kant (border), bredde, stil og farve. Parallax: Parallax-scrolling betyder at baggrunds-billedet i sektionen scroller med en anden hastighed end resten af hjemmesiden, når brugeren scroller op eller ned ad hjemmesiden. Dette give en moderne effekt af at hjemmesiden har flere lag / dybde. 8

Anchor: Er basalt se set HTML-anker på din hjemmeside. Et HTML-anker kan anvendes til at linke til et bestemt sted ned på siden. Vælger man f.eks. at angive HTML-ankeret "#minsektion" på siden "welcome", kan der linkes direkte til sketionen ved at angive et link, som hedder "welcome#minsektion". 9

4. INDHOLDSBOKS Din hjemmeside er bygget op af nogle vandrette sektioner, som indeholder et varierende antal indholdsbokse. 4.1 Ret i en Indholdsboks Nedenfor er en sektion med 2 indholdsbokse: For at rette indholde klikkes med musen på en indholdsboks, som skifter status og kan editeres: Nu kan du skrive tekst i indholdsboksen, indsætte billeder, video, knapper, filer, tabeller, links. Yderligere kan du trække et modul fra "Drag & Drop"-menuen ind i indholdsboksen. Her skal du blot være opmærksom på at da en indholdsboks kun kan indeholde et modul ad gangen og vil fjerne alt andet indhold ved indsættelse. 4.2 Juster størrelsen af en indholdsboks Bredden af en indholdsboks kan justeres bed at køre musen hen over skillelinjen mellem to indholdsbokse, hvormed der kommer en dobbelt vandret pil. Se nedenfor. Denne pil kan trækkes i begge retninger hvorefter bredden justeres. Højden justeres automatisk efterhånden som indholdsboksen fyldes med indhold. Højden kan dog være sat specifikt under indstillinger. 10

4.3 Indstillinger Følgende indstillinger kan sættes på indholdsboksen: Baggrund: Her sættes farve, baggrundsbillede, baggrunds-gentagelser og baggrunds-justering. Tekst-justering og afstand: Her sættes venstre, center og højre justering. Yderligere sættes afstand (padding) til top, bund, højre og venstre, samt indholdsboksens højde Border: Her sættes seksionens kant (border), bredde, stil og farve. Link: Dette er et link som kan aktiveres for hele indholdsboksen, hvis brugeren klikker på boksen. Som udgangspunkt er der et ikon henover indholdsboksen, når brugeren fører musen over indholdsboksen, for at indikere overfor brugeren, at der er et link. 11

5. MODULER Her er ikke en gennemgang af alle modulernes individuelle funktioner og indstillinger. Tilgengæld er her de fællestræk som kendetegner modulerne. Indholdsboks Når et modul placeres i en indholdsboks, vil det overtage hele indholdet af indholdsboksen. På den måde sikres der ikke indblandes andre tekster og billeder, end de som er specificeret i modulet. Bredde Et modul kan kun placeres i en indholdsboks, og er begrænset til indholdsboksen bredde. Ønsker man at modulet anvender skærmens fulde bredde, én sektion med én indholdsboks. Under indstillingerne til denne sektion skal man fravælge "boxed", således at skærmens fulde bredde anvendes. Flere moduler af samme type på samme side Det anbefales ikke, at man anvende flere moduler af samme type på samme side, da man kan risikere at modulerne ikke fungere efter hensigten. 12

6. INDSTILLINGER Indstillinger fra topmenuen byder på følgende muligheder: 6.1. Website Under "Hjemmeside Information" kan vælges din hjemmside's gennerelle informationer iform af title og metatags. Som nævnt under SEO, så er det en god ide at væge title og metatags for hver enkelt side på din hjemmeside. Men hvis der ikke er specificeret noget på en side, vises istedet den generelle title og de generelle metatags. Yderligere kan vælges: Hjemmesiden sprog, hjemmesidens forside pr. sprog, hjemmesidens domæne og editorens sprog. 6.2 Navigations-hieraki Her kan du rangordne siderne på din hjemmeside efter hvilken side skal vises først i navigations menuen. Dropdown-menu Du kan også vælge en dropdown menu i navigationen, således at dette menupunkt indeholder flere menupunkter. Oprettelsen af en dropdownmenu sker ved at trykke "opret dropdown menu". 6.3 Bruger administration Du kan oprette login og password på hver af siderne på din hjemmeside. De brugere som skal have login og password oprettes under "bruger administration". Uderover et login og password skal hver bruger oprettes med en email adresse, således at glemt password kan genudsendes til brugeren. 6.4 Skabeloner Du kan vælge en ny skabelon til indholdet af din hjemmeside. Med hver skabelon følger et stylesheet, hvor skrifttyper og overskrifter med mere er specificeret. Dette stylesheet kan tilgåes fra "skabeloner". 13

Når du kopiere en skabelone kan du vælge eller fravælge 2 optioner: 1) "Slet eksisterende sider før kopiering": Dette skal du vælge, hvis du ønsker en helt ren ny hjemmeside med skabelonens eksempelsider. 2) "Kopier skabelonens eksempelsider med": Dette skal du fravælge, hvis du ikke ønsker at have de eksempelsider som følger med skabelonen. 6.5 Værktøj Under værktøjer er de mulige at tage en kopi af hjemmesiden. Kopien af hjemmeside medtager ikke moduler og billeder. Har du billeder i en ældre version af Active Builder, er det muligt at få kopieret dem til denne nye version. Billederne vil så kunne ses i dit billede-katalog. 14

7. COPYRIGHT Billedemateriale: De billeder, som følger med skabelonerne er copyright Talk Active ApS. Det betyder, at du har ret til at anvende dem overalt på den hjemmeside, som du bygger i Active builder. Det betyder samtidig, at du ikke kan anvende billederne i nogen anden sammenhænge udenfor Active Builder i original eller redigeret form. Active Builder generelt: Alle dele af Active Builder er copyright Talk Active ApS. 15