EasyPage brugermanual version 3.0

Transkript

1

2 EasyPage brugermanual version 3.0 Indholdsfortegnelse: 1.0 Introduktion Om brugermanualen Systemkrav Log ind - sådan kommer du i gang EasyPage grundmodul Byg og rediger sider Menustruktur Højreklik funktion i menuen Opret ny side Ret side Slet side Kopier side Flyt side op og ned Indholdsredigering...7 Sideelementer HTML-editor...10 Gode råd når du skal bruge HTML-editoren...11 HTML-editorens knapper og funktioner Tabel element Øvelser...16 Øvelse A: Opret en ny side med tabel...16 Øvelse B: Opret en kontaktformular...20 Øvelse C: HTML-editorens tabel-funktioner...22 Øvelse D: Indsættelse af links...25 Øvelse E: Indsættelse af billeder...27 Øvelse F: Indsættelse af flash-animation og video Skabeloner Opsætning af menuer Topmenu...36 Opsætning af topmenu...36 Justering af tekster og farver i topmenu...38 Brug af billeder i topmenu Sidemenu...39 Opsætning af sidemenu...40 Justering af tekster og farver i sidemenu...41 Brug af billeder i sidemenu Opsætning af tekster og design Website info Arkiv Billeder Filer/dokumenter Eksterne links links Statistik

3 1.0 Introduktion EasyPage er et modulopbygget webbaseret system, der gør det muligt at opdatere en hjemmeside online vha. en internetbrowser. EasyPage fås i to udgaver, EasyPage Standard Web og EasyPage Pro Web. Begge versioner indeholder et grundmodul kaldet EasyPage samt to basismoduler, Arkiv og Statistik. Forskellen på Standard Web og Pro Web ligger bl.a. i hvilke servicer, der følger med produktet. I standardudgaven kan der f.eks. maksimalt oprettes 25 sider, mens der i proudgaven kan oprettes et ubegrænset antal sider. Pro-udgaven indeholder også et brugerstyringsmodul, hvormed det bliver muligt at begrænse adgangen til dele eller hele hjemmesiden, hvilket f.eks. kan benyttes af en virksomheds partnere og/eller leverandører. 1.1 Om brugermanualen Denne manual er tilpasset EasyPage Standard Web og EasyPage Pro Web version 3. Selve manualen er opdelt i en række hovedemner, så det bliver lettere at finde de ting man ønsker at få vejledning i. Det er derfor ikke nødvendigt at læse hele manualen fra start til slut for at komme i gang med EasyPage. Kapitel 2, der omhandler EasyPage-grundmodulet, hvor du bl.a. kan oprette nye sider, er det vigtigste kapitel. Det anbefales derfor, at du læser hele afsnit 2.1 og alle dets underafsnit inden du for alvor går i gang med at bruge EasyPage. I slutningen af dette afsnit finder du også en række øvelser, der gennemgår hvordan du udfører en specifik opgave i EasyPage, såsom indsættelse af billeder og opbygning af en kontaktformular. En række af de øvrige afsnit i kapitel 2 indeholder information om design, opsætning af menuer og skabeloner. Disse kan ofte springes over, hvis du har fået leveret en EasyPage-hjemmeside, hvor designet er klargjort af en grafiker. 1.2 Systemkrav For at kunne bruge administrationssystemet i EasyPage kræves følgende: Windows 98 eller nyere Microsoft Internet Explorer 5.0 eller nyere Internetforbindelse (helst 56K modem eller hurtigere forbindelse) Derudover anbefales det, at bruge en PC med en skærmopløsning på minimum 1024x768 pixel. Der skal ikke installeres nogen software på brugernes PC, da administrationssystemet er placeret på EasyPage-serveren, hvor den er integreret med hjemmesiden. Det er derfor muligt at redigere en EasyPage-hjemmeside fra en hvilken som helst PC, uanset hvor den befinder sig i verden. Den skal bare opfylde de ovenstående krav. 1.3 Log ind - sådan kommer du i gang EasyPage leveres med et administrationssystem, hvor al redigering af indhold samt design og opsætning af hjemmesiden foretages. Du får adgang til administrationen ved at skrive /_admin efter hjemmesidens adresse, f.eks. Derefter kommer der en log ind side, hvor der skal oplyses et brugernavn og kodeord. Efter brugervalidering kommer du ind på administrationens forside, hvor fanebladet START er aktiveret (se figur 1). På siderne under dette punkt er der forskellige informationer vedr. EasyPage, f.eks. support telefonnummer, links til pdf-udgaver af denne manual samt manualer til EasyPagemoduler. Derudover kan der f.eks. komme nyheder om produktet og forslagskasse mv. 2

4 Figur 1: Administrationens forside, hvor fanebladet START er aktiveret. Derudover ses de øvrige moduler i EasyPage. EASYPAGE (grundmodulet), ARKIV og STATISTIK. Under fanebladene ses underpunkterne til START : Velkommen, Manualer og Support. EasyPage-modulerne optræder som faneblade til højre for START. Hvis du har købt tillægsmoduler til EasyPage, såsom Nyheder, Mailingsliste, Forum, Brugerstyring mm., så vil de også være synlige som faneblade. 3

5 2.0 EasyPage grundmodul Grundmodulet i EasyPage indeholder alle de funktioner, der gør det muligt at opbygge og vedligeholde din hjemmeside. Når fanebladet EASYPAGE er aktiveret kan du se følgende undersider: Byg og rediger sider, Skabeloner, Opsætning af menuer, Opsætning af tekster og design samt Website info (se figur 2). Figur 2: Grundmodulet EASYPAGE er aktiveret og under fanebladene ses grundmodulets funktioner, hvor der er klikket på Byg og rediger sider. Til venstre ses hjemmesidens indhold i en træstruktur, hvori det fremgår hvilke sider der er oprettet i systemet. Til højre ses indholdsredigeringsområdet, hvor en sides indhold vil komme frem, når der klikkes på de enkelte menupunkter. 2.1 Byg og rediger sider Når du skal tilføje nye sider eller når du ønsker at redigere indholdet på eksisterende sider, så finder du alle nødvendige funktioner på siden Byg og rediger sider. I Figur 2 ses hjemmesidens menustruktur til venstre, hvori der findes en række sider. Når en side skal opbygges eller redigeres, så klikker du på et menupunkt og sidens indhold kan derefter ses i feltet til højre som i denne manual kaldes indholdsredigeringsområdet (du kan læse mere om indholdsredigering i afsnit 2.1.8). 4

