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.
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.
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.
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 å koble en hyperlink til en fil på serveren, marker teksten eller bildet du vil bruke som hyperlink, klikk hyperlink-ikonet og velg deretter Insert link to HTML Document.
Dette vil åpne et nytt vindu, der du kan velge hvilken side eller fil du vil rette linken mot.
Klikk på OK for å bekrefte og sette inn hyperlinken i arbeidsdokumentet.
For å koble en hyperlink mot en fil (f.eks. pdf eller doc), tast inn filens adresse (du får ikke sett filen i vinduet) i "filename"-feltet og klikk OK.
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.
