Välj bakgrundsfärg och färgad text i hemsida med hjälp av html-kod.
Ibland kan det vara trevligt att ha en färgad bakgrund på hemsidan. Normalt blir det svart text på vit bakgrund. Det går
lätt att ändra. Det finns koder till det också. Men du bör vara medveten om att väljer man "fel" kan sidan bli svårläst och
bilderna ser inte bra ut. Den här hemsidan har en ljusgul bakgrund. Normalt föredrar jag vit bakgrund. Men jag vill ge exempel
på allt jag försöker lära ut. Här är exempel på vad som kan hända om man lägger en bild på färgad bakgrund utan att tänka
sig för.
Det ser ju inte så dumt ut. Men det kanske inte var meningen att det vita skulle synas.
Färgad bakgrund
I koden <body> går det att lägga in bgcolor=" ". Då ser det ut så här: <body bgcolor=" ">
Till den här sidan har jag valt <body bgcolor="lightyellow">
Kommentar: Välj färg och skriv in den med amerikansk stavning. Observera stavningen color!
Vill du ha en alldeles speciell färg finns det ett annat sätt att ange färgen. Men jag kommer inte att gå närmare in på det.
Titta på den här färgpaletten.
På varje färg finns sifferkombinationer. Den övre med sex siffror eller bokstäver kan användas i html-koden. De nedre
tre talen använder man när man väljer färg i Paint.
Om du använder siffer/bokstavskombinationen när du anger färg skrivs den så här:
<body bgcolor="#ff33cc">
Detta blir en rödlila färg med en aning grönt i. ff talar om hur mycket röd färg det är.
33 berättar att det är lite grönt och cc att det finns blått med.
00 betyder att den färgen saknas i kombinationen.
Har du färgkombinationen <body bgcolor="#000000"> blir det svart.
Kombinationen <body bgcolor="#ffffff"> blir vit.
Vill du fördjupa dig i detta finns det litteratur på biblioteket. Ett bra sätt är
också att prova sig fram. Siffrorna 0 - 9 och bokstäverna a - f används.
OBS! Man använder numera små bokstäver i alla koder!
Färgad text
Vill du lägga in färgad text gör du det med samma färgkoder som till bakgrundsfärgerna. Men nu lägger du in det i
<font>
Så här kan det se ut:
<font color="darkgreen">
Kommentar: Om du vill ha hela sidan med färgad text och en viss stilstorlek (maskinen väljer automatiskt svart och storlek 3) ser ditt första <font> ut så här: <font size=" " color="# "> (Skriv in värdena för size och color.) Avsluta sidan med </font>
Väljer du att bara ha ett eller några ord i avvikande färg och/eller storlek måste du ha ett nytt <font size=" " color="# "> framför just det ordet eller stycket. Avsluta med </font>
OBS! För varje ändring i texten (stilstorlek eller färg) måste du börja med <font size=" " color="# "> och avsluta med </font> Det ska alltså i källkoden finnas lika många <font> som </font>.
Övningsuppgift
Gör en eller flera hemsidor där du lägger in bilder på färgad bakgrund. Välj olika färg och storlek på texten. Prova dig fram. Bli inte förskräckt om det ser konstigt ut eller helt fel. Det blev inte som du tänkt. Det är på felen man lär sig!
Utläggning av hemsida på ett webhotell
Ta kontakt med din teleoperatör och fråga om företaget tillhandahåller hemsideutrymme. Kolla också med vänner och bekanta som redan har en hemsida utlagd hur de gjort. Du kan också skriva ett e-postbrev till någon som gjort en hemsida som du blivit förtjust över när du varit ute och surfat. Information finns också på Internet.
Till nästa avsnitt Till kursens början