Hem
 
 
 
Gå till...
Tillmig!
Till Skrivlyan!
Gå till...
Till TransNytt!
Vilka är transpersoner?
Till FAQ!
Till Våra Rättigheter!
Till Transactivistsidan!
Gå till...
Till boktips!
Till länkarna!
Till Skrattsidan!

 
Bygga hemsida!
 


 

Enklast möjliga

Att bygga din egen hemsida är inte alls så svårt som det kan verka. Vill du göra det väldigt enkelt för dig går du till någon av de sajter som erbjuder medlemmar egna hemsidor, färdiga med mallar för design och allt. Några exempel är Passagen och Yahoo/Geocities
Bra tips för dig som gör en sån sida finns hos Veronica. Där finns en del bra säkerhetstips också som är nyttiga för alla. Och en bra grundkurs för både dig och gör-det-självare finns hos Arvence. Tänk också på att en sida gärna ska ha både innehåll och utseende. Ett bra innehåll kanske inte läses av dina besökare om utseendet är trist eller gör texten svårläst. Och en aldrig så snygg design uppväger sällan ett trist innehåll. Även mer personliga familjesidor går att få intressanta, tex genom att du delar med dig av dina favoritrecept, recentioner på nyutkomna böcker och musik eller erbjuder länkar till och recensentioner av gratisprogram/spel du testat.

Glöm inte lagen

Även den simplaste hemsida innebär ett visst juridiskt ansvar. Det är inte webbhotellet som ansvarar för att det inte finns olagligheter på din sida, det gör du! Det lands lagar som gäller för den server där du har din sida gäller i allmänhet också för din sida. I allmänhet gäller internationell upphovsrättslagtiftning, som exempel kan du läsa den svenska upphovsrättslagen. Bra information om vad upphovsrätt (copyright) är och vad man får och inte får göra finns på Vad är copyright?.
I Sverige får man publicera bilder och texter om det mesta, men man får inte publicera något som bryter mot hetslagstiftningen. (Se Tryckfrihetsförordningen, Kap. 6, §4.11 och Brottsbalken, Kap 16 §8) Det betyder i korthet att man tex. inte får skriva att olika folkgrupper i samhället är äckliga, perversa, borde skjutas eller skickas hem till sina hemländer. Inte heller får man, som privatperson som vare sig har ett konstnärligt eller journalistiskt uppsåt, publicera personuppgifter om folk utan deras godkännande. Det står i Personuppgiftslagen (PUL). Hur man ska tolka PUL är inte alltid enkelt eller oomtvistat, läs mer här. Men generellt innebär PUL att du inte får publicera namn, adresser, telefonnummer, bilder etc på folk som inte har godkänt det. Har man en chatt eller ett forum på sin hemsida så lyder sidan dessutom under lagen om ansvar för elektroniska anslagstavlor. Och har du något kommersiellt innehåll på din sida lyder den givetvis under än fler lagar, men som företagare känner du antagligen till tex. lagen om elektronisk handel, marknadsföringslagen och lagen om namn och bild i reklam, eller borde i alla fall göra det.
Så, nu kan du det juridiska. Återgå nu till den roliga biten. Är du en snäll och vänlig själ och använder ditt sunda förnuft borde du inte få några juridiska problem med din sida.

Lite mer avancerat

Vill du ha en egen sida, slippa designa och bara skriva texten? Men du gillar inte riktigt de färdiga layouterna som communitys som Yahoo/Geocities eller Passagen erbjuder? Det enda du behöver är lite rudimentära baskunskaper, en färdig layout och tillgång till en FTP-server. FTP-servern kan du få via ett webbhotell, där du lägger upp din sida. Några bra exempel, med priser från 1:-/mån till 50:-/mån och ingen störande reklam, är Hemsida .net, Brinkster.com och Friserverplads.dk, WebCows, Clichehosting, SpacePro network, och Linux.se men det finns många fler. De allra flesta webbhotell erbjuder också eget domännamn. Det kan vara praktiskt eftersom det betyder att du kan byta webbhotell när du vill utan att byta adress på sidan. Priserna varierar men WebCows tabell ger en fingervisning. Ofta ingår det också en eller flera fria hemsidor i det internetabbonemang man har. Kolla på din internetleverantörs sida hur villkoren ser ut, kanske räcker de för dina behov just nu.

Färdiga layouter

