WebWoman Workshop

3. marts 2009

Værktøj til WordPress Workshop

Gemt under: Billedarkiv, Billedbehandling, Software — webwomanworkshop @ 11:01

Herunder finder du mange af de praktiske tips, trick og finesser, der er gode at have ved hånden, når du arbejder på dit website:

Har du værktøjet i orden

helmetHar du ikke allerede et billedbehandlingsprogram anbefaler vi, at du downloader og installerer dette: http://picasa.google.com/ (til PC)

Bruger du Mac skal du lige tjekke her, om din maskine og Picasa kan arbejde sammen

Fange farver i billeder og omsæt dem til HTML-koder ved hjælp af TrayColor  (download)

Dummytekst til webdesign

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Illustrationer til dit website

Dine billeder skal være klar til brug på nettet – brug et billedbehandlingprogram.

Regn med max. 450 pixels i bredden

Og en opløsning på 72 dpi – Alt over 72 dpi til nettet er overflødigt og bevirker kun at billedet “fylder” mere i KiloByte.

K2-headere

Søg på Google efter K2 header image – så finder du masser

Billedarkiver online

Her kan du hente arkivbilleder gratis eller mod betaling:

http://www.dreamstime.com/

http://www.bigstockphoto.com/

 Grundlæggende regler

Brug aldrig æøåÆØÅ eller andre “mærkelige” tegn i fil- og mappenavne(eller andre udenlandske tegn).

Brug ikke mellemrum i fil- og mappenavneBrug hellere bindestreg(-) eller underscore (_).

Brug altid små bogstaver i fil og mappenavne

Nogle servere skelner mellem store og små bogstaver og al erfaring viser, at det ofte ender i problemer, hvis man ikke holder sig til at bruge små bogstaver.

Skrifttyper på nettet

skrifttyper_1Folk kan kun se de skrifttyper du bruger på dit website, hvis de har netop den skrifttype installeret på deres computer. Det betyder, at der i realiteten kun er få sikre skrifttyper at vælge mellem. Herunder kan du se, hvad du kan forvente, at folk kan se – afhængig af, om de bruger Windows, Mac eller Linux.  Tallene er procenter.

  Windows Mac Linux
Arial 96 96 62
Verdana 97 94 54
Georgia 91 93 51
New Courier 96 92 62
Trebuchet ms 95 93 50
Arial Black 98 96 53

En anden browser – og måske bedre end Explorer

Firefox kan anbefales til webdesignere - fordi der er så mange nyttige tilføjelser til den.

http://www.mozilla-europe.org/da/firefox/  

Tilføjelser til Firefox

Color Zilla: http://www.colorzilla.com/firefox/  

Webdeveloper: http://chrispederick.com/work/web-developer/  

er super nyttige

Kan også downloades via tilføjelsesmenuen i Firefox

Peter Høvrings gode links til Webkursister:

 http://delicious.com/phovring/webkursus

23. februar 2009

Størrelsen ER vigtig

Gemt under: Billedbehandling, Uncategorized — webwomanworkshop @ 11:24

Du kan ikke bare tage billeder med dit digitalkamera, overføre dem til din computer og lægge dem på en hjemmeside som de er. De vil være alt for store og langsomme i originaludgave.

Og det er ikke nok at trække i et billede, så det halveres fra 10 til 5 cm i bredden. Billeder har tre størrelser – højden, bredden og vægten.
Højden og bredden måles i pixels.
“Vægten” måles i bytes, kilobytes og megabytes.

De tre frøer herunder har samme bredde og højde. Men vejer forskelligt. Frøen til venstre er længst tid om at nå frem fra webserver til computer. Det er den, der fylder mest.
Frøen i midten har jeg bearbejdet i et billedbehandlingsprogram, så den er blevet lidt mindre. Og det samme er sket med frøen til højre, der vejer cirka halvt så meget som frøen til venstre – og derfor er dobbelt så hurtig at hente.

frog_ethjulet - storfrog_ethjulet_1 mellemfrog_ethjulet_2 LILLE

Og lad dig ikke snyde af, at billedet til venstre er mindst at se på. Det er nemlig det største og det mest langsomme at hente – fordi det vejer næsten dobbelt så meget, som billedet til højre.

Læg også mærke til, at det stort set ikke er nogen forskel at se på de tre billeder hvad skarphed angår. Der er forskel i skarpheden, men den er ubetydelig på nettet.

Det samme gælder, når du sender billeder med email. Da vil kvaliteten (målt i vægten) også være ubetydelig.
Så længe billeder ikke skal bruges til tryk på papir, er det afgørende vigtigt, at du sørger for at mindske deres vægt, fordi de så:

  • Bliver hurtige at transportere på nettet
  • Billigere at transportere på nettet
  • Nemmere at transportere på nettet
  • Fylder mindre i mailbokse (mange mailbokse kan ikke rumme mere end 10-20 mb og sender du store filer, risikere du at blokere folks mailboks – eller, at din mail slet ikke når frem.)

Blog på WordPress.com.