Viktiga punkter och frågor att besvara
|
-
Syftet med hemsidan
-
Målgrupp
-
Innehåll
-
Struktur
-
Utseende - layout
-
Göra HTML-märkningen
-
Länkar till några hemsidor, mars 1998
|
En arbetsmodell
|
-
Varför vill jag ha en hemsida?
- "Därför att alla andra har en" är inte ett godkänt svar!
När du vet varför, fyller du åtminstone i svaren på de tre första
punkterna ovan. Framför allt noterar du vilka punkter du vill ha med på
hemsidan. Amatörradio, biodling, musik, modellflyg, fiske etc.
I verkligheten blir kanske aldrig punkten om Innehåll någonsin färdig.
Och vips har du uppfyllt drömmen om en levande hemsida!
-
Det mest tidsödande arbetet med hemsidan är att få ihop innehållet,
dvs. den information du vill delge universum. Det är text, bild och
eventuellt ljud.
Börja med detta arbete och blanda inte in HTML-kodning i sammanhanget.
Skriv med en vanlig texteditor, ordbehandlare eller t.o.m på papper.
Bilder kan du rita, få, "låna" eller stjäla. Ditt val. Ska du rita
själv är PaintShop Pro ett billigt och bra alternativ.
Den är snart uppe i version 5.0. Har du råd eller skumma kontakter
rekommenderar jag Adobe PhotoShop 4.0+. Men då har du en inlärningströskel
på flera hundra timmar innan du är halvbra. Bara så du är varnad.
Den är bäst men svårast. Men problemet är inte programmet. Problemet är att
bli grafiker och designer samtidigt om du inte redan har det som yrke.
-
Nu kan du börja tänka på den logiska strukturen hos hemsidan. Använd
papper och penna eller blädderblock eller whiteboard. Låt bli datorn
såvida du inte har ett program för att skapa symboliska strukturer
eller flöden.
-
Utseende - layout. Nu får du inte ens ha datorn påslagen! Det är hjärnan
och fingrarna som ska göra jobbet. Använd papper och penna eller
blädderblock eller whiteboard. Inledningsvis föredrar jag papper och penna.
Då kan jag ligga i lässoffan och skissa och göra pappersbollar och kasta
på golvet etc. etc. Har jag tur kan jag sen spela innebandy en bra stund
innan jag fått ner alla pappersbollarna i papperskorgen. Papperen som inte
blev innebandybollar tar jag med till datorn.
-
Sedan sitter jag vid datorn med alla skisser och flöden och börjar
med det inledande HTML-hackandet. För att fixa layouten och strukturen.
Därefter följer inläggning av text och bilder. Sen är det klart.
-
Mer var det inte. Några hundra timmars jobb för en klubb-hemsida.
Kanske hundra för en personlig sida.
|
Att tänka på under sidbyggandet
|
-
När helst du sätter igång att göra en hemsida är du dömd till undergång
om du inte utför det extra tankearbete som krävs för att skapa en
hemsida som är bra för läsaren.
-
Vad läsarna är ute efter när de kommer till din hemsida är information.
Om du kan ge dem vad de vill ha, enkelt och snabbt; då har du lyckats.
-
De flesta surfare sitter fortfarande med ett 33,6 kbit modem och har en 15 tums
bildskärm i upplösningen 800x600. Tänk på det. Framför allt om du
sitter och skapar hemsidor i upplösningen 1024 x 748.
-
Hellre 287 nöjda besökare av besöksräknarens 287 än 15 nöjda besökare av 32.127.
-
Gör hemsidan utbyggbar; dvs. lätt att komplettera utan att man ska
behöva strukturera om alltsammans. Dessutom blir den lättare att uppdatera.
-
Uppdatera så regelbundet du bara orkar med (och har råd till).
-
"Under konstruktion"-skyltar. Glöm det! Nästan alla hemsidor är under
konstant konstruktion eller bör vara det. Det lär man sig omedvetet
efter några timmar på webben. Använd den tid det tar att hitta en häftig
eller artig "Under konstruktion"-skylt till att göra hemsidan klar.
|
Sanningar om surfning och surfare
|
-
Bara ca. 16 % av surfarna läser verkligen igenom den skrivna texten
när de surfar.
-
Att läsa från bildskärm är ca. 25 % långsammare än att läsa samma
text från papper.
-
Cirka 79 % av surfarna surfar bara på utan att ta sig tid att läsa det
dom ser.
-
En av orsakerna till det här anses vara ett kort s.k. "attention span",
dvs ett litet "uppmärksamhetsfönster". Några av skälen tros vara stress,
MTV och fjärrkontrollen till TV:n.
-
Ett sätt att öka läsbenägenheten på webbsidor är att minska storleken på
typsnitten och reducera textmassan i ord räknat i förhållande till tryckt text.
Den här sidan har skrivits med ganska stor stil med tanke på att författaren på grund av sin ålder
ska kunna korrekturläsa den.
-
Den främsta orsaken till att vi beter oss på det här sättet är
helt enkelt att webben är ett nytt media. Punkt slut!
Tillbaka till ruta A. Nya regler gäller.
|
Konkreta tips och en del teoretiska
|
-
Sätt alltid ut bredd och höjd på dina bilder! T.ex
<![CDATA[<img src="skrablug.gif" alt="logo" border="0" WIDTH="55" HEIGHT="95">]]>
Hemsidan kommer upp snabbare hemma hos surfaren därför att webbläsaren
vet vad som är på gång och kan planera därefter.
-
Välj en bakgrund, som gör att det går att läsa texten på din hemsida.
Bara scientologerna skulle vara betjänta av svart text på svart bakgrund;
m.fl.
-
Ändra inte färger för länkar. Användaren måste få fungera intuitivt
på dem, dvs utan att tänka medvetet. Det senare är inte verifierat.
-
Gör varje enskild sida självständig, dvs så den står på egna ben och inte
behöver hjälp av andra sidor på din hemsida.
Sätt dit en identifikation så att läsaren ser till vilken hemsida den hör.
Vilken som helst av dina sidor kan vara länkad till, från något annat ställe
och då ska läsaren veta att han hamnat på "ny" mark.
-
Var inte för humoristisk och vitsig; använd inte ett alltför avancerat
bildspråk (metaforer). Det fungerar inte på MTV heller, vet du.
Surfarens tempo är högt och en Pentium II:a i datorn kompenserar inte
för en 8080 mellan öronen.
-
Ge bakgrundsinformation och skriv lite förklarande text. Förutsätt inte att
läsaren vet vem du är; vad du arbetar med och har för intressen.
Tro inte heller att läsaren är lika hemmastadd på din hemsida som du själv är.
För det är du väl?
-
En bra hemsida behöver inte vara tråkig, ha en mängd olika typsnitt och stilar,
en massa bilder och ett språk som om den vore författad av Shakespeare,
Strindberg eller James Joyce.
-
Använd inte de senaste och häftigaste märkorden ("taggarna") i HTML och
utforma inte din hemsida för den senaste versionen av den stora "superläsaren".
Använd inte heller läsarspecifika märkord och funktioner. Skriv generellt.
-
Använd inte märkordet<![CDATA[<BLINK>]]>Och därmed basta!
-
Rullande texter och GIF-bilder som inte avbryter sin animering stör det
perifera seendet och drar uppmärksamheten från den verkliga informationen.
Eller är det kanske det som är meningen?
-
Sätt inte ut komplexa URL:er i texten. Ge dem ett kort relevant namn
istället. E-postadresser är ett undantag; de är så väl standardiserade.
-
Gör inte för långa sidor. Notera dock att antalet surfare som rullar
upp sidan efter den första delen, har ökat från 10% till ca 25% på
mindre än två år.
-
Håll hemsidan levande. Det innebär också att man rensar ut gammalt skräp.
Den är som en trädgård. Plantera nytt och rensa ogräs.
-
Kolla upp alla länkar du lägger in och kontrollera också då och då
att dina länkar fortfarande pekar rätt. Det enda som är snabbare än
överföringshastigheten på Internet är farten med vilken länkar förändras.
-
Lägg alltid in kontaktinformation på dina sidor. E-postadressen räcker
oftast.
-
FRAMES. Ett rakblad i händerna på ett ettårig barn. Användes med mycket
förstånd och bara när det är nödvändigt. Styr länkar och dokument
stenhårt. Ställer dessutom till problem när du vill sätta bokmärken.
-
Lämna tomma ytor på dina sidor så att surfarens ögon kan vila upp sig
någonstans. Lämpligen till vänster och höger i bilden.
Det här betyder alltså; fyll inte varenda cm² med text eller bild.
-
Använd inte för mycket bilder såvida det nu inte råkar vara fråga
om en bild-hemsida för tecknare och fotografer. Gör i så fall helst inte
bilderna större än 532 x 465.
-
Bilder1: Gör dem inte större än WIDTH="532" HEIGHT="465". Då passar
de precis på en A4-sida vid utskrift med Netscapes standardinställningar.
-
Bilder2: Sätt upplösningen till 72 pixel/tum för den slutliga web-bilden.
Bättre är i genomsnitt inte en bildskärms upplösningen. Bra skärmar klarar
96 - 120 pixel/tum, men kör med 72.
-
Bilder3: GIF-bilder använder du för typ tecknade bilder med mindre än
256 färger, när du behöver transparent bakgrund eller bara "måste" ha
en animerad (rörlig) bild.
Till fotografier och andra bilder med kontinuerligt spektra använder du
JPG-formatet. Komprimera till 80 % kvalitet.
-
Bilder4: Utnyttja ALT-parametern för dina bilder. Då kan man se länkarna
i en textbaserad läsare eller om man har slagit av bildvisningen i sin grafiska
läsare.
-
Snabbaste bakgrundsbilden är långsmal, minst 800 x 16 pixel men ännu hellre
1280 x 16 pixel; då täcker den en 17 " helskärm.
Dessutom ska den inte vara "interlaced" om det är en GIF-bild.
|
HTML-editorer och generatorer
|
-
Absolut billigast och ett sätt att få ränta på tidigare investeringar;
utnyttja barn eller barnbarn. Ge dem underlaget och ryt: "sätt igång"!
-
Macho-sättet. Använd DOS Edit eller Windows Notpad och skriv hela
koden för hand. HTML-filerna är nämligen ASCII-filer; inte ANSI-filer!
Det är så här vår klubbs hemsida är gjord. Visserligen med en bättre editor
än ovanstående. Sättet rekommenderas om du verkligen vill lära dig
HTML-märkorden.
-
Microsoft Word97. Exportera sedan som HTML-dokument. Verkar ge tämligen
brutal och förenklad HTML-märkning. Det går bra att gå in och göra
förändringar för hand efteråt.
-
Pagemaker 6.5 och högre. Exportera som HTML-kod. Kan inte uttala mig
om hur resultatet blir. Har dock förutsättningar för att bli bättre än MS Word.
-
HTML-verktyget som följer med Netscape Composer. Grafisk editor.
-
Einstein HTML Pro. Helsvensk proffsig editor. SW 195 SEK. Finns hos
http://www.algonet.se/~perji/ .
-
JoyHTML. Ännu en helsvensk finessrik HTML-editor. SW ca 300 SEK.
Sök rätt på den hos någon svensk Tucows-site.
-
HotDog Pro. Proffsig editor. Finns på webben.
-
MS FrontPage m.fl. professionella verktyg.
-
Sist men inte minst; Macromedias DreamWeaver á 4.200 SEK, som är
min drömeditor för webbdokument för närvarande.
|
Länkar till några hemsidor, mars 1998
|
|
|