Så, hur får man tag i galningar som gör snygga webblayouter och säljer dem billigt eller tom. skänker bort dem? Faktum är att nätet vimlar av dem, och en del av layouterna är ganska snygga! Oftast behöver du bara länka tillbaka till webbdesignerns sida för att få använda en design, en "template". Kolla hos Registry Of Design, Gilbertson´s webbstudio, ThomasWebb, EvasGallery, DreamDolphin Templates, Underbar(klicka fram övermenyn via textlänk längst ned, sen går du till layouter), och Beckisdesign och surfa sen runt för fler. Om layouten inte visas som HTML-dokument (så du själv kan se hur den fungerar) rekommenderar jag att du noga tar reda på hur den fungerar i olika webbläsare. En snygg hemsida är bara snygg om den visas korrekt och den bör kanske vara enkel att uppdatera också. Kolla alltså tekniken också, inte bara utseendet. I alla fall om du betalar för sidan.

Snickra själv!

Att göra sin egen hemsida från grunden är inte alls så svårt som det kan verka. Hemsidor skrivs i HTML-kod och den kan man skriva i sitt TEXTpad eller NotePad och spara som HTML-document,dvs .html. Den här sidan är gjord i TEXTpad, utan editor. Det kan vara bökigt med invecklade tabeller, men det går.
Man kan också använda en HTML-editor. Det är ett program gör att man inte behöver skriva själva koden själv och många tycker att det är enklare så. Front Page är ett exempel som du kanske redan har i din dator. Annars kan man ladda ned bra HTML-editorer från tex Download.com.. HomeSite rekommenderas av en del och kan laddas ned från Macromedia. Hos både Download och Macromedia finns också FPT-program som man behöver för att ladda upp sin sida till FTP-servern. WS_FTP LE har fungerat bra för mig.
Man kan använda sig av andra program också, Javascript, ASP eller PHP till exempel.
Men, för nybörjaren är HTML en bra grund.
Och som nybörjare i HTML har man bra hjälp av Calle Adells HTML-skola. Det har varit min huvudsakliga kunskapskälla när jag byggt den här sajten. Webbdesignskolan har också mycket bra kurser om HTML. Hos Annica Tiger finns också en del information om vad HTML är och lite om hur det fungerar, ihop med ett enkelt grunddokument.

CSS - StyleSheet

Ett bra komplement till en enkel HTML-sida är att använda sig av CSS, dvs stilmallar. Det är ett sätt att formatera text, och för den som vill även form, på ett sätt som gör koden mer lättöverskådlig, och sidan mer snabbladdad. Man kan antingen lägga sin stilmall inom Head , direkt i Body eller på ett separat dokument och ha en länk inom Head. Det utseende man ger texten inom väljarna i stilmallen (p, td, tr, h1 mm) appliceras sedan på motsvarande taggar i Body. Vill du se exempel kan du högerklicka på den här sidan och välja "visa källa". Den har nämligen ett enkelt StyleSheet inom Head-taggarna, som gör att jag tex. inte behöver skriva ut vilken font jag ska ha på varje rubrik. Knyck koden om du vill och modifiera den efter egna behov, men du behöver förmodligen lära dig lite grundkunskaper i CSS först. Det kan du få i artiklarna hos HTML-gruppen och i Webbdesignskolans CSS - material. Hos Bluerobot finns det färdiga layouter med CSS-sheets fria att använda och manipulera hur som helst, men även de kräver lite grundkunskaper.

Fler kurser på nätet

Vill man vara mer avancerad och använda andra tekniker finns det även kurser om javascript, CSS, Frames, Iframes och annat hos Webbdesignskolan. En kurs i ASP finns hos Arvence. Och för den som verkligen vill sätta sig in i PHP finns har Anders Enges en ganska avancerad kurs, och Niklasson en bra PHP-Guide En bra grundkurs om vad man bör tänka på när man bygger sida finns hos Arvence. Ett bra tips är också att kolla runt lite efter sidor vars design man gillar och se hur de är uppbyggda. (Högerklicka på sidan och Visa källa, så ser du koden om den är öppen.) Men, en Cool webdesigner stjäl inte kod, eller design! Låt dig inspireras och gör sen din egen design och skriv din egen kod.

Tips för att få en lättläst och lättsurfad sida

