Tilbake til meny for Informatikk studieretningsfag

Arachnophilia - redigering av HTML-dokumenter

Hva er Arachnophilia?

Arachnophilia er et greit Freeware program for å lage websider. Her finnes verktøylinjer med knapper for å sette inn de vanligste tagene. I tillegg kan du lage egne verktøylinjer og makroer og tilpasse editoren til dine egne behov.

Arachnophilia er helt gratis og det kan lastes ned fra www.arachnoid.com. Arachnophilia er fleksibelt og kjapt. Det er et lite program som ikke opptar noe plass å snakke om på harddisken din, det bruker heller ikke en masse systemressurser. Arachnophilia kobler seg enkelt til den/de nettleserne du har på din pc, f.eks. MS Internet Explorer, Opera eller Netscape, slik at du kan teste ut sidene dine og se hvordan de tar seg ut.

Å skrive inn kode

Når du vil starte på et nytt dokument (HTML-fil), kan Arachnophilia sette opp et skjelett for deg med de grunnleggende kodene. Velg bare File - New File og HTML-File. I dialogvinduet som kommer opp kan du angi sidens tittel, tekst- og bakgrunnsfarge mm. Deretter er det bare å gå i gang og skrive inn HTML-koder i redigeringsvinduet. Når du vil se hvordan kodene dine tar seg ut i en nettleser, er det bare å velge i menyen Preview - Select & Launch Browser og Internal Browser. Neste gang du vil gjøre det samme er det nok å velge Launch Selected Browser, eller bare trykke Ctrl-P.

Det anbefales å bruke kun små bokstaver i HTML-koder. Arachnophilia kan forhåndsinstilles for dette. Velg i menyen Tools - Options og arkfanen Miscellaneous og kryss av for Use lowercase system-generated tags.

Å bruke verktøylinjene

Etter normal installasjon vil Arachnophilia vis en knapperad nederst på skjermen. Hver av disse knappene kaller opp en ny knapperad med en samling vanlige tager. Et alternativ til å bruke denne "meta"-knapperaden, er å klikke med høyre museknapp i verktøylinjen øverst i skjermen og krysse av for den/de knapperadene du vil se.

Klikk på Styles -knappen slik at den tilhørende knapperaden kommer frem.

Styles -knapperaden har bl.a. følgende knapper:

BR P Centr B I U HR

Knappene kan brukes på to måter: Enten kan du først merke et ord eller en del av teksten din og deretter trykke på aktuell knapp. Forsøk dette med B -knappen. Eller du kan trykke på aktuell knapp først og deretter skrive inn tekst der du vil ha den. Dette er aktuelt ved tager som gir avsnitt (P), lister, tabeller osv.

Fonts -knapperaden har bl.a. følgende knapper:

Font Color H1 til H6

Font -knappen setter inn noen standardverdier for den nye fonten. Du må selv etterpå endre skriftstørrelse, farge og type.

Color -knappen setter også inn en ny FONT-tag, men denne gangen kun med COLOR-attributtet. Denne er grei hvis du bare vil endre fargen på en del av teksten. Her kommer det også opp en fargevelger hvor du kan se aktuelle farger. I fargevelgeren kan du også selv definere egne, nye farger. Fargevelgeren setter så inn riktig kode for fargen du har valgt. (Men husk at det er bedre å angi tekstfarge o.l. med stilark (CSS).)

Struct -knapperaden har bl.a.

List LI og IFRAME

Links -knapperaden har bl.a.

NewHTML BareLnk DocLnk og DocRef

NewHTML setter inn en lenke-tag og gir deg muligheten for å velge hvilken (lokal) fil du vil lenke til med en liten filbehandler.

