Bruk av WebCreator
Index
Oppsett av side
Sideoppsettet er "ryggraden" til websiden. Her definerer du farge for bakgrunnen, marger og tittel på websiden. Du kan også velge et bilde til bakgrunn på siden.
Klikk File -> Page setup for å åpne Page setup dialog.
Sidens tittel
Sidens tittel vil vises i tittellinjen i nettleseren. Standardinnstilling her er domenenavnet ditt.
For å endre websidens tittel, åpne Page setup dialog som vist over. Tast deretter inn tittelen du vil ha i feltet Web page title, og klikk OK.
Marger
Sidemargene er mellomrommet mellom nettleserens ytre kant og der innholdet på siden begynner. Du kan justere marger for topp, bunn, venstre og høyre.
For å endre marger, åpne Page setup dialog som vist over, tast inn ønsket avstand (i piksler), og klikk deretter OK.
Bakgrunnsfarge
Bakgrunnsfargen er fargen som vises bak websiden din.
For å endre websidens bakgrunnsfarge, åpne Page setup dialog som vist over.
Klikk på firkanten ved siden av farge koden (i dette eksempelet #ffffff). Nå åpner det seg en fargepalett.
Her kan du velge en farge til bruk som bakgrunn. Når du har funnet ønsket farge, klikk på OK.
En annen måte å endre bakgrunnsfargen på er å klikke på ikonet for bakgrunnsfarge i verktøylinjen. Da vil en standard palett åpne seg, og du kan velge en farge.
Bakgrunnsbilde
Bakgrunnsbildet kan enten være egenprodusert grafikk eller forhåndsdefinerte bilder fra malene. Dersom et bakgrunnsbilde er definert for malen vil det bli valgt som standard. Bakgrunnsbildet gjentas i bakgrunn, og er ikke brukt bare en gang.
For å bruke eller endre et bakgrunnsbilde, åpne Page setup dialog som vist over, og kryss av på Use background image dersom det ikke allerede er krysset av for.
Tast deretter inn enten adressen til bildet, eller klikk på Browse Files for å velge et bilde fra serveren.
Klikk OK når du er ferdig.
Kontrollere prosjektet
I venstre sidebar har du mulighet til å styre websidene som assosieres med det aktuelle prosjektet. Her kan du legge til nye sider og kontrollere hvilke av sidene som skal være publisert. Hver side publisert i prosjektet ditt blir automatisk lagt til i en meny som vises på hver side i prosjektet.
Sidebar
Du har mulighet til å velge hvorvidt sidebaren skal være synlig på venstre side, eller om den ikke skal vises i det hele tatt. Dette gjør du ved å klikke på dette ikonet.
Du kan organisere prosjektet ditt gjennom sidebaren. I prosjektet kan du ha publiserte og upubliserte filer. Navnene på de enkelte sidene er listet i sidebaren, og blir vist i menyen sammen med en link til siden.
OBS! Sidebaren og Organize knappen virker bare, dersom du arbeider på et prosjekt (basert på en av One.coms maler).
Legge til en side
Klikk på Add... i sidebaren for å legge til en ny side. Når du legger til en ny side, må du fylle inn tre felt.
Menu text er teksten som vises i menyen, sammen med en link. Dersom du endrer denne teksten, vil det automatisk bli endret på hver side.
Filename er navnet på filen som blir lagret på webområdet ditt. Du har tilgang til filen manuelt gjennom FileManager.
Web Page Title er tittelen som vises øverst i nettleseren din. Denne tittelen kan være forskjellig fra de andre websidene dine, du kan eksempelvis kalle den for Min webside - Produkter, dersom websiden du lager inneholder produkter.
Når du klikker OK blir den nye websiden opprettet.
For å legge til et menyelement som linker til en side som ikke er en del av prosjektet, klikk Add external Link... I det nye vinduet gir du menyelementet en menytekst og skriver inn plasseringen. Velg hvordan du ønsker at menyelementet skal åpnes (nytt vindu eller samme vindu). Klikk så på OK.
Organisering
Dersom du klikker på Organize...-knappen vil du få opp en liste over de forskjellige sidene i prosjektet. Dersom du klikker på en av filene vil forskjellige funksjoner vises på høyre side i vinduet.
Du kan flytte sidene opp og ned i menyen. Filsen som sttår øverst er den første linken som vises i menyen.
Dersom siden i menyen ikke har blitt publisert ennå (og vises som Unpublished i sidebaren) må du velge filen og klikke på knappen merket Publish på høyresiden i vinduet. Dersom du klikker på Unpublish vil siden bli fjernet fra menyen.
For å endre menyteksten må du endre teksten i feltet under Change menu text, og deretter klikke Update.
For å fjerne en side fra prosjektet må du først merke siden som "unpublished", deretter lagre dokumentet og påse at det ikke er åpent i WebCreator.
Velg korrekt fil i fillisten og klikk på Delete page.
Klikk på OKfor å gjennomføre slettingen.
Endre filnavn
For å endre filnavn, må filen være både upublisert og inaktiv
1. Åpne WebCreator via Filemanager, ved å velge en annen fil i samme prosjekt (ikke den filen du ønsker å endre) og klikk for å endre ved å bruke WebComposer (et annet navn for WebCreator).
2. Klikk på Organize knappen.
3. Velg filen du ønsker å endre, klikk Unpublish, og så OK knappen for å lagre prosjektet.
4. Klikk på Organize knappen igjen.
5. Velg filen, klikk Rename File, gi filen det nye navnet, klikk OKog så OKigjen. Lagre prosjektet.
Dersom du opplever problemer i trinn 5, er filen enten fortsatt aktivert eller publisert. Sjekk at filen er upublisert og lagre prosjektet. Steng WebCreator og gjenta steg 1 og så 4-5 igjen.
Formater
Du har mange mulige formater å velge mellom, når du skal legge til tekst på websiden din. Dette er tilsvarende det du finner i et vanlig program for tekstbehandling.
Velge stil
Du kan velge mellom forhåndsdefinerte stiler ved å markere ønsket tekst og velge stil i nedtrekksmenyen merket Style.
Velge font
For å endre font, marker tønsket tekst med musepilen og velg font fra nedtrekksmenyen merket Font.
Velge fontstørrelse
For å endre fonter, marker teksten med musepilen og velg deretter størrele fra nedtrekksmenyen merket Size
Velge fontfarge
For å endre fontfarge, marker tønsket tekst med musepilen og velg farge ved å klikke på Font color-ikonet og velg deretter fargen.
Fremheve teksten
For å fremheve teksten, marker tønsket tekst med musepilen og velg en farge ved å klikke på Highlight color-ikonet og velg derette fargen.
For å få teksten til å se ut som dette:
Fet, kursiv and understreket text
For å bruke fet, kursiv og understreket tekst, marker teksten med musepilen og klikk på et av følgende ikoner:
Sette inn en nummerert liste eller en punktliste
Klikk på ikonet i verktøylinjen for å lage en nummerert liste.
Du får nå opp tall nummer 1 på arbeidsområdet. Skriv deretter inn tekst, og tast Enter for å lage neste linje.
Tast Enter når du er ferdig med punktliste, og tast deretter Backspace for å gå tilbake til normal tekstredigering.
Du lager punktliste på samme måte, ved å klikke på dette ikonet:
Øke/ redusere innrykk
For å øke inrykk i teksten, plasser markøren til venstre for teksten, og klikk deretter på ikonet merket Increase indent
Dette øker innrykket. For å redusere innrykket igjen, trykk til venstre for teksten med musepilen igjen, og klikk decrease indent-ikonet.
Hevet og senket skrift
For å lage senket skrift, marker teksten med musepilen og klikk på Subscript-ikonet.
Nå vil teksten se slik ut:
For å lage hevet skrift, marker teksten med musepilen og klikk på Superscript-ikonet.
Nå vil teksten se slik ut:
Hyperlinker/Hyperlenker
Hyperlinker er en av de viktigste funksjonene i websidens oppbygging, fordi den kobler sammen sidene som du har laget. Hyperlinker kan kobles mot både tekst og bilder.
Koble en hyperlink til en side/fil på serveren
For å sette inn en link til en side på din server, marker teksten eller bildet du ønsker skal være en link, klikk på link ikonet og velg Insert link to file or HTML Document...
Dette vil åpne en dialogboks, hvor du kan velge filen eller siden du ønsker å linke til. Dersom filen ikke er en .html-fil, så klikker du bare for å få vist alle filtyper, istedet for bare .html-filer. Dette krever at filen allerede er lastet opp på serveren. Du kan laste opp filen med FileManager eller et FTP program før du gjør dette.
Klikk OK for å innsette et link.
Hvordan en link til en fil åpnes varierer alt etter filtype (.doc .pdf .xls...), i kombinasjon med nettleseren som din besøker bruker.
Noen nettlesere har add-ons, slik at filene kan vises direkte i nettleseren, mens de fleste nettlesere ikke har dette, vil den besøkende bli spurt om de vi laste ned filen, istedet for å se den direkte når de klikker på en link. Du kan ikke påvirke dette på noen måte.
Koble en link til en webside
Du kan selvsagt også lage en hyperlink til områder utenfor websiden din. For å gjøre dette, marker teksten/bildet du ønsker å bruke som link, klikk på Hyperlink-ikonet og velg Insert link to website.
Nå vil dette vinduet åpne seg:
Tast inn URL (f.eks http://www.etannetdomene.com ) til websiden og klikk OK.
Lage en underside og lage link
En annen mulighet når du lager linker er å (samtidig) opprette en uderside som du vil lage en link til. For å gjøre dette, marker teksten/bildet som skal brukes som link, klikk på Hyperlink-ikonet og velg Create new subpage and insert link.
Dette vil åpne et nytt vindu. Først velger du tittel på den nye undersiden ved å fylle ut Web page title-feltet.
Velg deretter om du enten vil gjøre den nye siden til en kopi av siden du redigerer for øyeblikket, en tom side eller en tom side med forhåndsvalgt layout.
Til slutt velger du Filnavn for den nye websiden. Navnet må slutte med .html eller .htm.
Klikk OK. Den nye siden vil nå åpne seg i et nytt vindu.
Fjerne en link
For å fjerne en link uten å slette tekst/bilde, marker linken, klikk på Hyperlink-ikonet og velg deretter Remove link.
Teksten vil ikke bli fjernet når du fjerner en link.
Bilder
Du har tre muligheter når du vil sette inn et bilde på websiden gjennom WebCreator:
Laste opp og sette inn bilde
Akseptere plug-in
Du må innstallere en plug-in for bildeopplasting for å sette inn et bilde fra din egen datamaskin. Denne plug-in har følgende informasjon:
Plug-in navn:
Image Component for Ilosoft web page Composer
Plug-in author:
One.com A/S
Find image
Etter at du har innstallert denne plug-in, velg knappen Open... i hjørnet oppe til høyre i vinduet.
Finn bildefilen du ønsker å sette inn på websiden din. Alle bildefiler støttes, inkludert PNG og GIF.
Rotere bilde
Dersom du ønsker det, kan du rotere bildet med de to knappene plassert under Open...-knappen. Du kan rotere både mot høyre og venstre.
Velge størrelse
Du kan velge fire forskjellige bildestørrelser når du laster opp:
- Small Image - 180x135
- Normal - 320x240
- Large Image - 640x480
- Original size
Dersom bildet er større enn 80 kb vil du ikke ha mulighet for å velge bildets originale størrelse. Dersom du skal sette inn flere forskjellige bilder anbefaler vi ikke å bruke bildets originale størrelse.
Sette inn bilde fra server
Dersom du velger Insert image from server... åpner et vindu seg, som inneholder en liste med alle bildefiler i den spesifiserte mappen.
Du kan bla gjennom alle mappene og finne bildet du ønsker å sette inn på websiden din.
Når du har funnet bildet, klikk på OK og bildet vil pli satt inn der musepekeren er plassert.
Sette inn utklipp
One.coms WebCreator tilbyr utklipp i mer enn 70 forskjellige kategorier, fra enkel svart/hvite tegninger til fargerike bilder. Disse kan du fritt bruke på websiden din.
Når du har valgt et utklipp, klikk på Insert og utklippet blir satt inn der musepekeren er plassert.
Bilder i malene
De fleste bildene i malene i WebCreator kan bli byttet ut ved å markere dem med musepekeren, og deretter trykke på Delete-knappen på keyboardet ditt. Noen bilder i malene er satt inn i celler i malens bakgrunn. Se kapittelet Table cell properties for å se hvordan disse bildene kan erstattes.
Tabeller og tekstbokser
Sette inn en tabell
For å sette inn en tabell, klikk på tabellikonet på verktøylinjen.
Velg antall rader og kolonner med musen, og klikk for å sette inn tabellen.
For å vise avansert tabellmuligheter, klikk på Insert -> Table eller Advanced etter at du klikker på tabellikonet på verktøylinjen. Den avanserte menyen er beskrevet i Egenskaper for Tabellceller under.
Legge til tabeller eller kolonner
For å legge til en rad eller i en tabell, høyreklikk inni raden ovenfor der den nye raden skal settes inn, og velg Insert Row.
For å sette inn en kolonne i en tabell, høyreklikk inni kolonnen til venstre for der den nye kolonnen skal settes inn, og velg Insert Column.
Slette rader eller kolonner
For å slette en rad eller en kolonne, høyreklikk inni den, og velg enten Slette rad (Delete Row) eller Slette kolonne (Delete Column).
Tabellegenskaper
For å redigere de avanserte tabellegenskapene, høyreklikk i tabellen, og velg deretter Tabellegenskaper (Table properties).
Velg størrelse på tabellen øverst. Klikk %-knappen for å endre til pixler. Dersom vidden eler høyden er satt til automatisk (auto) vil tabellen bli så høy eller bred som innholdet er.
Velg deretter høyde og bredde for tabellen. Dersom vidden er satt til 0, vil tabellen vises uten kantlinjer. Tast inn "Hex-verdi" for ønsket farge i fargefeltet, eller klikk på fargeikonet for å endre fargen.
Ved å sette et tall i boksen for antall pixler kan du selv velge grensene for tabellcellene.static.support.guide.www.usewebcreator.7.4.5=Du kan også velge hvordan tabelen skal forholde seg til teksten i dokumentet (text wrapping). Dersom du velger In front of text kan du flytte tabellen fritt over tekst og bilder.
Under kan du velge tekstflyt for tabellen. Dersom du velger In front of text kan tabellen flyttes fritt over tekst og bilder.
Du kan velge bakgrunnsfarge for tabellen ved å klikke på fargeikonet. Tabellen er gjennomsiktig dersom du ikke legger til en farge.
Til slutt kan du velge et bakgrunnsbilde for tabellen ved å huke av bruke bakgrunnsfarge(Use background image). Klikk deretter enten på Søke gjennom filer (Browse Files) for å velge et bilde fra webområdet ditt, eller tast inn bildets adresse i tekstboksen. Klikk på OK for å lagre de nye innstillingene for tabellen.
Egenskaper for Tabellceller
For å endre egenskaper for en enkeltcelle, høyreklikk inne i cellen og velg tabellcelleegenskaper (Table cell properties).
Dette vil åpne et dialogvindu.
Øverst kan du velge et fast forhold mellom høyde og vidde, eller klikk på %-boksen for å for å endre dette til pixler ("px" vises).
Dersom enten høyde eller bredde er satt til auto, vil størrelsen på cellen bli styrt av innholdets størrelse.
Under kan du velge hvor i cellen teksten skal plasseres (text alignment) både i vertikal og horisontal retning.
Du velger en bakgrunnsfarge for cellen ved å klikke på fargeikonet. Forhåndsinnstilling er den samme fargen som tabellen har.
Til slutt kan du velge et bakgrunnsbilde for cellen ved å huke av for Use background image. Klikk deretter på Browse Files for å velge et bilde fra webområdet ditt, eller skriv inn bildets adresse i tekstboksen. Klikk deretter på OK for å lagre endringene.
Tekstbokser
Tekstbokser blir brukt som enkle tabellceller, og som kan bli flyttet rundt i dokumentet. tekstbokser kan enten være gjennomsiktige eller ha en bakgrunn.
Lage en tekstboks
For å lage en ny tekstboks, klikk enten på Draw -> Draw text box eller bruk "Draw textbox-ikonet" i verktøylinjen.
Velg Draw transparent text box for å lage en tekstboks som er gjennomsiktig.
Klikk og dra for å tilpasse boksen til ønsket størrelse.
Flytte en tekstboks
En tekstboks kan flyttes fritt rundt. For å flytte en tekstboks, klikk på tekstboksens kant for å markere boksen, og dra boksen til ønsket plassering.
Endre tekstboksens størrelse
For å endre tekstboksens størrelse, klikk på en av kantene, slik at du får opp åtte små firkanter. Du kan nå endre størrelse i hvilken som helst retning ved å klikke på en av frikantene og dra i ønsket retning.
Formatere en tekstboks
For å formatere en tekstboks, (bakgrunnsfarge, kantfarge etc.), se under punktet Egenskaper for Tabellceller over.
Gjestebok i WebCreator
Opprett en gjestebok
Klikk Insert og så Guestbook
Velg utseende for din gjestebok
Velg innstillinger for din nye gjestebok og gi den et navn.
dersom du ønsker en første melding i din gjestebok, kan du skrive det her. Eller marker boksen for ingen første melding.
Klikk Install, og så klikk Finish.
Du kan nå klikke og dra gjesteboken der du vil ha den.
Endre innstillinger i gjesteboken
Høyreklikk på gjesteboken i WebCreator og du kan se et antall av endringer du kan gjøre.
Guestbook Properties
Tips! Ved å sette bredden til 100% vil gjesteboken tilpasse størrelsen automatisk og det vil være lettere for deg å klikke og dra den til tabell cellen du ønsker den i - viss din side har tabeller.
Overview
Lås eller lås opp din gjestebok for å kontrollere om det skal være mulig å poste eller ikke.
Messages
Ved å velge en melding, kan du skjule den, slette den eller redigere den.
Preferences
Under fanen Appearance kan du endre noen av de valg du gjorde når gjesteboken ble installert.
Under Quotation kan du endre hvor du får beskjed om at noen har postet noe i din gjesteok.
Under Form Link kan du velge hva write in guestbook linken sier og om det det skal se ut som en hyperlink eller en knapp.
Under Form Design kan du velge utseende for skjemaet som vises når noen velger å skrive noe i gjesteboken.
Under Customize kan du endre farger for de forskjellige tekstdelene i gjesteboken.
Husk å klikke på Update etter hver endring du gjør under hver av fanene under Preferences, for at endringene skal tre i kraft.
Legg til en eksisterende gjestebok
Du kan vise den samme gjesteboken på flere sider enn da den ble installert. Klikk View og så Manage guestbooks. Marker den gjesteboken du ønsker å sette inn og klikk Insert button.
Fjern eller avinstaller gjestebok
Hvis du bare vil fjerne gjesteboken og fortsatt beholde meldingene.
Bare marker gjesteboken og klikk på Delete knappen på ditt tastatur.
For å avinstallere din gjesteboken View, then Manage guestbooks. Mark the guestbook you wish to uninstall and click Manage.
Velg Delete til venstre og følg instruksjonene for å permanent avinstallere din gjestebok.
Fjerne bilder
Hvordan man fjerner et bilde er avhengig av hvilken type bilde det er.
Med et vanlig bilde markerer du bare bildet og klikker for å slette, akkurat slik du gjør med tekst.
Dersom bildet er en bakgrunn i en tabell må du høyreklikke tabellcellen, og velg Table Cell Properties og så fjern eller endre bakgrunnsbilde under Background image .
For å fjerne bakgrunnsbildet på en side klikk File, så Page Setup og fjern eller erstatt bildet under Background Image.
Embedde
Embedde objekter
Du kan embedde videoer og andre objekter i WebCreator.
For å embedde klikk Embed Flash or insert Guestbook knappen, og velg Embed Flash . Innsett Flash koden og klikk OK.
Dersom du ikke kan programmere Flash koden selv, er et tips å laste videoen opp på YouTube, som vil opprette den koden du trenger, og du kan kopiere koden og lime den inn i Insert Flash vinduet i WebCreator.
Embedde et album fra galleriet
For å få koden til embedding ut av galleriet må du først tillate deling. Logg på kontrollpanelet, og klikk på Gallery og klikk Edit for det albumet det er snakk om og sett deling til On.
Når du er sikker på at deling er aktivert i ditt galleri, gå inn i albumet i galleriet slik at du kan se bildene inne i det albumet det gjelder.
Klikk på Embed linken og kopier embeddingskoden. Skriv inn koden i Insert Flash vinduet i WebCreator.