6 2.1.1 Menustruktur I EasyPage er der mulighed for at oprette menuer i 3 niveauer: Hovedmenu, 1. undermenu og 2. undermenu. I eksemplet i figur 3 vises der en menutræstruktur med 6 hovedmenupunkter. Siden Moduler har 7 undersider og Demonstration har en enkelt underside. Siderne Medlemmer og Nyheder, der er markeret med orange farve er deaktiveret og vises derfor ikke i menuen på de offentlige sider. Under menuen er der et link - Se siden. Ved at klikke på dette link får du mulighed for at se den side du er i gang med at redigere. Ved hjælp af denne funktion kan du også se de sider, der evt. er deaktiveret. Over menuen er der 3 knapper:, og. Disse funktioner vil blive gennemgået i de følgende afsnit. Kort fortalt opretter et nyt menupunkt og dermed også en ny side. giver adgang til sidens egenskaber, hvor du f.eks. kan redigere navnet. sletter den markerede side og evt. undersider til denne Højreklik funktion i menuen Alle de ovennævnte funktioner kan også tilgås ved at vælge et menupunkt og derefter højreklikke på musen (se figur 4). Ved hjælp af denne funktion opnås der også adgang til flere funktioner: Kopier side og indsæt kopieret side samt flytning af menupunkt op og ned i træstrukturen. Figur 3: Eksempel på menustruktur Opret ny side Ønsker du at oprette en ny side, så klikker du på knappen over menuen. Hvis du har markeret menuens rod i træstrukturen (i eksemplet til højre er menuens rod), så vil du kunne oprette et nyt hovedmenupunkt. Hvis du derimod står på et hovedmenupunkt, så vil du oprette en underside til den aktuelle hovedmenu og hvis du står på en underside så vil du oprette en underside til den aktuelle underside. Når du har klikket på eller Tilføj ny side i højreklikmenuen, så åbnes et popup-vindue (se figur 5). I dette skal der angives et navn på den nye side og i rullemenuen skal der vælges hvilken type side der skal oprettes. Du har mulighed for at oprette Normal side, Kontaktformular eller Link. Hvis der er installeret tillægsmoduler i din EasyPage, så kan der være Figur 4: Højreklik funktion i menuen. flere valgmuligheder. De øvrige felter er ikke obligatoriske. Felterne Knap grafik og Mouseover knap grafik skal kun udfyldes, hvis du ønsker at benytte billeder i stedet for tekst i din menu. Du vælger et billede ved at klikke på ikonet til højre for felterne, der åbner dit billedarkiv. Mouseover funktionen er kun tilgængelig i en skabelon med topmenu (læs mere om skabeloner i afsnit 2.2 og opsætning af menuer i afsnit 2.3). 5

7 Feltet Bundbillede i sidemenu bruges til at indsætte et billede, der altid vil være placeret under menuen. Du kan derfor indsætte et nyt billede på hver side. Deaktiver link i topmenu kan evt. afkrydses, hvis du har et topmenupunkt med en række underpunkter og at du ikke ønsker at topmenupunktet skal åbne en side. Vis sidemenu er som standard aktiveret. Hvis du har en skabelon med hovedmenuer placeret i toppen og evt. undermenuer i en sidemenu, så kan du fjerne sidemenuen. Dette er brugbart, hvis det kun er nogle af hovedmenuerne som har undermenuer. På de sider, hvor der ikke undermenuer, vil der stadig være afsat plads til menuer. Ved at fjerne markeringen i Vis sidemenu får du mulighed for at bruge hele bredden på din hjemmeside. Hvis tillægsmodulet Brugerstyring er installeret i EasyPage, så vil der nederst i popup-vinduet være mulighed for at bestemme hvilke brugere der skal kunne se siden Ret side Når du vil rette navnet på en side eller andre egenskaber, så skal du markere den ønskede side og klikke på, hvilket åbner et popup-vindue (se figur 6). I dette er f.eks. mulighed for at ændre navnet og benytte de funktioner der er beskrevet i foregående afsnit om oprettelse af en ny side. Der er dog et enkelt nyt felt, nemlig Menubredde i topmenu, der bruges til at justere bredden på menufeltet i topmenuen, hvis en sådan er valgt (læs mere om opsætning af menuer i afsnit 2.3). Figur 5: Pop up vindue ved oprettelse af ny side. Den nye side har fået navnet Ny side og det er valgt at det skal være en Normal side Slet side Når du ønsker at slette en side, så skal du markere den ønskede side i menuen og derefter klikke på knappen over menuerne eller højreklikke på musen og vælge Slet side. Handlingen vil slette den valgte side og alle undersider til denne Kopier side Du kan kopiere en side ved at benytte højreklikfunktionen, der er beskrevet i afsnit Start med at vælge den side du gerne vil kopiere ved at klikke på det ønskede menupunkt. Derefter skal du højreklikke og klikke på Kopier side. Efter at skærmbilledet er opdateret kan du vælge hvor i menutræet siden skal indsættes. Hvis du klikker på menutræets rod, der enten er START eller dit domænenavn, så kan du indsætte den Figur 6: Popup-vindue ved rettelse af sidens kopierede side som et nyt hovedmenupunkt. Hvis du egenskaber. derimod har markeret et undermenupunkt, så vil du placere den kopierede side som en underside til dette (læs i øvrigt afsnit 2.1.3). Indsættelsen foregår ved at 6

8 du først klikker på det menupunkt (eller roden) som den kopierede side skal indsættes under. Derefter højreklikker du på musen og vælger punktet Indsæt kopieret side. Efter at skærmbilledet er opdateret vil det nye menupunkt nu optræde i menuen Flyt side op og ned Når du opretter en ny side eller indsætter en kopi vil den altid placere sig nederst i det niveau i menutræet, hvor du befinder dig. Du kan dog let flytte din side op i strukturen ved at vælge den side du gerne vil flytte og derefter højreklikke. I menuen klikker du på Flyt side op og efter opdatering af skærmbilledet vil det valgte menupunkt nu være rykket en plads op. Du kan dog ikke rykke en side ud over det niveau den befinder sig på. Dvs. at du f.eks. ikke kan rykke en side, der er et undermenupunkt, op som et hovedmenupunkt. Ønsker du det så kan du dog benytte Kopier side - funktionen, der blev forklaret i afsnit Ovenstående gør sig også gældende, hvis du vil rykke en side ned ad i træet du skal blot klikke på Flyt side ned Indholdsredigering Når du skal redigere en Normal side eller Kontaktformular, så skal du først klikke på den side du ønsker at redigere. I figur 7 er der blevet oprettet en ny normal side med navnet Ny side. I den højre del af administrationen, der er indholdsredigeringsområdet, er der næsten tomt. Der er kun en Indsæt -knap, hvilket betyder at siden er tom. Figur 7: Indholdsredigering 7

