MUSIK Håkan Steen skriver om pop
Lars Johan Hierta På internet sedan 1994  
Aftonbladetit
SÖNDAG 29 NOVEMBER 1998
STARTSIDA
IT
Spel
Nätguiden
It-toppen
It-skolor
Krönikor
Läsarnas hemsidor
Artikelarkivet
Spelarkivet
Tyck till
Min egen it-diskussion
NYHETER
TELEGRAM
E-POST
INNEHÅLL
SÖK
SPORT
TIPS & TRAV
NÖJE
SMS & RING-
SIGNALER
WAP &
HANDDATOR
WEBBRADIO
WEBB-TV
KVINNA
PULS
EKONOMI
BÖRS
FONDER
NYA RESOR
BIL
HÄLSA
TV
VÄDER
NYA BOSTAD
STOCKHOLM
TYCK TILL
CHATT
LEDARE
KULTUR
BOKBANKEN
DEBATT
NYA
HOROSKOP
MAT&VIN
E-KORT
SKOLTURNÉ
JOBBA HÄR
ANNONSERA
MEDIECENTER
KONCERN-
INFO

KÖP&SÄLJ








Förnamn

Efternamn
Jag vill läsa
e-posten

Funplanet
  

VÄRLDENS ENKLASTE HTML-SKOLA
Lite färg och lite teckensnitt

- vips har du fått stil på din hemsida

En hemsida med bara svart, tråkig text får knappast många besökare. Det är lätt att göra texten snyggare.
Lektion 2 i Aftonbladets och Internetworlds html-skola visar hur du gör.

  Precis som i ett vanligt ordbehandlingsprogram kan du formge texten på din hemsida med både färger, teckensnitt och stilar.
  De vanliga hemsidesprogrammen fungerar nästan likadant som en ordbehandlare. Skillnaden är att du på webben inte kan använda dig av så många teckensnitt. Det beror på att alla som surfar kanske inte har de teckensnitt som du har installerade på din dator.
  Därför är det bäst att hålla sig till de vanligaste teckensnitten som alla har, och de är vanligtvis Verdana, Times, Arial och Helvetica. Det är dessa typsnitt du väljer i din ordbehandlares teckensnittslista, men där brukar de vara betydligt fler.
  Enklast är att formge texten i ett hemsidesprogram. De två vanligaste som är gratis heter Netscape Composer och Microsoft Frontpage Express. De fungerar på ungefär samma sätt och vi har här valt att utgå ifrån Composer.

Så här gör du
Låt oss säga att du gör en sida med en mörkröd huvudrubrik i teckensnittet Verdana och lite inledande mörkblå text i Arial med teckenstorleken 10 punkter.
  Det går bra att skriva in all text som ska finnas på sidan först och sedan göra formateringen i efterhand.

Markera rubriken på din hemsida genom att klicka och dra muspekaren över ordet.
Välj Rubrikstil 2 i listan längst upp till vänster. Därefter väljer du Verdana i teckensnittslistan precis bredvid. Välj sedan du färg genom att klicka på färglistan bredvid teckensnittsstorleken.
Markera texten under rubriken. Välj teckensnittet Arial.
Slutligen väljer du teckenstorleken 10 i listan för teckenstorlek och väljer en mörkblå färg i färglistan precis intill.
  För att se sidan i en webbläsare måste du först spara sidan genom att klicka på ikonen som ser ut som en diskett i verktygsfältet.
  Du kan förstås göra betydligt mer med texten än så här. Genom att ha texten eller ett ord markerat och klicka på knappen som ser ut som ett stort a i verktygsfältet, blir texten fetstilt. På samma sätt går det att göra texten kursiv eller understruken. Det är bara att kombinera stilar, färger och typsnitt som du själv vill. Vårt tips är ändå att du inte blandar alla stilar hur som helst, utan håller dig till en ren linje som du själv tycker om och som känns rätt.
  

Om du vill göra sidan för hand
Utgå från vår mall i del 1 av html-skolan där du ser grunden i ett html-dokument. Alla teckensnitt anges i vårt exempel med FONT FACE och dess färg med FONT COLOR. Html-koden för den mörka rubriken blir alltså
<H2><FONT FACE="Verdana"><FONT COLOR="#990000">Min hemsida</FONT></FONT></H2>
  Elementet H2 säger till webbläsaren att tolka texten som en stor rubrik. Tycker du att färgen #990000 ser lite konstig ut, kan du vara lugn. Gå till adressen monkeytoys.com/htmlkurs/colors.htm för en bra lista över de färger som fungerar bäst på webben. Därifrån är det bara att klippa ut och klistra in de färgvärden som du vill använda i din html-kod.
  Det är också busenkelt att göra texten kursiv eller fet.
<B><I>Välkommen till min hemsida</B></I>
  I exemplet blir texten både fet och kursiv. Elementet B anger att texten ska vara fet (eng. Bold), och I att den ska vara kursiv (eng. Italic). Glöm inte att varje element måste ha ett start och slutmärke. En fet text omfamnas alltså av märkena <B> och </B>.
  Lycka till. Vi ses nästa söndag.
Björn E Olsberg
Teknisk redaktör på Internetworld.

Så här ska din sida se ut om du gjort enligt instruktionerna i html-skolan del 2 (länken öppnar ett nytt webbläsarfönster).
Gå till första delen i html-skolan.

Aftonbladet/it 2000-11-13 | Test: Höstens hetaste mobiler | Hitta telefonen som passar just dig | Han jagar nätets skurkar | Beenz - nätets hårdvaluta | It-akuten | Krönikan | Så surfar en popstjärna | Spel | IT-toppen | Nya, läckra prylar | Läsarnas egna sajter | Nätguiden