Idag ska vi titta på:

Färger

När vi ska tala om vilken färg vi vill ha kan vi i många falla använda fördefinierade namn, som white, red, green, aqua, darkorange, steelblue.
W3Schools lista med namn på färger.
Men som du såg i listan så finns det lite mer kryptiska beskrivningar som #ff0000. Detta är den hexadecimala(basen 16) beskrivningen av röd. Man anger hur mycket som ska blandas av färgerna Röd-Grön-Blå (RGB-kod).

Egentligen anger man tal mellan 0 och 255, men datorn pratar bara ettor och nollor så för den är det hexadecimala systemet mycket effektivare, därför får vi lära oss att ha en liten hum om vad de olika delarna betyder. Efter #-tecknet så visar de två första positionerna hur mycket rött det ska vara, sen nästa två positionerna visar grönt och de sista två positionerna blått.

Varje position kan innehålla ett tal mellan 0-15, men för att det bara ska ta en position översätts det till talen 0-9 och bokstäverna a-f (och som då betyder a=10, b=11, ..., f=15).

Av de två positionerna som representerar varje färg, så är första positionen är värd 16 och den andra 1, jämfört vårt decimalsystem så skulle den första positionen vara värd 10 och den andra 1. Ovan betyder då ff att vi ska ha f=15 gånger 16 och f=15 gånger 1, dvs 15*16+15*1=255.
Som sagt ni behöver inte förstå detta till 100% men ni ska förstå om det är mycket eller litet av de tre ingående färgerna.

Det hjälper säkert till att titta på följande uppställning:
www.webdesignskolan.se välj HTML grunder -> färgkoder- Hexadecimala färger

Textlayout

F Ä R G E R N A T A R Ö V E R

Med flera färger blir det lite mera fart i webbsidan. Om du dessutom kan byta teckensnitt, precis som i Word, blir det ännu lite roligare.

Teckensnitt på bild Standard teckensnitt brukar vara Times New Roman vilket oftast inte är snyggt. Arial är ett klacklöst (utan serifer) teckensnitt som finns på surfarens dator! Verdana är ett annat.

  1. face -> typsnitt
  2. size -> storlek(fördefinierade)
  3. color -> färg

Specialtecken

Den här webbsidan är      © 2012 Värmdö Gymnasium!

W3Schools lista på specialtecken.

Högerklickar du på sidan, så kan du välja att få se själva koden som skapar denna sida.
© PB       Unicorn