9 Sideelementer Du kan indsætte indhold på den valgte side ved at klikke på Indsæt. Derefter kommer der et lille popup-vindue med en rullemenu med en række sideelementer (figur 8). HTML-editor Wordlignende teksteditor, hvori der også kan indsættes billeder, tabeller, flash, video m.m. Der er mulighed for at arbejde i den bagvedliggende HTML-kode. Editoren kan indsættes på 2 måder, enten som en popup, hvor editoren åbnes i et nyt vindue, eller som et element i indholdsredigeringsområdet. Læs mere om HTML-editoren i afsnit Mellemrum Afstandselement, der indsætter en tom linje. Overskrift 1 Overskrift type 1. Typografi styres af style-sheetet i EasyPage (læs mere om design i afsnit 2.4) Figur 8: Popup-vindue med elementer. Overskrift 2 Overskrift type 2. Typografi styres af style-sheetet i EasyPage (læs mere om design i afsnit 2.4) Overskrift 3 Overskrift type 3. Typografi styres af style-sheetet i EasyPage (læs mere om design i afsnit 2.4) Brødtekst 1 Brødtekst type 1. Typografi styres af style-sheetet i EasyPage (læs mere om design i afsnit 2.4) Brødtekst 2 Brødtekst type 2. Typografi styres af style-sheetet i EasyPage (læs mere om design i afsnit 2.4) Billede Indætter et billede. Mulighed for at lave link på billedet (læs mere om brugen af billedelementer i øvelse A i afsnit ). Tabel Indsætter en tabel. Denne tabel bruges primært i forbindelse med den grundlæggende opbygning af en side. Alle elementer der er beskrevet her kan indsættes i tabellen. Således kan en side f.eks. bestå af en tabel med 2 kolonner, hvor den venstre kolonne kan indeholde overskrift og en HTML-editor, mens den venstre kolonne kan indeholde billedelementer eller lign. Læs mere om brugen af tabellen i afsnit eller i øvelse A i afsnit Punktopstilling Kan omdanne en til enten en opstilling med punkter eller med tal. Denne funktion findes også i HTML-editoren.. Typografi styres af style-sheetet i EasyPage (læs mere om design i afsnit 2.4) Skillelinje Indsætter en vandret linje. Udseendet styres af style-sheetet i EasyPage (læs mere om design i afsnit 2.4) Print Indsætter et lille print-ikon på en side. Når der klikkes på ikonet åbner den aktuelle side i en printervenlig udgave, mens din PC s printerstyring startes. 8

10 Hvis du opretter en kontaktformularside, så vil der være lidt flere valgmuligheder i rullemenuen med elementer. Nederst i rullemenuen findes de elementer, der kan indsættes i en kontaktformular (se figur 9). Tekstfelt Indsætter et indtastningsfelt med en linje, der bl.a. kan bruges som navnefelt, adressefelt mv. som brugeren kan udfylde med sine oplysninger. Der kan sættes validering på dette felt, så brugeren skal udfylde feltet for at kunne sende. Notatfelt I modsætning til tekstfelter, så kan der i notatfelter skrives flere linjer tekst. Et notatfelt bruges derfor når brugeren skal skrive bemærkninger eller lignende. Figur 9: Fomularelementer felt Et felt bruges som navnet antyder til en -adresse. Brug dette felt når du vil have, at brugeren skal oplyse sin . Der kan sættes validering på dette felt, så der er en vis sikkerhed for, at det er en korrekt -adresse der er indtastet. Checkbokse Checkbokse er afkrydsningsfelter som bruges når brugeren skal have mulighed for at vælge mellem flere ting. Det kan f.eks. være bestilling af brochurer, hvor brugeren selv kan markere hvilke han/hun er interesseret at få tilsendt. Send knap Det sidste formular-element er Send -knappen, der bl.a. indeholder hvilken -adresse kontaktformularen skal sendes til. Du kan læse mere om kontaktformularer og dets elementer i øvelse B i afsnit

11 Figur 10: Indsættelse af elementet HTML-editor i fuld størrelse, hvori der er skrevet en overskrift. I figur 10 er der blevet indsat et element, en HTML-editor, hvori der er skrevet overskrift. Der kan sættes flere elementer over eller under HTML-editoren. De indsatte elementer kan altid rykkes op eller ned i forhold til hinanden ved at benytte pilene til højre på hvert element. Hvis du ønsker at slette et element skal du klikke på. En side kan derfor opbygges på mange forskellige måder. Den hurtige måde er som vist ovenfor, hvor der blot er indsat en HTML-editor, hvori al teksten kan skrives, men i nogle tilfælde kan det være en fordel at lave en opbygning af siden ved hjælp af tabeller og flere HTML-editorer samt billedelementer. Dette vil blive forklaret i afsnit samt i øvelse A i afsnit HTML-editor Den indbyggede HTML-editor i EasyPage er en fast del, når der skal laves nye sider i EasyPage, enten normalsider eller kontaktformularer. Derudover benyttes editoren også i bl.a. nyhedsmodulet og kalendermodulet. HTML-editoren kan på mange måder opfattes som et lille tekstbehandlingsprogram á la WordPad i Windows. Den indholder en række muligheder for tekstredigering samt indsættelse af tabeller, billeder, links, flash-animationer og videoer. Som navnet antyder, så kan der i editoren også arbejdes direkte i den bagvedliggende HTML-kode, men det vil ikke blive omtalt yderligere i denne manual. Vi vil kun beskrive den normale brug af editoren som et tekstbehandlingsværktøj. I figur 11 ses HTML-editoren som den ser ud når den åbnes i et popup-vindue, der dog ikke adskiller sig væsentligt fra HTML-editoren indsat som et element. Det er kun gem-knappen, der er placeret forskelligt. 10

12 Figur 11: HTML-editor i et popup-vindue. Øverst i editoren findes alle knapperne, der giver adgang forskellige funktioner når teksten skal formateres eller der skal indsættes billeder, links mv.. Nederst til højre i editoren findes Annuller og Gem -knapperne. Når du har skrevet en tekst, så afslutter du ved at klikke på. Indholdet gemmes og HTML-editoren lukkes. Nederst til venstre kan du afkrydse checkboksen HTML, hvis du gerne vil arbejde i HTML-koden (anbefales kun til superbrugere). Hvis du afkrydser checkboksen BR vil du kun lave et linjeskift hver gang du trykker på Enter i stedet for et afsnit med en tom linje (yderlige forklaring om linjeskift kommer længere nede i dette afsnit). Alle knapper og deres virkemåder er vist og beskrevet nedenfor. I den forbindelse er der dog nogle gode råd, der kan være nyttige at kende, når du skal skrive en tekst og formatere den. Gode råd når du skal bruge HTML-editoren Grundlæggende er det ret simpelt at skrive en tekst i editoren. Du bør holde dig til de prædefinerede formater og overskrifter (Overskrift 1, 2, og 3 og Brødtekst 1 og 2), da du på den måde hurtigt kan ændre dit design (skrifttype og farve) ved at gøre det et sted i administrationen (læs mere om opsætning af tekster i afsnit 2.4). Hvis du ikke indsætter teksten i en tabel, behøver du ikke at formatere teksten, da den automatisk vil blive vist som Brødtekst 1. Hvis du derimod har valgt at skrive teksten i en tabel, så skal du formatere teksten for at den bliver vist korrekt. 11

