SKAPA LÄNKANDE BILDER

Handy image mapper 1.2
Nästan alla moderna html-redigerare levereras med ett verktyg som hjälper till att skapa bilder med inbakade länkar, så kallade image maps. Verktygen brukar vara komplicerade att använda och innehåller för många funktioner, vilket gör det rörigt att sätta sig in i dem. Ändå är det ännu svårare och tar ännu längre tid att programmera dem själv.

Det enklaste är att använda program vars enda uppgift är att göra just image maps, exempelvis gratisprogrammet Handy image mapper 1.2 (www.silveragesoftware.com/handytools.html). Välj bara vilken bild du vill använda, skapa klickbara områden och ange vilken länk respektive område ska ha. Därefter skapar programmet själv html-koden som du bara behöver klistra in på din webbplats.

SKAPA ANIMERADE BILDER

Unfreez 2.1
Att ha med animerade gif-bilder på en webbplats är ett effektivt sätt att ge den lite mer multimediekänsla utan att behöva ta med ljud och fi lmer. Grundprincipen för animerade giffar är att det är fl era gif-bilder som samlats ihop i samma fi l, och varje bild visas en kort stund innan det bläddras vidare till nästa. På så sätt hålls storleken på fi len nere.

Programmet Unfreez 2.1 (www.whitsoftdev.com) är perfekt för att skapa sådana animationer. Du behöver bara dra och släppa de gif-bilder du vill använda i programfönstret, ange hur lång tid varje bild ska visas (delay time) och klicka på knappen Make Animated GIF.

LADDA UPP FILER PÅ EN WEBBSERVER

Smart FTP 2.0
Att använda ett ftp-program är det bekvämaste sättet att ladda upp fi ler på en webbserver. Smart FTP 2.0 (www.smartftp.com), som är gratis för hemanvändare, är perfekt för ändamålet och väldigt enkelt att använda.

Det går till och med att ändra språket i programmet till svenska tack vare en gratis tilläggsmodul (www.smartftp.com/localization.php). Det enda du behöver göra är att hämta hem språket du vill använda, dubbelklicka på språkfi len och svara ja på alternativen i dialogrutorna. Sedan startar du Smart FTP och väljer Settings i Tools-menyn. Under Language väljer du språket du vill använda och klickar sedan på OK. Nästa gång du startar programmet kommer språket du valde att användas. En ännu smartare detalj är att programmet kommer ihåg inställningarna för webbplatsen där du var inloggad senast. När du startar Smart FTP kommer programmet automatiskt att ansluta till servern där du var inloggad senast.

HITTA DEN PERFEKTA FÄRGKOMBINATIONEN

