TE - Webdesign

Fonter, färger & bakgrunder

Nu tänkte vi gå in på text och bakgrundsfärger, det är ju tråkigt om alla ska ha samma färg på bakgrunden och texten på sin hemsida, eller hur?
För att ändra färg behöver man först en font-tagg () och sedan lägger man till color i den ().
Inom "" tecknen skriver du sedan vilken färg du vill ha, det går att använda engelska namn på färger, som black, white, purple, pink och så vidare.
Dock så rekommenderar vi att du använder ett program för att välja färg (även kallat hex-kod), photoshop är ett ypperligt program till detta ändamål (det finns även webbaserade, som är gratis till skillnad från ett original photoshop!).
Vi kan nämna de vanligaste hex-koderna, om du inte vill ha något speciellt.
Svart är #000000 (nollor), vit är #FFFFFF, grå är #CCCCCC, ljusgrå är #EEEEEE och mörkgrå är #333333.
När du nu valt vilken färg du vill ha så skriver du såhär: texten (byt ut #000000 mot den färgen du vill ha).
Det går även att ändra storlek, font (Verdana, Arial, Times New Roman m. fl..) på din text.
Samma sak som du nyss lärde dig om texter går att göra med bakgrundsfärgen på din hemsida, fast då skriver man bgcolor="#färgen" i <body> taggen, tex: <body bgcolor="#000000">
Se gärna till att du hittar 2 färger som är vänliga för ögat.
Det finns många tillbehör till body-taggen, några av dem är:

bgcolor – nämnt ovan
background - En bild istället för färg som bakgrund
topmargin – Sidan placeras högst upp i webbläsaren
leftmargin – samma här fast till vänster i webbläsaren

Om du vill att besökaren ska se en text mer än resterande text så kan du använda bland annat fet (text), kursiv (text), understruken (text), överstruken (<s>text</s>) och storstilt (<big>text</big>).
Det går även att få besökarens uppmärksamhet genom att låta en text rulla fram på skärmen, det går att göra genom att skriva <marquee>texten</marquee>.
Självklart så kan du ändra lite småsaker med marquee, tex <marquee direction="right">texten</marquee>. Om du skriver detta så kommer texten åka från höger till vänster istället för tvärtom.
Om du lägger till behavior="alternate" så kommer den åka fram och tillbaka istället för att åka åt endast ett håll hela tiden.