Om syftet med din sida är att förmedla information är det bra om du utformar din sida så den blir så lättläst och lättsurfad som möjligt. Några enkla regler är:
  • Helst svart text mot vit eller off-white, enfärgad, bakgrund.
  • Använd gärna ett typsnitt utan seriffer ("fötter"). Verdana rekommenderas för PC-miljö och Frutiger för Mac. Du vet inte vilken dator dina läsare har, så skriv gärna in båda!
  • Använd ett "normalt" typsnitt i din brödtext. Spara dina "roliga" och "tjusiga" fonter till bildtext eller rubriker.
  • Jämn vänstermarginal.
  • 10-20% av bredden bör upptas av vänstermarginalen, även inom rutor!
  • Helst inte textrader som blir längre än 60 tecken, inkl mellanrum. Dela upp i två spalter istället.
  • I brödtext bör du använda en storlek som motsvarar minst 11 punkter. I HTML betyder det, enkelt uttryckt, size="2" i font-taggen.
  • Så lite blinkande texter, fantasifulla avgränsare och innehållslösa illustrationer som möjligt.
  • Gärna bilder som verkligen illustrerar det du vill säga, men inte för många!
  • Kontrollera dina länkar så de fungerar. Alla länkar och ofta!
  • En navigeringsrad är bra, så dina besökare inte går vilse om du har flera sidor. Kolla längst ned hur jag har gjort min.
  • Undvik alltför stora bilder som tar för lång tid att ladda. Spara GIF-bilder med färre färger och JPG-bilder i lägre kvalité och se om de inte blir lika bra ändå.
  • Hellre många små tabeller än en stor, då laddas sidan snabbare.
  • Du vill ha stora, snygga, bilder? Lägg dem på förstasidan också (din Indexsida), längst ned och 1x1 pxl stora. Då laddas de ned medan besökaren läser där, och det går mycket fortare att se dem på nästa sida sen.
  • En sida bör inte innehålla mer än 100 Kb information. Helst inte mer än 50-70 Kb, om du kan tänkas ha användare med långsamma modem. Dela upp informationen på flera sidor istället.

Tillbehör och scripts

En del finesser vill man kanske ha på sin sida även om man inte har kunskaperna att själv skriva dem. Det finns massa sidor som mer eller mindre gratis erbjuder räknare, gästbok, poll, forum, klocka, datum mm. Titta på ALX.net. Kaveh.net, Dreambook och Guestbook eller surfa runt för fler exempel.
Hos Webbdesignskolan finns en mängd gratis javascript, som går att lägga in direkt i HTML-koden. De kan man använda för att få tex. dagens datum eller namnsdag att visas på sidan, eller pop-upfönster med bilder. Men tänk på att javascripts ofta inte fungerar i alla webbläsare. Det finns också gratis script för tex gästbok att ladda ned, hos tex Boogiedesign, MikaelWebb och Niklasson.net. (Niklasson har även en mängd bra länkar till sidor om webbdesign, webbutveckling, grafik och annat.) Dessa scripts (i ASP & PHP) kräver dock att man kommit förbi nybörjarstadiet i sitt webbsnickrande.

Fria foton, bilder och fonter

Kanske vill man ha snygga foton eller behöver foton för att göra egna bilder. Det finns gott om foton på nätet, men att ladda ned bilder utan upphovsmannens tillstånd är stöld! Försäkra dig om att det är en fri bildbank du tar bilder ifrån, eller att du har upphovsmannens tillstånd. Det är ont om gratis foton som är högupplösta men Intuitivmedia och Corbis är båda stora bildbanker där du betalar bara en gång,dvs slipper betala royalty. De är alltså inte gratis, men för privatpersoner är det billigare.
Det finns många sammanslutningar av konstnärer som gör digtal konst. De kan man be om tillstånd att få använda en bild man fallit för. Om det är för privat bruk och man länkar tillbaka är min erfarenhet att det brukar gå bra. Några sidor för såna klubbar är Pixelarea, Digitalart.org, GFXartist.com, Getskinned.org, Velocityart.com och Rasterized.org.
Nordisk bannertop har massor av sidor av folk som gör enklare egna bilder och animationer (rörliga bilder) och ger bort, oftast gratis eller mot länkutbyte. Titta under Grafik. Likaså kan ett besök hos Image-O-Rama löna sig, precis som ett besök hos de som gör hela layouter, kolla länkarna under Färdiga layouter ovan. Och hos GIF animation Archive hittar du massor av gratis animationer. Tänk på att de inte visas som rörliga förrän du ser dem genom en webbläsare. En mängd bra ClipArtbilder (enklare bilder) finns hos ClipArt. De har foton, ljud och fonter också.
Fonter ja, ibland vill man ha ett lite häftigare typsnitt till sin sida. Ofta har man en del bra typsnitt som kom tillsammans med ens Word men kanske vill man ha något mer speciellt. Hos Fontalicious och Larabiefonts finns det gott om roliga, gratis, fonter. Fantasygraphics har några trevliga fantasy-typsnitt.

Hjälpmedel

För att skriva en sida i HTML-kod är det bra att veta lite om hur HTML-specifikationerna ser ut. OBS! Deras sida är MYCKET teknisk. Enklast är nog att börja med kapitel 2, 7, 9, 10-15, sen läsa 24, 16-18 och sen resten. Och få inte panik om du inte begriper något, du klarar det hela utan dem också...
Men, om du vill att din sida ska fungera exemplariskt för alla användare, tex. blinda som har "webbpratare", kan det vara bra att försöka validera sidan. Det gör du hos
Validator.
Och det är när du till slut inte begriper vad som är fel med din sida och den fortfarande inte passerar igenom deras test som du kan behöva HTLM-specifikationerna...
En bra uppslagsbok över bla.tekniska termer finns hos Datorhandboken.
Det finns många gratisprogram för både webbutveckling och webbdesign, titta tex på Download.com.