13 Når du skal formatere en tekst i editoren med funktionen, så skal du først markere den tekst, der skal ændres. Her skal du være opmærksom på, at markeringen skal foretages for hvert afsnit i teksten, før at du kan ændre din formatering. Så marker derfor et afsnit af gangen og klik på, hvor du vælger det ønskede format (brødtekst 1 eller brødtekst 2). Du skal yderlige være opmærksom på, at den markerede tekst ikke må indeholde links, da formatering i så fald heller ikke vil slå igennem. Marker derfor teksten foran linket først og vælg et format, hvorefter du skal markere teksten efter linket og vælge et format. Hvis din tekst er skrevet i en tabel, så skal du formatere den hver for sig, hvis den er skrevet i flere celler/kolonner. Det er med andre ord ikke muligt at markere hele teksten i en tabel, hvis teksten spreder sig over flere celler/kolonner. Hvis formateringen af teksten på en side volder problemer, så vil det ofte kunne betale sig rense koden for diverse formateringskoder. Det gør du ved at markere al tekst eller dele af den og først klikke på og vælge Normal, hvorefter du klikker på. Teksten er derefter klar til at blive formateret igen. Du bør så vidt muligt undgå understreget tekst, fordi brugerne kan opfatte teksten som et link. Der er nogle specielle forhold i forbindelse linjeskift på websider. Når du trykker på Enter (Retur-knappen), så vil der automatisk komme et nyt afsnit med en tom linje. Hvis du derimod holder Shift -knappen nede mens du trykker på Enter, så vil du kun starte på en ny linje. Dette forhold gør sig også gældende når du laver lister med punkter eller tal. Hvis du ikke ønsker at starte på et nyt punkt, men blot ønsker at skifte til næste linje, så skal du også holde Shift nede mens du trykker på Enter. HTML-editorens knapper og funktioner Valg af tekstformat. Marker en tekst, klik på knappen og vælg et format. Der kan vælges mellem Brødtekst 1 og Brødtekst 2. Udseendet af de to brødtekstformater styres et andet sted i EasyPage (læs mere om opsætning af tekster i afsnit 2.4). Valg af overskrift. Marker en tekst, klik på knappen og vælg mellem Overskrift 1, Overskrift 2 eller Overskrift 3. Du har også mulighed for at fjerne en overskrift igen ved at vælge Normal. Udseendet af de tre overskrifttyper styres et andet sted i EasyPage (læs mere om opsætning af tekster i afsnit 2.4). Valg af skrifttype. Her kan du vælge mellem mange skrifttyper, men du kan dog ikke være sikker på at brugeren kan se alle skrifttyper, da det kræver, at de skal være installeret på brugerens computer. Der er også mange skrifttyper som ikke egner sig til web. Valg af skriftstørrelse. Du kan vælge mellem 7 forskellige skriftstørrelser, men du kan dog ikke ændre størrelsen på en tekst, der er formateret via Format -knappen Klip funktion. Fjerner markeret tekst, billeder og andre elementer indsat i editoren. Kopierer markeret tekst eller element (f.eks. billede og flash-animation) til udklipsholderen. Indsætter kopieret tekst eller element (f.eks. billede og flash-animation) fra udklipsholderen. 12

14 Fortryder seneste handling. Gentager seneste handling. Gør teksten fed. Gør teksten kursiv. Gør teksten understreget. Gør teksten gennemstreget. Løfter skriften. Sænker skriften. Specielle tegn og symboler. Venstrestiller teksten. Centrerer teksten. Højrestiller teksten. Lige margener. Opstilling af liste med tal. Opstilling af liste med punkter. Forøg indrykning. Formindsk indrykning. Indsæt et billede fra arkivet. Når du klikker på denne knap åbner dit billedarkiv. Her kan du vælge det billede du gerne vil indsætte på din side ved at klikke på Indsæt -linket under billedet. Derefter lukker dit arkiv og det valgte billede indsættes i HTML-editoren. Hvis du gerne vil indsætte et nyt billede som ikke allerede findes i dit arkiv, så skal du først overføre det nye billede til EasyPageserveren (uploade). Yderlige beskrivelse af funktionerne i arkivet kan ses i kap. 3. Skriftfarve. Farver teksten i den ønskede farve, men vær opmærksom på, at du ikke kan ændre farven på en tekst, der er formateret via Format -knappen. Fremhæver teksten (baggrundsfarve). Indsæt link. Marker en tekst og klik på link-knappen, så kan du oprette et internt eller eksternt link. Hvis du senere vil fjerne linket, så skal du sørge for at musen er placeret i linket. Klik på link-knappen igen og slet adressen og afslut ved klikke på Opdater. Indsæt en tabel eller rediger eksisterende tabel (læs mere om indsættelse og redigering af tabeller i øvelse C i afsnit ). 13

15 Fjern formatering. Hvis du har formateret teksten og ønsker at rense den, så kan du markere den ønskede tekst og klikke på knappen. Vær opmærksom at du ikke kan fjerne overskrifter på denne måde. Overskrift skal fjernes ved at vælge Normal i rullemenuen, når du har klikket på Overskrift. Indsæt link eller objekt fra arkivet (f.eks. link til PDF-dokumenter eller lignende). Når du klikker på denne knap åbner dit arkiv med filer og links. Her kan du vælge det du gerne vil indsætte og findes det ikke allerede i arkivet kan du oprette linket eller overføre filen til EasyPage-serveren (uploade). Yderlige beskrivelse af funktionerne i arkivet kan ses i kap. 3. Indsæt en skillelinje. Indsæt kopieret tekst fra Microsoft Word. Hvis du gerne vil indsætte en tekst du har kopieret fra Microsoft Word, så kan det anbefales at bruge denne funktion. Word er dårlig til at lave ren HTMLkode og det kan ofte resultere i, at den tekst der er kopieret fra Word vil blive vist med en forkert skrifttype og/eller farve. Størstedelen af de mange skjulte koder vil blive fjernet, hvis du indsætter teksten vha. af denne funktion Tabel element I EasyPage kan du selv i store træk bestemme hvordan de enkelte sider skal opbygges. Når du har oprettet en ny side, så er den til at starte med helt tom. Hvis du kun skal have tekst på dine sider, så kan det anbefales at indsætte en HTML-editor som det er vist i figur 10. Hvis du derimod både skal have tekst og billeder, samt en nyhedsboks med de seneste nyheder (kun muligt hvis nyhedsmodul er installeret i EasyPage), så skal du opbygge din side ved hjælp af en eller flere tabeller. Ved hjælp af tabel-elementet kan du let opbygge din struktur på siden. Du kan f.eks. vælge, at der skal være tekst til venstre og en nyhedsboks samt billeder til højre. I figur 12 er der oprettet en side med en tabel med 2 kolonner. I den venstre kolonne er der indsat 2 elementer en Overskrift 1 og en HTML-editor. I den højre kolonne er der indsat en nyhedsboks, et mellemrum og til sidst et billedelement. 14