HTMLcolor 2.0.0.2
Alla proffsiga webbplatser behöver en konsekvent design. Det handlar inte bara om den grundläggande layouten och hur bilder är placerade, det handlar också om att ha konsekvent färgsättning på bakgrund, text och länkar. HTMLcolor 2.0.0.2 (http://bluefive.pair.com/htmlcolor.htm) hjälper dig just med detta.
Välj färg på bakgrunden, texten och länkarna med hjälp av reglagen, så visar förhandsvisningen hur det hela kommer att se ut. Om du vill veta vilka färger som kompletterar en bakgrundsbild perfekt kan det här verktyget hjälpa till med det också. När du har hittat de rätta färgerna kopierar du in värdena i urklippshanteraren och klistrar in dem i html-redigeraren.

KONTROLLERA WEBBPLATSENS LÄNKAR Xenu Link sleuth 1.2h Alla som gör webbplatser känner till problemet: Ju längre en webbplats har funnits på webben och ju oftare innehållet har uppdaterats, desto större är risken att länkar till externa sidor, bilder och liknande innehåll inte fungerar längre. Om en besökare klickar på en sådan länk får denne ett felmeddelande om att "sidan kan inte hittas" och det ger inte något vidare gott intryck. Men i stället för att sitta i timmar och kolla alla länkar manuellt bör du delegera jobbet till Xenu Link sleuth 1.2h (http://home.snafu.de/tilman/xenulink.html) Det här smarta verktyget kontrollerar alla länkar som finns på webbplatsen och rapporterar allt som inte fungerar i en tydlig lista. Du kan testa webbplatsen oavsett om den ligger på en server eller om den finns lokalt på din dator.

DELA UPP BILDERNA I SMÅBITAR

Splitz! 1.51
Om du planerar att visa stora bilder på din webbplats kan det vara bra att dela upp varje bild i fl era bitar för att underlätta för besökare med långsamma internetuppkopplingar.
I stället för att man väntar på att en hel stor bild laddas hem byggs bilden upp av de små delarna. Den här bildbehandlingen kan ordnas med Splitz! 1.51 (www.feldfunker.de/software/splitz.html). Öppna bilden du vill dela upp - programmet stöder bland annat jpeg och gif -, markera hur stora delarna ska vara med musen och spara allting som en html-kompatibel tabell genom att välja Export i File-menyn.

KONTROLLERA KÄLLKODEN CSE HTML validator Light 7.01 Om du skriver brev med Word eller någon annan ordbehandlare kontrollerar du säkert stavningen med den inbyggda stavningskontrollen innan du skriver ut eller e-postar brevet. CSE HTML validator Light 7.01 (www.htmlvalidator.com/lite/) gör samma sak men kontrollerar källkoden på webbplatser efter fel som att exempelvis taggar inte har avslutats.

ANVÄND FÄRDIGGJORDA JAVASCRIPT

Dynamicdrive.com
För att erbjuda dina besökare det där lilla extra kan du använda dig av Javascript. Tack vare det programmeringsspråket går det att skapa interaktiva kalendrar, animerade menyer och till och med enkla spel.

Du behöver inte ens ägna dig åt programmering, eftersom internet har många webbplatser fulla med Javascript-program som kan laddas ner gratis. Dynamicdrive.com (www.dynamicdrive.com) är en av de mest omfattande samlingarna och består av en rad kategorier med sammanlagt tusentals färdiggjorda Javascript-program. Till vart och ett finns även en kort beskrivning av vad det gör, en förklaring till hur det fungerar och instruktioner för hur man lägger in det på sin webbplats. Det brukar till och med finnas ett färdigt exempel så du kan få ett hum om hur det kommer att se ut.

GÖR EGNA FLASH- OCH JAVA-EFFEKTER

Advanced effect maker Freeware edition 2.0
Skulle du vilja krydda din webbplats med lite Flash- eller Java-effekter men vill inte lägga ner pengar på att köpa program eller tid på att lära dig hur man gör? Inga problem, verktyget du letar efter heter Advanced effect maker Freeware edition 2.0 (www.effectmaker.com/application/).

Det är visserligen en nedbantad version av Advanced effect maker Hobby edition 2.0 som kostar 29 dollar, men innehåller trots det inte mindre än 40 mallar. Det räcker långt för att skapa egna menyer, underhållande bildvisningar och intressanta texteffekter på ett ögonblick. Det är enkelt att använda programmet: Välj en mall, gör de ändringar du behöver och klicka på knappen Create Applet. Resultatet, tillsammans med källkoden och installationsanvisningar, kommer att visas i din webbläsare och du kan direkt se om det blev som du tänkt.

KOMPRIMERA DINA WEBBSIDOR

HTML Compress 5.5
Ju mer strömlinjeformat en webbplats är programmerad, desto snabbare går det att ladda sidorna, till besökarnas allmänna glädje. De fl esta som programmerar hemsidor vet att bilder, musik och framför allt videosekvenser får hemsidor att öka rejält i storlek. Men det är inte många som tänker på att källkoden måste effektiviseras. Varje mellanslag, varje radbrytning och varje punkt kräver lagringsutrymme.
HTML Compress 5.5 (www.freesoft.fsnet.co.uk/html01.htm) är ett ovärderligt verktyg för att leta reda på onödig barlast. För att göra sidorna upp till 50 procent mindre och snabbare att ladda ner - till exempel enbart genom att plocka bort onödiga mellanslag - startar du programmet, laddar in en eller fl era sidor och klickar på Compress.

SKAPA EN PROFFSIG BLOGG

Thingamablog 1.0.5
Idag är det nästan otänkbart att ha en webbplats som inte har en blogg. Det fi nns två sätt att bygga ut sin webbplats med en sådan dagbok: antingen använder du en färdiggjord lösning eller så skapar du bloggen själv. Det gör du i en handvändning med Thingamablog 1.0.5 (http://thingamablog.sourceforge.net). Efter installationen startar du programmet, godkänner texten som kommer upp genom att klicka på "Yes" och väljer vilken mapp programmet ska lagra sin databas i. Starta guiden för att göra en ny blogg genom att välja "New Weblog" i "File"-menyn.
Det första steget är att skriva in grundsökvägen och grundadressen. Grundsökvägen syftar på sökvägen till blogg-fi lerna, till exempel /blog. Grundadressen syftar på vilken internetadress själva bloggsidorna kommer att fi nnas på, till exempel http://www.domänenduanvnder.se/blog/. De följande stegen handlar om hur webbplatsen ska se ut, vilka kategorier den ska ha och vilken layout du vill använda. Till slut skriver du in inloggningsuppgifterna till din server och avslutar guiden. För att skapa ditt första inlägg klickar du på "New Entry", fyller i alla fält och väljer en kategori. Texten kan formateras så att den ser ut som du vill, du kan lägga till länkar och bygga ut med bilder och tabeller. När du är färdig klickar du på "Save". Du lägger till dit nya inlägg genom att klicka på ikonen Publishing och ladda upp fi lerna.

LÄGG TILL EN RÄKNARE

Statcounter
För att ta reda på hur många som besökt din webbplats kan det vara smart att använda sig av en räknare som gör jobbet åt dig automatiskt. Du behöver inte oroa dig för att du måste programmera en egen, det räcker att du registrerar dig på Statcounter (www.statcounter.com) och fyller i informationen som efterfrågas så får du en gratis räknare. En intressant detalj är att de webbplatser som har så många besökare att de kommer in på Topp 100 listan belönas med en speciell version av räknaren.

GLÖM INTE! SPECIALTECKEN

HTML entities tool
Alla som skapar webbplatser med en html-redigerare är säkert glada över att man kan skriva texten i Word. Nackdelen är att man kanske glömmer bort specialtecken som Ä, ©, ® och §. Det betyder att det inte är säkert att utländska besökare kan se tecknen som du har skrivit dem. Den problematiken är enkel att lösa genom att ersätta tecknen med deras motsvarande html-kommando. Det här är inte något du behöver göra själv (det kallas för övrigt masking) eftersom det fi nns verktyg som HTML entities tool (www.fariel.com/Reference/ HTML/Entities.php) som kan göra det. De specialtecknen vi nämnde som exempel skrivs så här: &AumI;, ©, ® och §.

REDIGERA WEBBPLATSEN DIREKT I WEBBLÄSAREN

HTML quick edit bar 1.3
De flesta som har gjort egna webbplatser känner säkert igen den här situationen: du har precis publicerat sidorna du har gjort när du upptäcker ett stavfel på startsidan. Men i stället för att starta html-redigeringsprogrammet, fixa felet och skicka upp den nya versionen till servern kan du fi xa till det direkt i Internet explorer.
HTML quick edit bar 1.3 (www.winutility.com/qeb) gör det möjligt eftersom verktyget lägger till ett extra verktygsfält i webbläsaren. Klicka på "Design Mode" så kan du redigera text precis som i ett html-redigeringsprogram och publicera den nya sidan genom att klicka på "ftp". Därefter skriver du in inloggningsuppgifterna och var sidan ska publiceras och klickar på "OK".