Avancerad grafik - snygg typografi

Många som gör egna lite mer avancerade hemsidor använder sig av Photoshop. Ett bra sätt att lära sig programmet, som är gigantiskt!, är att läsa den här Photoshopskolan, hos Webbdesignskolan.
Annars är PhotoshopBibeln ett bra tips. Den den senaste upplagan är lätt att få tag på i vilken hygglig bokhandel som helst, och man får med en del roliga PlugIns också.
För att fullt ut utnyttja dina nuvunna kunskaper behöver du också kunna lite om grafisk design för webben. Killersites är en enorm källa för sån kunskap, men den kräver lite förkunskaper. Boken, Killer Websites, (ISBN: 013-987397-x) kräver också den förkunskaper men har fördelen att du kan läsa den samtidigt som du testar dig fram på skärmen. Författaren, David Siegel, är en internationellt erkänd webbdesigner och grafisk formgivare och det finns guldkorn även för den som bara har grundkunskaper i webbdesign. Hans Tips for Writers and Designers är en bra guide både för surfare och hemsidesbyggare som bryr sig om god typografi och lättlästa sidor.
Enklare böcker om grundläggande grafisk design och typografi, även för webb, bör gå att hitta i vilken bokhandel som helst. Mer avancerade som är bra är tex. Typografisk handbok av Christer Hellmark (ISBN:91-7324-609-9) och Grafisk Kokbok av Kaj Johansson, Peter Ljungberg och Robert Rydberg (ISBN: 91-7843-161-1). En del om hur digitala bilder fungerar rent tekniskt kan du läsa om hos Annika Tiger.

Frågor?

Om du får problem med en sida du har hos tex. Geocities ska du vända dig till dem. Om du snickrar själv och behöver hjälp med råd och tips finns det många bra forum. Webforum och HTML-gruppen är två bra svenska. Tyvärr kan jag inte själv hjälpa till, pga tidbrist. Men sammataget bör alla länkar på den här sidan ge dig alla svar du kan behöva.

Sätt igång!

Nu är det bara att börja bygga! När du känner dig relativt färdig lägger du ut din sida (kanske med en liten "under construction" bild så folk förstår att eventuella tekniska fel beror på att sidan inte är riktigt färdig) och väntar ivrigt på de första besökarna. Men, ett bra tips kan vara att bara ge hemsidesadressen till några väl utvalda bekanta först. De kan kolla runt, berätta hur sidan fungerar i deras webbläsare och med deras skärmar. Sen kan du rätta till alla fel de upptäckt och sprida adressen till fler. Och det är nu det roliga börjar, för att kolla sina besökares reaktioner i sin gästbok och få mail från sin sida är kul!

Färdig?

Nej, man blir aldrig "färdig" med en webbsida. Den behöver uppdateras för att dina besökare ska gilla den och komma tillbaka. Och om du vill ha fler besökare finns det flera sätt att ordna detta. Du kan se till att alltid skriva ut din sidadress på olika forum på nätet. Du kan lämna din adress i andras gästböcker, på sidor som verkar ha mycket trafik från just den målgrupp du vänder dig till. Du kan ordna bannerbyten med sidor du gillar. Då behöver du förmodligen göra en banner, en knapp med din sidas namn på, som folk kan ladda ned och länka till din sida. En sån knapp kan du göra enkelt i vilket bildhanteringsprogram som helst. Gör den gärna i storleken 33x81 pxl, det är en vanlig standard. Lägg upp bannern på din sida och maila sen innehavaren av sidan du gillar och fråga om ni ska byta banners.
Ett riktigt kul sätt att öka trafiken på sidan är att gå med i en WebbRing som passar just din sida. Om du tex är transperson är du varmt välkommen att ansluta din sida till Skandinavisk TransRing! Andra kanske har sidor med innehåll som passar i ringar om Tolkien och fantasylitteratur, HTML, Släktforskning eller Schäferhundar. Det finns ringar för allt, och överallt finns nya vänner att lära känna.

 


 
 
       hem       Jag  Skrivlyan  TransNytt!  Trans?  FAQ  Våra Rättigheter  Transaktivism!  Böcker  Länkar  Skratt


 
 


      Sidan är skapad och underhålls av Lukas Romson   © bild och text, om inte annat anges, Lukas Romson.
      Om sidan: tillgänglig sedan 2003-04-30, Denna sida uppdaterad: 2006-01-16