16 Figur 12: En tabel med 2 kolonner. I hver kolonne er der indsat en række sideelementer. Indsættelse af kolonner foregår ved at klikke på til højre i tabellens top. Du kan i princippet indsætte ligeså mange kolonner som du har lyst til, men for ikke at miste overblikket i indholdsredigeringsområdet, så anbefaler vi, at du højst indsætter 3-4 kolonner. En ny kolonne vil altid placere sig yderst til højre, men du kan rykke kolonnen til den ønskede position ved at klikke på pilene og i toppen af den enkelte kolonne. Al indhold i kolonnen bibeholdes selvfølgelig selv om du rykker den. Hvis du har flere tabeller kan du, ligesom det er tilfældet ved alle øvrige elementer på en side, rykke en tabel op og ned i mellem de øvrige. Her skal du blot klikke på pilene og yderst til højre i tabellen. Alle kolonner og indhold i tabellen bibeholdes. Udseendet af både tabel og kolonner kan justeres. Øverst i tabelelementet finder du en række funktioner: Centrering, farve, ramme og margin. I figur 12 er det valgt at der skal være en margin i tabellen, så der bliver lidt afstand fra teksten og ud til kanten af tabellen. Margin justeres et sted i EasyPage under menuen Opsætning af tekster og design (læs mere om dette i afsnit 2.4). I kolonner kan der også foretages justeringer, dog kun bredde og baggrundsfarve. I figur 12 ses det, at der er valgt en baggrundsfarve med farvekoden #E9E9E9 og bredden er sat til 400 pixel. Farven kan vælges ved at klikke på, der åbner et lille vindue med de 252 farver. Du kan også selv skrive en farvekode i feltet, hvis du vil benytte en farve, der ikke findes i farvevælgeren. 15

17 I hver kolonne er der indsat en række sideelementer: Overskrift, editor, nyheder, mellemrum og billede. På den offentlige side bliver resultatet som vist i figur 13. Figur 13: Udsnit af den færdige side, der er opbygget vha. tabel-elementet i EasyPage Øvelser Vi har lavet en række øvelser, hvor vi mere grundigt gennemgår de forskellige funktioner i EasyPage. Øvelse A: Opret en ny side med tabel I denne øvelse skal du lave en lille side med noget tekst til venstre og nogle billeder til højre. Du starter med at oprette en ny side, der skal være et hovedmenupunkt. Du klikker derfor først på roden i menuen til venstre, der enten er START eller dit domænenavn. Når roden er markeret, så klikker du på knappen. I popup-vinduet kan du f.eks. give siden navnet Ny side og derefter vælge typen skal være en Normal side. De øvrige felter i vinduet skal ikke bruges i denne øvelse, så du afslutter ved at klikke på. Du har nu oprettet en ny side, der er blevet placeret nederst i menuen. Du kan evt. flytte den opad i menustrukturen, hvis du ønsker det. Det gør du ved at klikke på det nye menupunkt og derefter højreklikke på musen, hvor du i den lille menu vælger Flyt side op. Gentag denne procedure, hvis du vil flytte menupunktet yderligere. Den nye side bliver ikke vist i den offentlige menu, hvilket vises ved at menupunktet er farvet orange. Når du er færdig med at opbygge din side kan den aktiveres ved at klikke på der er placeret under menutræet eller ved at bruge højreklikfunktionen. Sørg for at den ønskede side er valgt inden du forsøger at aktivere den. Menupunktet vil ikke længere være orange og ikonet under menutræet vil skifte til, hvilket betyder at siden nu bliver vist i den offentlige menu. Mens du er i gang med at lave din side, så kan du se hvordan den ser ud ved at klikke på. I indholdsredigeringsområdet til højre er der kun en Indsæt -knap. Du skal nu indsætte det første element, der er en tabel. Klik på og vælg Tabel i rullemenuen. Du har nu indsat en tom tabel uden kolonner/celler, så det næste du skal gøre er at indsætte to kolonner. Klik på og den første kolonne indsættes i tabellen. Når skærmbilledet er opdateret klikker du igen på og den anden kolonne bliver dermed indsat i tabellen (se figur 14). 16

18 Figur 14: En tabel med 2 kolonner Du skal nu have indsat nogle elementer i de to kolonner og det foregår på samme måde som da du indsatte elementet Tabel. Du klikker derfor på Indsæt i den venstre kolonne og vælger HTMLeditor (pop up). I den højre kolonne skal du have indsat to billeder med en tom linje imellem dem for at give lidt luft. Du klikker først på i den højre kolonne og vælger Billede. Når dette element er indsat klikker du på under billedelementet og vælger Mellemrum. Til slut klikker du på under mellemrumselementet og vælger igen Billede i rullemenuen. Du har nu oprettet grundstrukturen på din nye side og den skulle gerne se ud som eksemplet i figur 15. Du kan nå begynde at lægge tekst og billeder på siden. Du starter med at klikke på i elementet HTML-editor (læs mere om HTML-editor i afsnit 2.1.9). Editoren åbnes dermed i et nyt vindue, hvor du kan skrive din tekst eller indsætte en kopieret tekst skrevet i et tekstbehandlingsprogram. Skriv f.eks. Velkommen til min nye hjemmeside og marker denne tekst og vælg Overskrift 1 ved at klikke på. Placer musen efter overskriften og klik på Retur. Under overskriften skriver du en anden tekst som du bagefter markerer. Klik på og vælg Brødtekst 1. 17