BareLnk setter bare inn en lenke-tag og du må selv skrive inn filnavn eller URL for lenkefilen. (Husk å begynne URLen med http:// hvis den befinner seg på et annet web-område enn dine egne filer!) DocLnk setter inn en lenke til et bokmerke i samme dokument. DocRef setter inn et bokmerke.

Endre knapperadene

Noe av det beste med Arachnophilia er at du kan endre og legge til kommandoer slik at den passer best mulig til ens egne behov.

Standardoppsettet til Arachnophilia er slik at avsnitts-tagen (P) ikke har noen slutt-tag. Jeg foretrekker å bruke slutt-tag også med denne. Her er fremgangsmåten for å endre P - knappens virkemåte:

Velg i toppmenyen Tools - Toolbars/Macros - Edit Toolbars
Velg deretter Select/Edit Toolbar-fliken og velg Styles i listen Select Toolbars.
Velg så Edit Toolbar Commands-fliken.
Velg P i listen Select Command.
I redigeringsfeltet nedenfor står det følgende fra før:

Endre dette til:

 | 

Trykk Close.

Velg Styles -knapperaden og trykk på P -knappen for å kontrollere at makroen virker som den skal.

Hvis du foretrekker det, kan du i stedet for:

 | 

skrive inn:

 | 

slik at P-tagene kommer på egne linjer.

Legge til nye knapper

Det er ikke mer komplisert å legge til nye knapper. Jeg bruker ofte tagen SMALL, og denne er det ikke noen knapp for i Arachnophilia. La oss legge denne til i Fonts -knapperaden.

Velg i toppmenyen Tools - Toolbars/Macros - Edit Toolbars.
Velg deretter Select/Edit Toolbar-fliken og velg Fonts i listen Select Toolbars.
Velg så Edit Toolbar Commands-fliken og klikk på knappen New append.
Skriv inn Small i hvert av de tre feltene for Button name, Tool tip og Status Bar.
I redigeringsfeltet nedenfor skriver du inn koden:

|

Trykk til slutt på knappen Lukk.

Velg Fonts -knapperaden og trykk på Small -knappen for å kontrollere at makroen virker som den skal.

Nå bør du på samme måte legge til en knapp for BIG-tagen i fonts-knapperaden!

Du bør også legge til en knapp for definisjonsliste (DefList) i Struct -knapperaden. Bruk følgende kode:

<DL> <DT>| <DD> <DT> <DD> </DL>

Hvis du vil ha innrykkene i koden kan du der bruke Ctrl-I.

Flere muligheter

I tillegg til å redigere eksisterende knapperader kan man på liknende måte legge til nye verktøylinjer med akkurat de knappene man måtte ønske.

Fremgangsmåten er da slik:
Velg i toppmenyen Tools - Toolbars/Macros - Edit Toolbars.
Velg deretter Select/Edit Toolbar-fliken og trykk på knappen New Toolbar. Gi knapperaden et greit navn og fortsett på samme måten som under Legge til nye knapper ovenfor.

Det er også mulig å opprette et visst antall makroer som ikke er knyttet til knapperader men som er knyttet til tastekombinasjonene fra Alt-A opp til Alt-Z.

Fremgangsmåten er da slik:
Velg i toppmenyen Tools - Toolbars/Macros - Edit Keyboard Macros.
Velg hvilken tast du vil trykke sammen med Alt-tasten og skriv inn koden i redigeringsfeltet nedenfor. (Hvis det allerede står noe der kan du vurdere å slette det, det er den forrige makroen som var knyttet til samme tastekombinasjon. Eventuelt kan du velge en annen tastekombinasjon.) Trykk på knappene Apply og Hide.

Å validere koden

Når du har skrevet en del kode, så kan det være greit å vite om koden er riktig satt opp, etter de standarder som finnes for HTML. Slike standarder er utarbeidet av W3C (WWW Consortium). For å validere (teste) koden din, kan du bruke programmer som HTML-Kit, eller du kan bruke W3C sin online valideringstjeneste. For at denne siste skal fungere må du legge inn et par ekstra linjer i koden din, slik at valideringsprogrammet kan bruke riktig regelsett.

Legg først inn følgende (nøyaktig!) før starttagen <html> helt først i dokumentet.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Legg så inn følgende i HEAD-seksjonen:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Etter å ha lagret HTML-filen, er du nå klar for å validere den. Bruk en nettleser og gå til siden: http://validator.w3.org/. Ved siden av feltet "Local file:" trykker du på knappen "Choose". Bla deg fram til riktig fil og trykk "Åpne" ("Open"). Trykk deretter "Validate file". Nå vil du få opp en melding om at filen din validerer korrekt, hvis ikke, vil du få en liste med feilmeldinger, og angivelse av hvilke linjer i koden din som inneholder feil. Deretter er det bare å gå i gang og rette feilene...!

Tilbake til meny for Informatikk studieretningsfag