Vad behöver jag?

Gott humör, massor av kaffe och en idé om vad din hemsida skall innehålla. Allt detta får du emellertid skaffa själv - här tänker jag berätta vad du behöver i programväg.

Praktiskt taget alla program du behöver finns att hämta gratis på Internet. Vi har gjort det ännu enklare för dig, genom att lägga det mesta av det bästa på årets medlems-CD. Den har du som är medlem fått tillsammans med PrintOut 3/2000. Om du inte är medlem i SDN kan du köpa skivan för 200 kronor, men då ingår ett års medlemskap.

Oavsett vilken webbläsare du normalt använder, bör du ha båda de "stora" installerade på datorn. Det gör att du kan kontrollera att din hemsida fungerar som du har tänkt dig i både Internet Explorer och Netscape Navigator. Båda finns i senaste svenska versionen - Internet Explorer 5.5 och Netscape Navigator 4.51 - på årets medlems-CD.

I den här skolan skall vi inte använda något grafiskt program för att göra HTML-sidor. Vi skall skriva all kod själva - en HTML-sida är egentligen ett vanligt textdokument, med ändelsen *.html i stället för *.txt.
   En grafisk HTML-editor - en WYSIWYG-editor, "det du ser är det du får" - kan visserligen vara bra att ha, men de riktigt bra programmen kostar pengar och gratisprogrammen är ofta antingen ganska begränsade i sina funktioner eller också lägger de in reklam på din hemsida, och det vill du inte ha.
   Dessutom lägger dessa dra och släpp-program ofta in så kallad skräpkod, små onödiga kodsnuttar som inte behövs men gör det svårare att hålla kontroll på sidan och samtidigt gör den onödigt stor.
   Använd inte ditt stora ordbehandlingsprogram. Texten till ditt HTML-dokument skall sparas i rent ASCII-format, vilket är vad Anteckningar och liknande program gör.
   En vanlig texteditor - eller en textbaserad HTML-editor där du har direkt tillgång till en massa kodavsnitt - är mindre och ofta alldeles gratis. Några förslag:

1st Page 2000 innehåller massor av färdig kod som du bara klickar ut på din sida. Den har dessutom ett väl tilltaget bibliotek med JavaScript och en inbyggd förhandsgranskare.

NoteTab Light är en synnerligen mångsidig textredigerare som mycket väl kan ersätta Windows Anteckningar. Även här finns inbyggda bibliotek med kod för allt möjligt - inte bara HTML-sidor. Du kan direkt från NoteTab förhandsgranska dina sidor i din vanliga webbläsare.

HTML Gate 2000 innehåller - förutom en mängd kod - en inbyggd javascripteditor som du kommer att ha nytta av. I HTML Gate 2000 väljer du om du vill förhandsgranska sidorna i den inbyggda webbläsaren eller i din vanliga webbläsare.

De här programmen, möjligen med undantag av NoteTab Light, kan betraktas som en korsning mellan grafisk HTML-editor och textredigerare. NoteTab har så många andra bra funktioner att åtminstone jag ser den som oundgänglig.

Med detta sagt, så är det faktiskt på det viset att du inte behöver någon HTML-editor alls! Windows Anteckningar duger utmärkt, men vill du ha möjligheten att hålla flera sidor öppna samtidigt - åtkomliga på flikar - väljer du sannolikt NoteTab Light.

På en del gratisservrar - där du kan lägga upp dina hemsidor - är det meningen att man skall gå in på serverns webbplats, logga in på sitt eget konto och skicka filerna därifrån. Detta är en ofta ganska bökig procedur och tar onödigt lång tid. 
   Om du däremot skall använda dig av det snabbare File Transfer Protocol, behöver du ett Ftp-program. Ett av de vanligaste programmen är WS_Ftp LE, som är gratis för privat bruk. Det är lätt att använda, men i gratisversionen kan du inte arbeta som i Utforskaren genom att helt enkelt dra och släppa filerna.
   Det kan du däremot göra i Drag&Drop FTP 2000, som också är gratis och kommer från samma tillverkare som HTML Gate 2000.

Så småningom kommer du att använda stilmallar - Cascading Style Sheets eller CSS. Med den metoden blir det lättare att hålla en genomgående stil på sidorna och att ändra till exempel fonter, eftersom du bara behöver göra ändringen på en enda plats. De stilmallar du kommer att använda i den här HTML-skolan är så enkla att det går fortast att skriva dem själv.
   Men om du vill göra mer komplicerade stilmallar, kan det vara bra med ett program som gör att du direkt ser hur dina ändringar kommer att se ut. Ett sådant program är Top Style Lite - som är gratis. Det är mycket enkelt att använda och du kan dessutom öppna det direkt från NoteTab om du använder det programmet.

Du behöver ett bra program att behandla bilder i - att bara använda bilder från webben eller clipart blir bra trist i längden. Du måste kunna beskära dina bilder, krympa dem till för webbsidan hanterbar storlek, ljusa upp mörka områden och dämpa högdagrar, göra bakgrunden genomskinlig, kanske lägga till snygga effekter, ramar och mycket annat.

Om du tänker visa många eller stora bilder på hemsidan, måste du kunna göra småbilder (thumbnails) som besökaren kan klicka på för att få upp den "riktiga" bilden.

Även för att hantera bilder och annan grafik till hemsidan finns naturligtvis en mängd gratisprogram. Ett bra sådant är IrfanView.

Men bland grafikprogrammen börjar nog ändå Paint Shop Pro att bli litet svårslaget. Det är inte lika krångligt att lära sig som PhotoShop, men har ändå - åtminstone när det gäller bilder för webben - nästan lika stora möjligheter. Samtidigt är det rejält mycket billigare. Paint Shop Pro innehåller även Animation Shop, som är ett av de bättre verktygen för att göra rörliga bilder till hemsidan.

Animation Shop som ingår i Paint Shop Pro är ett bra program för att göra rörliga bilder, men det är inte gratis.

Ett alldeles utmärkt program för att göra animerade GIF-bilder - som är mer eller mindre standardformatet för rörliga bilder på webben - är WebPainter 1.0. Det finns att hämta gratis från Builder, men nedladdningsfilen är på nästan 3,8 MB.

Ett enkelt och ganska bra gratisprogram är Microsoft GIF Animator, som du kan hämta på Internet och det finns en manual på svenska att läsa online (eller göra tillgänglig för att läsa offline).

Imagemapping innebär att man gör bilder klickbara så att olika delar av bilden leder till olika länkar - eller åstadkommer olika effekter. Map This! är ett mycket bra verktyg till detta. Programmet "finns inte" längre, så du kan inte få support från tillverkaren, men det lär du knappast behöva heller. Med litet tur går det att hitta på Internet

... av "bra att ha-saker" till dina hemsidor. Här och var i HTML-skolan kommer du att hitta länkar till sådant, samt till bra webbplatser där du kan skaffa dig allt möjligt som du inte anade att du behövde. Alla sådana länkar öppnas i ett nytt fönster, så att du lätt kommer tillbaka hit.

© SupportData.Net