19 Figur 15: En tabel med 2 kolonner. Du er nu færdig med at skrive og afslutter ved at klikke på nederst til venstre i vinduet. Indholdet gemmes, vinduet lukkes og indholdsredigeringsområdet opdateres. I editorelementet kan du nu se indholdet er gemt som rå data (HTML-kode) og behøver ikke at foretage dig yderligere. Hvis du ønsker at redigere i den tekst du lige har skrevet, så klikker igen på, laver dine rettelser og klikker på I den højre kolonne skal du have valgt hvilke billeder, der skal vises på din side, så du klikker på og dit billedarkiv åbnes. Vi går ud fra at du allerede har billeder i dit arkiv ellers kan du kan læse mere om hvordan du overfører billeder til dit arkiv i kap. 3. I arkivet vælger du et billede ved at klikke på. Arkivet lukkes og indholdsredigeringsområdet opdateres, så du kan se at billedelementet nu har fået indsat en lille udgave af dit billede (figur 16). Du gentager proceduren for det næste billedelement og vælger et billede mere. Figur 16: Billedelement med valgt billede. Når du har valgt billederne har du mulighed for at bestemme om de skal linke til noget. Du har to muligheder: Du kan enten linke til en intern/ekstern side eller du kan linke til et andet billede, der åbnes i et popup-vindue. Vælger du den første mulighed skal du klikke på, der vil åbne dit arkiv med filer og links. Vælger du den anden mulighed skal du klikke på, der vil åbne dit billedarkiv. Den sidstnævnte mulighed er specielt anvendelig, hvis du på en side har en præsentation af en række produkter. Hvert produkt kunne eksempelvis blive præsenteret med en tekst og i et lille billede. Det lille billede kan med fordel linke til et stor udgave af billedet, så 18

20 brugeren får et bedre indtryk af produktets udseende. Det store billede vil åbnes i et popup-vindue, så brugeren ikke ledes væk fra produktsiden. Du har også mulighed for at bruge denne funktion når du indsætter billeder i HTML-editoren. Du har nu lagt indhold på din nye side og mangler blot at justere indholdet, så det står pænt. Derfor skal du give din tabel en bredde på 100%, så alt indhold på siden kan sprede sig over hele det tilgængelige område med de to billeder placeret helt ude til højre. Skriv 100% i feltet Bredde øverst i tabellen. Du skal gemme ændringen ved at klikke på disketten til højre i tabellens top. Når skærmbilledet er opdateret, så skifter disketten farve igen til. Du skal også sætte bredden på den højre kolonne, så den er lidt bredere end det største billede. I dette eksempel sætter vi bredden til 200 pixel, da billedet er 150 pixel bred. Husk at gemme ved at klikke på. Nu mangler du kun at højrestille de to billeder ved at klikke på i begge billedelementer. Figur 17: Den færdige side set i administrationens indholdsredigeringsområde. Du har nu lavet din nye side og i administrationens indholdsredigeringsområde skulle siden gerne se ud som i figur 17. EasyPage-logoet linker til hvilket er illustreret i teksten under billedet. Linket på billedet kan let fjernes ved at klikke på slet. Det færdige resultat på den offentlige side er vist i figur

21 Figur 18: Det færdige resultat som de besøgende på hjemmesiden kan se det. Øvelse B: Opret en kontaktformular I denne øvelse skal du lave en side med en kontaktformular, så besøgende på din hjemmeside kan sende en til dig. Den skal indeholde en overskrift og felter til henholdsvis navn, telefon og e- mail. Derudover skal siden indeholde to checkbokse som brugeren kan afkrydse hvis han/hun ønsker at blive ringet op og/eller ønsker at få tilsendt materiale. Til sidst skal der være et notatfelt, hvor brugeren kan skrive en besked til dig. Du starter med at oprette en ny side, der skal være et hovedmenupunkt. Du klikker derfor først på roden i menuen til venstre, der enten er START eller dit domænenavn. Når roden er markeret, så klikker du på knappen. I popup-vinduet kan du f.eks. give siden navnet Kontakt og derefter vælge, at typen skal være en Kontaktformular. De øvrige felter i vinduet skal ikke bruges i denne øvelse, så du afslutter ved at klikke på. Du har nu oprettet en ny side, der er blevet placeret nederst i menuen. Du kan evt. flytte den opad i menustrukturen, hvis du ønsker det. Det gør du ved at klikke på det nye menupunkt og derefter højreklikke på musen, hvor du i den lille menu vælger Flyt side op. Gentag denne procedure, hvis du vil flytte menupunktet yderligere. Den nye side bliver ikke vist i den offentlige menu, hvilket vises ved at menupunktet er farvet orange. Når du er færdig med at opbygge din side kan den aktiveres ved at klikke på der er placeret under menutræet. Sørg for at den ønskede side er valgt inden du forsøger at aktivere den. Menupunktet vil ikke længere være orange og ikonet under menutræet vil skifte til, hvilket betyder at siden nu bliver vist i den offentlige menu. Mens du er i gang med at lave din side, så kan du se hvordan den ser ud ved at klikke på. I indholdsredigeringsområdet til højre er der kun en Indsæt -knap. Du skal nu indsætte det første element, der skal være en Overskrift 1. Klik derfor på og vælg Overskrift 1 i rullemenuen med elementer. Klik på Vælg og indholdsredigeringsområdet opdateres og der kommer et Overskrift 1 -element øverst på siden. I denne skal du skrive en overskrift, der f.eks. kunne være Kontakt mig. Når du har skrevet teksten kan du se at gem-knappen er blevet orange, hvilket betyder at du skal klikke på den for at gemme din overskrifttekst. Klik på, der efter et kort øjeblik ændres til. Din tekst er gemt og du kan indsætte det næste element på din kontaktside. Det næste element skal være Figur 19: Formular-elementet Tekstfelt et formularelement til indtastning af et navn. Klik på igen og vælg formularelementet med navnet Form-Tekstfelt. Når indholdsredigerings-området er opdateret skal 20

