Brug af WebCreator
Index
Sideopsætning (Page setup)
Sideopsætningen er rygraden af din hjemmeside. Det er her du vælger baggrundsfarven, marginerne og titlen på din hjemmeside. Det er også her du kan vælge et billede som din baggrund.
Klik på Files -> Page setup for at åbne Sideopsætningsvinduet (page setup dialog).
Hjemmesidetitel (Web Page Title)
Titlen på din hjemmeside vil blive vist i browserens titellinje. Som standard er denne dit domænenavn.
For at ændre din hjemmesides titel, skal du åbne Sideopsætningsvinduet (se ovenfor). Skriv derefter den ønskede titel i feltet Web page title og klik OK
Margin (Page Margin)
Din sides margin er afstanden mellem browserens kanter og indholdet på hjemmesiden. Du kan ændre marginen for alle sider i browseren.
For at ændre din sides margin skal du åbne Sideopsætningsvinduet (se ovenfor) og skrive (i pixels) de ønskede værdier. Klik derefter OK.
Baggrundsfarve (Background Color)
Baggrundsfarven er den farve der vises bag indholdet på din hjemmeside
For at ændre baggrundsfarven for din hjemmeside skal du åbne Sideopsætningsvinduet (se ovenfor).
Klik på firkanten til højre for hex farvekoden (i dette eksempel #ffffff), for at åbne en farvepalet.
Her kan du vælge en farve til din baggrund. Afslut ved at klikke på OK.
En alternativ måde at ændre baggrundsfarven er ved at klikke på baggrundsfarveikonet på værktøjslinjen. Dette vil åbne en standardpalet, hvor du kan vælge en farve.
Baggrundsbillede (Background Image)
Baggrundsbilledet kan enten være et af dine egne billeder eller foruddefinerede billeder fra skabelonen. Hvis skabelonen indeholder et baggrundsbillede, vil det være valgt her som standard. Baggrundsbilledet vises ikke blot en gang, men gentages i begge retninger til baggrunden er fyldt ud.
For at ændre baggrundsbilledet, skal du åbne Sideopsætningsvinduet (se ovenfor) og sætte hak i Use background image, hvis der ikke allerede er sat hak.
Skriv derefter enten stien direkte eller klik Browse Files for at vælge et billede fra din server.
Afslut ved at klikke OK.
Styring af dit projekt
Med sidemenuen (sidebar) kan du styre de sider der er tilknyttet dit nuværende projekt. I sidemenuen kan du tilføje nye sider, og styre hvilke sider der skal være udgivet. Hver udgivet side i dit projekt vil automatisk blive tilføjet til menuen på alle siderne i projektet
Sidemenuen (sidebar)
Du kan slå sidemenuen til og fra ved at klikke på dette ikon:
Med sidebaren kan du organisere dit projekt. Projektet kan indeholde udgivede og ikke-udgivede sider. Navnet på hver side vises i sidemenuen, med et link til hver side.
Bemærk! Sidemenuen og Organize-knappen virker kun, hvis du arbejdet på et projekt (baseret på et af One.coms skabeloner).
Tilføj side (Add page)
For at tilføje en side til dit projekt, skal du klikke på knappen Add... i sidemenuen. Når du tilføjer en side, skal du udfylde tre felter.
Menu text er teksten der vises i menuen på din side. Hvis du ændrer denne tekst opdateres menuen automatisk på alle dine sider.
Filename bliver navnet som filen får på dit webhotel. Du kan tilgå filen manuelt vha. File Manager.
Web Page Title er teksten der vises i toppen af din browser. Den kan være forskellig på hver side. For eksempel kan du kalde den Min Hjemmeside - Produkter, hvis den side du er ved at tilføje indeholder produkter.
Klik OK for at oprette den nye side.
For at tilføje et menupunkt som linker til et side, der ikke er en side i projektet, skal du klikke på Add external Link... I det nye vindue kan du give dit nye menupunkt en menutekst og angive placeringen. Vælg hvordan du ønsker menupunkt-linket skal åbne (nyt vindue eller samme vindue). Klik derefter OK.
Organisering
Ved at klikke på knappen Organize..., vil du få vist en liste over siderne i dit projekt. Klik på en af siderne og en række funktioner vil blive fremhævet til højre i vinduet.
Du kan flytte sider op og ned i menuen. Den øverste, vil stå først i menuen på din hjemmeside.
Hvis siden i menuen ikke er udgivet endnu (og vises under Unpublished i sidemenuen) skal du markere siden og trykke Publish for at udgive den. Hvis du derefter klikker Unpublish vil siden blive igen være ikke-udgivet.
For at ændre teksten i menuen, skal du ændre teksten i feltet Change menu text og klikke Update
For at slette en side fra dit projekt, skal du først klikke Unpublish, gemme projektet og derefter sørge for at den pågældende side ikke er åben i WebCreator.
Vælg filen fra listen og klik Delete page
For at gemme alle ændringer, klik til sidst på OK.
Ændre filnavn
For at ændre et filnavn skal filen være både uudgivet og inaktiv.
1. Tilgå WebCreator via File Manager ved at vælge en anden fil i det samme projekt (ikke den fil du ønsker at ændre) og klik derefter for at redigere ved hjælp af WebComposer (en anden betegnelse for WebCreator).
2. Klik på Organize-knappen.
3. Vælg den fil du ønsker at ændre. Klik på Unpublish og derefter på OK-knappen for at gemme dit projekt.
4. Klik på Organize-knappen igen.
5. Vælg filen, klik på Rename File og giv filen et nyt navn. Klik på OK og derefter OK igen. Gem projektet.
Hvis du oplever problemer med trin 5, er filen enten aktiveret eller udgivet. Sørg for at filen er uudgivet og gem projektet. Luk WebCreator og gentag trin 1 og derefter 4-5 igen.
Formatering
Når du tilføjer tekst til din hjemmeside, har du en lang række formateringsmuligheder, der afspejler mulighederne i et normal tekstbehandlingsprogram.
Typografiopsætning (style)
Når du formaterer tekst kan du vælge mellem en række standardtypografier, ved at markere teksten og vælge en typografi i Style drop-down menuen
Skrifttype (font)
For at ændre skrifttype, skal du markere teksten og vælge skrifttypen fra Font drop-down menuen
Skriftstørrelse (font size)
For at ændre skriftstørrelsen, skal du markere teksten og vælge den ønskede størrelse fra Size drop-down menuen.
Skriftfarve (font color)
For at ændre skriftfarven, skal du markere teksten, klikke på ikonet Font color og vælge den ønskede farve.
Skriftfremhævelse (highlighting)
For at fremhæve tekst, skal du markere teksten, klikke på ikonet Highlight color og vælge den ønskede farve.
Det vil få teksten til at se således ud:
Fed, kursiv og understreget tekst
For at bruge fed, kursiv eller understreget tekst, skal du markere teksten og klikke på et af disse ikoner:
Nummererede lister og punktopstilling
For at indsætte en nummereret liste, skal du klikke på dette ikon på værktøjslinjen.
Det vil placere nummeret "1." på dit arbejdsområde. Skriv noget tekst og tryk ’Enter’ for at lave en ny linje.
Når du er færdig, skal du enten trykke Enter og derefter Backspace for at vende tilbage til normal redigering.
Indsættelse af punktopstilling virker på samme måde, ved at klikke på dette ikon i stedet:
Forstørre/mindske indrykning (indent)
For at forstørre indrykningen på din tekst, skal du placere markøren på venstre side af teksten og klikke på increase indent ikonet.
Dette vil forstørre indrykningen. For at mindske den igen, skal du placere markøren på venstre side af teksten og klikke på decrease indent icon.
Hævet og sænket skrift (superscript/subscript)
For at lave sænket skrift, skal du markere din tekst og klikke på ikonet Subscript.
Det vil få teksten til at se således ud:
For at lave hævet skrift, skal du markere din tekst og klikke på ikonet Superscript.
Det vil få teksten til at se således ud:
Hyperlinks
Hyperlinks er en af de vigtigste funktioner i hjemmesideudvikling, da det binder dine sider sammen. Links kan enten være tekst eller billeder på din hjemmeside.
Link til side/fil på dit webhotel
For at indsætte et link til en side eller en fil på din server skal du markere teksten eller billedet, du ønsker skal optræde som et link. Klik på link-ikonet og vælg Insert link to file or HTML Document...
Det vil åbne en dialog, hvor du kan vælge en side eller en fil at linke til. Hvis filen ikke er en .html-fil, kan du vælge at få vist alle filtyper i stedet for kun .html-filer. Dette kræver, at filen allerede er uploadet til serveren. Du kan uploade filen med Filemanager eller et FTP-program før du gør dette.
Klik på OK for at indsætte et link.
Hvordan et fil-link åbner, er meget forskelligt og afhænger af filtypen (.doc .pdf .xls...) i kombination med den browser, som dine besøgende bruger.
Nogle browsere har add-ons, sådan at filer kan vises direkte i browseren, hvorimod de fleste browsere ikke har dette, hvilket betyder at den besøgende efter at have klikket på dit link vil blive bedt om at downloade filen i stedet for at kunne få den vist direkte. Det har du ikke nogen mulighed for at påvirke.
Link til hjemmeside
Du kan selvfølgelig også linke til sider uden for din hjemmeside. For at gøre dette, skal du markere den tekst eller det billede, der skal være et link, klikke på link-ikonet og vælge Insert link to website.
Dette vil åbne en dialogboks:
Skriv URL’en (fx http://www.anotherdomain.com) til hjemmesiden og klik OK.
Oprette underside og indsætte link
En anden mulighed, når du laver links, er at oprette en underside samtidig med at du opretter et link til den. For at gøre dette, skal du markere den tekst eller det billede, der skal være et link, klikke på link-ikonet og vælge Create new subpage and insert link.
Dette vil åbne en dialogboks. Først skal du vælge titlen på din underside ved at udfylde feltet Web page title.
Vælg derefter om den ny side skal være en kopi (copy) af den nuværende side, en blank side (blank side) eller en blank side med centreret fastbredde layout (blank page with fixed-width layout).
Slut af med at skrive det ønskede filnavn i feltet File name. Dette skal ende på .html eller .htm.
Klik OK. Siden vil derefter blive indlæst i et nyt vindue.
Fjerne hyperlinks (remove link)
For at fjerne et link uden at slette teksten/billedet, skal du markere linket, klikke på link-ikonet og vælge Remove link.
Teksten/billedet fjernes ikke når du fjerner links på denne måde.
Billeder
Du har tre muligheder, når du vil indsætte billeder på din hjemmeside, vha. WebCreator:
Uploade og indsætte billede
Acceptering af plug-in
For at kunne indsætte billeder direkte fra din computer, skal du installere et plug-in til billedupload. Plug-in’et vil have disse informationer:
Plug-in name:
Image Component for Ilosoft web page Composer
Plug-in author:
One.com A/S
Find billede
Efter installering af plug-in’et, skal du klikke på knappen Open... i det nyåbnede vindue.
Find billedet du ønsker at indsætte på din computer. Alle billedtyper er accepteret, inklusive PNG og GIF.
Rotation af billeder
Hvis du ønsker at rotere billedet, kan du gøre dette med de to knapper under knappen Open.... Du kan rotere i begge retninger.
Vælg størrelse
Du kan vælge mellem fire forskellige billedstørrelser, når du uploader:
- Lille billede (Small Image) - 180x135
- Normalt (Normal) - 320x240
- Stort billede (Large Image) - 640x480
- Original størrelse (Original size)
Hvis filen er større end 80kb, kan du ikke vælge original størrelse. Når du indsætter flere billeder er original størrelse ikke anbefalet.
Indsæt billede fra webhotel
Hvis du vælger Insert image from server... åbnes en dialogboks hvor du kan se alle billeder på din server.
Du kan navigere gennem dine mapper og finde det billede du vil indsætte på din hjemmeside.
Når du har fundet billedet, klikker du blot OK for at indsætte billedet ved markørens placering.
Indsæt clipart
WebCreator indeholder et udvalg af clipart i mere end 70 forskellige kategorier, lige fra simple sort-hvide tegninger til farverige billeder. Disse kan du frit bruge på din hjemmeside.
Når du har valgt din clipart, klikker du blot Insert for at indsætte billedet ved markørens placering.
Billeder i skabeloner
Det fleste billeder i WebCreator-skabelonerne kan udskiftes ved at markere dem, og trykke på Delete-knappen på dit tastatur. Dog er nogle billeder indsat i skabelonerne som baggrundsbilleder i tabelceller. Se i dette kapitel, Tabelcelle-indstillinger, hvordan du kan udskifte dem.
Tabeller og tekstbokse
Indsæt tabel
For at indsætte en tabel, skal du klikke på tabel-ikonet på værktøjslinjen.
Vælg antallet af rækker og kolonner med musen og klik med musen for at indsætte tabellen.
Vil du åbne den avancerede dialogboks for tabeller, kan du enten klikke Insert -> Table eller Advanced efter klik på ikonet på værktøjslinjen. Den avancerede menu er beskrevet i kapitlet ’Tabelcelle-indstillinger’ herunder.
Tilføje rækker (rows) eller kolonner (columns)
For at indsætte en række i en tabel, skal du højreklikke i rækken over det sted, hvor den nye række skal indsættes, og vælge Insert Row
For at indsætte en kolonne i en tabel, skal du højreklikke i kolonnen til venstre for det sted, hvor den nye kolonne skal indsættes, og vælge Insert Column
Slette rækker eller kolonner
For at slette en række eller kolonne, skal du højreklikke i den og vælge enten Delete Row (række) eller Delete Column (kolonne)
Tabelindstillinger (Table properties)
For at åbne de avancerede tabelindstillinger, skal du højreklikke på tabellen og vælge Table properties.
Vælg størrelsen på din tabel øverst. Klik på %-knappen for at ændre til pixels. Hvis højden eller bredden er sat til ’auto’, vil tabellen være lige så bred og høj som sit indhold.
Vælg derefter kantbredde og -farve. Hvis bredden er sat til 0, vil tabellen ikke have en kant. Skriv hex-farvekoden på den ønskede farve i farvefeltet, eller klik på farve-ikonet for at ændre farven.
Derefter kan du vælge en margin til dine tabelceller, ved at skrive et antal pixels i det næste felt.
Nedenunder kan du vælge ombrydning for din tabel. Hvis du vælger In front of text (foran tekst), kan tabellen flyttes frit rundt foran tekst og billeder.
Du kan derefter vælge en baggrundsfarve til din tabel ved at klikke på farve-ikonet. Som standard er baggrunden i en tabel gennemsigtig.
Til sidst kan du vælge et baggrundsbillede til din tabel, ved at sætte hak i Use background image. Klik derefter enten Browse Files for at vælge et billede fra dit webhotel, eller skriv stien direkte i tekstfeltet. Afslut ved at klikke OK for at gemme dine ændringer.
Tabelcelle-indstillinger
For at ændre indstillinger for en enkelt celle, skal du højreklikke i den og vælge Table cell properties.
Dette vil åbne en dialogboks.
I toppen kan du vælge en fast bredde og højde på cellen. Klik på %-knappen for at ændre til pixels.
Hvis disse er sat til auto, vil cellen have højde og bredde, svarende til indholdet i dem.
Herunder kan du vælge tekstjustering (alignment) for cellen, både lodret og vandret.
Du kan derefter vælge en baggrundsfarve til cellen, ved at klikke på farve-ikonet. Som standard er baggrunden samme farve som tabellen.
Til sidst kan du vælge et baggrundsbillede til din celle, ved at sætte hak i Use background image. Klik derefter enten Browse Files for at vælge et billede fra dit webhotel, eller skriv stien direkte i tekstfeltet. Afslut ved at klikke OK for at gemme dine ændringer.
Tekstbokse (text boxes)
Tekstbokse er en enkelt tabelcelle, som kan flyttes frit rundt. Tekstbokse kan være gennemsigtige eller have en baggrund.
Tegne en tekstboks
For at tegne en tekstboks, skal du enten klikke Draw -> Draw text box eller det tilsvarende ikon på værktøjslinjen.
Vælg Draw transparent text box for at lave en tekstboks med gennemsigtig baggrund.
Klik og træk til din tekstboks har den ønskede størrelse.
Flytte en tekstboks
En tekstboks kan flyttes frit på arbejdsområdet. For at flytte en tekstboks, skal du klikke på den og trække den til den ønskede placering.
Ændre størrelse for tekstboks
For at ændre størrelsen på en tekstboks, skal du først klikke på den. Du kan nu ændre størrelsen på tekstboksen til den størrelse du ønsker, ved at klikke og trække i de hvide bokse.
Formatering af tekstbokse
For at formatere en tekstboks (fx baggrundsfarve, kantfarv osv.) henviser vi til kapitlet Tabelcelle-indstillinger ovenfor
Gæstebog i WebCreator
Oprettelse af gæstebog
Klik på Insert og derefter Guestbook
Vælg udseende til din gæstebog.
Vælg indstillinger for din nye gæstebog og giv den et navn.
Hvis du ønsker en første besked i din gæstebog, kan du indtaste den her. Eller check boksen for ingen første besked.
Klik på Install, og klik derefter på Finish.
Du kan nu trække og slippe gæstebogen derhen, hvor du ønsker den.
Ændre indstillinger i gæstebogen
Højreklik på gæstebogen i WebCreator og du kan se en række muligheder for ændringer du kan foretage.
Egenskaber for gæstebog
Tip! Indstil bredden til 100%, og gæstebogen vil automatisk tilpasse sin størrelse og derved gøre det lettere for dig at trække og slippe den ind i en tabelcelle, hvor du ønsker den - hvis din side har tabeller.
Oversigt
Lås gæstebogen eller lås den op for at styre, om det skal være muligt at skrive beskeder eller ej.
Beskeder
Ved at vælge en besked kan du skjule, slette eller redigere den.
Præferencer
Under fanen Udseende kan du ændre nogle af de valg, du traf under installationen af gæstebogen.
Under Citation kan du ændre, hvordan det annonceres, at en person har skrevet i gæstebogen.
Under Form Link kan du vælge, hvad write in guestbook-linket skal sige, og om det skal vises som et hyperlink eller en knap.
Under Form Design kan du vælge udseende for den formular, der fremkommer, når nogen vælger at skrive et indlæg i gæstebogen.
Under Customize kan du ændre farver for de forskellige tekstdele af gæstebogen.
Husk at klikke på Update efter alle ændringer, du laver under en fane under Preferences, da ændringerne ellers ikke vil blive gennemført.
Tilføje en eksisterende gæstebog
Du kan vise den samme gæstebog på flere sider, end der hvor den var installeret. Klik på View og derefter Manage guestbooks. Marker den gæstebog du ønsker at indsætte og klik på Insert-knappen.
Fjerne eller afinstallere gæstebog
Hvis du bare ønsker at fjerne gæstebogen (for eksempel at flytte den til en anden side).
Marker gæstebogen og tryk på Delete-tasten på dit tastatur.
For at afinstallere din gæstebog skal du klikke på View og derefter Manage guestbooks. Marker den gæstebog, du ønsker at afinstallere og klik på Manage.
Vælg Delete til venstre og følg instruktionerne for permanent at afinstallere din gæstebog.
Fjerne billeder
Hvordan man fjerner et billede, afhænger af, hvilken type billede der er tale om.
Ved et almindeligt billede klikker du blot for at markere billedet, og klik derefter for at slette det, akkurat som du ville gøre med tekst.
Hvis billedet er et tabel-baggrundsbillede, skal du højreklikke i tabel-cellen og derefter vælge Table Cell Properties og dernæst fjerne eller ændre baggrundsbilledet under Background image .
For at fjerne et baggrundsbillede skal du klikke på File, derefter på Page Setup og fjerne eller udskifte billedet under Background Image .
Embedding
Embedde objekter
Du kan embedde videoer og andre objekter i WebCreator.
For at embedde skal du klikke på Embed Flash or insert Guestbook-knappen og vælge Embed Flash. Indsæt Flash-koden og klik på OK.
Hvis du ikke selv kan programmere Flash-koden, kan du benytte flg. fif: Upload videoen til YouTube, som derefter opretter den kode, du har brug for. Kopier koden og indsæt den i Embed Flash-vinduet i WebCreator.
Embedde album fra galleri
For at få embed-koden ud af galleriet skal du først tillade sharing (deling). Log ind i dit Kontrolpanel, klik på Gallery og på Edit for det pågældende album og sæt sharing (deling) til On.
Når du har sikret dig, at sharing (deling) er tilladt i dit galleri, tilgå da albummet i galleriet så du kan se billederne inden i det pågældende album.
Klik på Embed-linket og kopier embed-koden. Klik på Insert og indsæt koden i Embed Flash-vinduet i WebCreator.