22 du i det indsatte element indtaste et navn på elementet. Da det skal være et felt, hvor brugeren skal indtaste sit navn, så kan du f.eks. skrive Skriv dit navn: I dette element (se figur 19) har du også mulighed for at bestemme om feltet skal valideres. Hvis du gerne vil være sikker på, at brugeren indtaster noget i feltet, så skal du klikke på Ja ud for Obligatorisk felt og derefter klikke på. Indsæt nu næste element, der skal være et mellemrum. Klik på og vælg mellemrum. Når indholdsredigeringsområdet er opdateret indsætter du det næste formularelement, der også skal være et Form-Tekstfelt. Gentag derfor proceduren beskrevet ovenfor for at indsætte elementet. Giv det et navn, f.eks. Skriv dit telefonnummer:, angiv at det skal være et obligatorisk felt og gem ved at klikke på. Indsæt derefter et nyt mellemrum inden du indsætter det næste formularelement, der skal være et -felt. Et -felt adskiller sig fra et tekstfelt ved at valideringen er anderledes. Hvis du vælger at det skal være et obligatorisk felt, så tjekkes der for om der er indtastet en -adresse, dvs. at der i feltet er indtastet og et punktum, samt at adressen er på minimum 6 tegn. Klik på Indsæt og vælg Form felt og skriv derefter en tekst i elementet, f.eks. Skriv din -adresse: Klik på Ja udfor obligatorisk felt og gem ved at klikke på. Ved hjælp af næste formularelement skal brugeren have mulighed for at vælge nogle ting, så derfor har vi brug for nogle checkbokse, som brugeren kan afkrydse afhængig af sine ønsker. Når du har indsat et mellemrum, så klikker du igen på under mellemrumselementet. Vælg Checkbokse i rullemenuen. Når elementet, der vises i figur 20, er indsat, så kan du f.eks. skrive Vælg hvad du ønsker: som elementets navn. Husk at gemme ved at klikke på. Du skal nu indsætte nogle valgmuligheder til brugeren som blev nævnt indledningsvis i denne øvelse. Et ny valgmulighed indsættes ved at klikke, og når indholdsredigeringsområdet er opdateret kommer der et punkt frem med et lille tekstfelt. I tekstfeltet skriver du det som er den valgmulighed som brugeren skal præsenteres for. Skriv derfor Ring mig op og klik på udfor punktet. Indsæt næste valgmulighed på samme måde som før og skriv Send brochure. Husk at gemme ved at klikke på. Du har mulighed for at flytte punkterne op og ned ved at klikke på pilene til højre for hvert punkt. Indsæt et mellemrum for at skabe lidt luft inden du indsætter næste formularelement, der er et notatfelt, hvori brugeren kan skrive en besked til dig. Klik på og vælg Form Notatfelt. Når indholdsredigeringsområdet er opdateret giver du elementet et navn, der f.eks. kunne være Evt. bemærkninger, og klikker på. Figur 20: Formularelementet Checkbokse, hvor der indsat en valgmulighed Ring mig op. Figur 21: Formularelementet Send knap, hvor der bl.a. skal angives hvilken -adresse, der skal sendes til. Indsæt et mellemrum inden du indsætter det sidste element, der er en send-knap (se figur 21), så det bliver muligt at sende indholdet i kontaktformularen til en -adresse som du bestemmer. Vælg derfor Send knap i rullemenuen 21

23 med elementer. I dette element skal du både skrive den tekst der skal stå på knappen (f.eks. Send) og den -adresse som du ønsker at bruge. Husk at gemme ved at klikke på. Siden er nu færdig og det færdige resultat for brugeren skulle gerne se ud som det er vist i figur 22. Figur 22: Den færdige kontaktformular på den offentlige side. Øvelse C: HTML-editorens tabel-funktioner I denne øvelse skal vi arbejde med tabelredskabet i HTML-editoren. Vi skal lave en adresseliste bestående af en tabel med 4 kolonner. Første kolonne skal indeholde navne, i anden kolonne skal der være adresser, i den tredje kolonne skal postnumre vises og i den i sidste skal der være bynavne. Du starter med at oprette en ny side, der skal være et hovedmenupunkt. Du klikker derfor først på roden i menuen til venstre, der enten er START eller dit domænenavn. Når roden er markeret, så klikker du på knappen. I popup-vinduet kan du f.eks. give siden navnet Adresser og derefter vælge typen skal være en Normal side. De øvrige felter i vinduet skal ikke bruges i denne øvelse, så du afslutter ved at klikke på. Du har nu oprettet en ny side, der er blevet placeret nederst i menuen. Du kan evt. flytte den opad i menustrukturen, hvis du ønsker det. Det gør du ved at klikke på det nye menupunkt og derefter 22

24 højreklikke på musen, hvor du i den lille menu vælger Flyt side op. Gentag denne procedure, hvis du vil flytte menupunktet yderligere. Den nye side bliver ikke vist i den offentlige menu, hvilket vises ved at menupunktet er farvet orange. Når du er færdig med at opbygge din side kan den aktiveres ved at klikke på der er placeret under menutræet. Sørg for at den ønskede side er valgt inden du forsøger at aktivere den. Menupunktet vil ikke længere være orange og ikonet under menutræet vil skifte til, hvilket betyder at siden nu bliver vist i den offentlige menu. Mens du er i gang med at lave din side, så kan du se hvordan den ser ud ved at klikke på. I indholdsredigeringsområdet til højre er der kun en Indsæt -knap. Du skal nu indsætte en HTMLeditor og klikker derfor på og vælger HTML-editor (fuld størrelse) i rullemenuen. Når indholdsredigeringsområdet er opdateret vil der være en HTML-editor som vist i figur 10. Du starter med at lave en overskrift, der f.eks. kunne være en Adresseliste. Marker teksten og klik på, hvor du vælger Overskrift 1. Du har nu formateret teksten til en overskrift. Placer musen efter den nye overskrift og tryk på Enter på dit tastatur for at lave et nyt afsnit. Du skal nu skal nu indsætte en tabel ved at klikke på i editorens top. Derved åbnes editorens tabelredigeringsvindue som vist i figur 23. Figur 23: HTML-editorens tabelværktøj. I tabelværktøjsvinduet er fanebladet Opret tabel valgt og du kan nu angive hvor mange rækker og kolonner der skal være i tabellen. Du kan senere tilføje flere rækker og/eller kolonner eller slette dem igen hvis du har lavet for mange. Du skal nu skrive 5 rækker i feltet Rækker og 4 i feltet Kolonner. Til at starte er der sat en rammetykkelse på 1 og det er en god ide at bibeholde denne sålænge du arbejder med tabellen. Hvis du ikke vil have ramme i din tabel, så bør du vente med at sætte den til 0, til du er helt færdig med at skrive i din tabel. Sålænge du har en ramme er det nemmere at se i hvilke kolonner du arbejder. Du skal i denne øvelse have en grå ramme i din tabel, så du skal klikke på ved siden af Rammefarve og vælge en lysegrå farve. Når farven er valgt kan du se dens farvekode i det lille (f.eks. #CCCCCC). For at skabe lidt afstand fra teksten og til rammen, så skal du slette 0 i feltet Celle padding og i stedet skrive 2. Du behøver ikke at give tabellen en bredde, da du senere skal give hver kolonne en bredde, så du afslutter ved at klikke på. 23

25 Der er nu indsat en tom tabel i din editor. Du skal nu lave en overskrift i hver kolonne, så du starter med at placere musen i toppen af den første kolonne. Her skriver Navn. I toppen af den anden kolonne skriver du Adresse, i den tredje kolonne skriver du Postnr og i den sidste skriver du By. Formater den første overskrift ved at markere den og derefter klikke på hvor du vælger Brødtekst 1. Mens overskriften stadig er markeret klikker du også på for at gøre teksten fed. Gentag proceduren for de sidste overskrifter i tabellen. Figur 24: Tabelredigeringsvinduet hvor du kan rette en celle Nu skal du ændre baggrundsfarven i den første række, hvor du lige har skrevet noget. Du placerer musen i den første celle og klikker igen på tabel-ikonet. Du får derved tabelredigeringsvinduet frem igen (som vist i figur 24). Nu er det dog et andet faneblad der er valgt, nemlig Ret celle, hvor du nu skal klikke på udfor Baggrundsfarve. Vælg evt. samme farve som den du valgte til din ramme. Giv cellen en bredde ved at skrive 200 i feltet Cellebredde. Klik på. Den første celle i den anden kolonne skal også redigeres, så gentag ovenstående procedure. I den tredje kolonne skal bredden sættes til 50 og du skal igen vælge baggrundsfarve. I den sidste sætter du bredden til 200 og vælger atter den ønskede baggrundsfarve. Du kan nu se, at tabellen har fået et andet udseende. Udfyld nu de fem rækker med nogle navne, adresser og postnumre som vist herunder. Hver tekst skal du formatere, enten ved at gøre som beskrevet ovenfor eller ved at vælge en skrifttype og en størrelse. I denne øvelse skal du formatere teksten ved at markere teksten i hver celle og klikke på, hvor du vælger Brødtekst 1. Du har nu lavet en tabel der ser nogenlunde ud som i figur 25. Figur 25: Den færdige tabel. 24

26 Hvis du ønsker at tilføje en række, så placer f.eks. musen i den nederste række klik på tabel-ikonet. Du kan nu vælge om du vil indsætte en række over eller under den række du har placeret din mus i. Du ønsker at tilføje en ekstra række nederst i tabellen, så du klikker på ud for Indsæt række. Der er nu kommet en tom række nederst i tabellen. Hvis du ønsker at tilføje en ekstra kolonne, så placer f.eks. musen et sted i kolonnen yderst til højre. Klik på ud for Indsæt række og du får derved indsat en ny kolonne til højre i tabellen. Du kan også slette rækker og kolonner ved at klikke på de respektive knapper i tabelredigeringsvinduet under fanebladet Ret celle. Øvelse D: Indsættelse af links I denne øvelse, hvor du skal lave en simpel side med links. I EasyPage kan du lave links på flere forskellige måder, du skal dels prøve at gøre det i HTML-editoren og via et brødtekst-element. Du starter med at oprette en ny side, der skal være et hovedmenupunkt. Du klikker derfor først på roden i menuen til venstre, der enten er START eller dit domænenavn. Når roden er markeret, så klikker du på knappen. I popup-vinduet kan du f.eks. give siden navnet Mine links og derefter vælge typen skal være en Normal side. De øvrige felter i vinduet skal ikke bruges i denne øvelse, så du afslutter ved at klikke på. Du har nu oprettet en ny side, der er blevet placeret nederst i menuen. Du kan evt. flytte den opad i menustrukturen, hvis du ønsker det. Det gør du ved at klikke på det nye menupunkt og derefter højreklikke på musen, hvor du i den lille menu vælger Flyt side op. Gentag denne procedure, hvis du vil flytte menupunktet yderligere. Den nye side bliver ikke vist i den offentlige menu, hvilket vises ved at menupunktet er farvet orange. Når du er færdig med at opbygge din side kan den aktiveres ved at klikke på der er placeret under menutræet. Sørg for at den ønskede side er valgt inden du forsøger at aktivere den. Menupunktet vil ikke længere være orange og ikonet under menutræet vil skifte til, hvilket betyder at siden nu bliver vist i den offentlige menu. Mens du er i gang med at lave din side, så kan du se hvordan den ser ud ved at klikke på. I indholdsredigeringsområdet klikker du på og vælger HTML-editor (fuld størrelse). Klik på for at indsætte editoren. I editoren kan du f.eks. starte med at lave en overskrift, der passende kunne være Mine links. Marker teksten og klik på, hvor du skal vælge Overskrift 1. Du har nu indsat en overskrift og kan begynde at skrive dine links. Placer musen efter overskriften og tryk på Enter på dit tastatur for at starte på et nyt afsnit. Skriv din første reference, f.eks. EasyPage. Du kan nu vælge at lave denne tekst til et link på to måder. Vi starter med at bruge den simple måde, hvor linket ikke kommer fra dit arkiv. Marker teksten og klik på. I dette Hyperlink -vindue kan du nu skrive dit link, der skal være (se figur 26). Figur 26: Hyperlink vindue I rullemenuen øverst til højre skal du vælge da det er en hjemmeside du skal linke til. Hvis det derimod var en -adresse du ville linke til, så skulle du vælge mailto. I feltet øverst skriver du dit link, i dette tilfælde 25

27 I den midterste rullemenu kan du vælge om den side du linker til skal åbnes i et nyt browservindue eller om det skal åbne i det samme browservindue som dit link befinder sig i. I denne øvelse vælger du, at skal åbnes i et nyt vindue. Det sidste felt Navn skal ikke udfyldes. Klik derfor på og den markerede tekst er nu blevet til et link. Hvis du ønsker at rette linket eller slette det, så placerer du musen et sted i linket og klikker på. I Hyperlink -vinduet kan du nu rette linket eller slette det ved at slette linket, i dette tilfælde Gem dine ændringer ved at klikke på. Det næste link du skal lave skal hentes fra dit arkiv. På en ny linje skriver du f.eks. Marker teksten og klik på arkiv-knappen, der åbner dit arkiv med filer, interne- og eksterne links samt -adresser (læs mere om arkivet i kap. 3). Du kan bladre mellem de forskellige typer i toppen af arkiv-vinduet. Vælg eksterne og hvis du ikke allerede har oprettet en linkgruppe, så skal du gøre det nu. Klik på og giv den nye gruppe et navn. Klik derefter på og du kan nu se gruppen optræder i menuen til venstre. Du skal nu oprette et link, så klik derfor på. Til højre i vinduet kan du indtaste oplysninger om det nye link (se figur 27). Figur 27: Arkiv med filer og links. Et link til er under oprettelse i gruppen Mine favorit links. Du skal skrive linket, der f.eks. kan være og give linket et beskrivelse. Ligesom i ovenstående eksempel i denne øvelse, så skal du også bestemme om linket skal åbne i et nyt vindue eller i samme vindue. I den nederste rullemenu vises den gruppe som linket vil blive placeret i. Hvis du har oprettet flere linkgrupper, så vil de også optræde i rullemenuen. Figur 28: Arkiv med filer og links. I linkgruppen Mine favorit links er der et link til Det nye link er nu oprettet og kan vælges ved at klikke på (se figur 28). Arkiv-vinduet lukkes og din markerede tekst i editoren opdateres, så det nu er blevet til et link. Du er nu færdig med at arbejde i HTML-editoren og skal nu klikke på i øverste højre af editoren. 26