Hjemmeside Design til forskellige skærme

Tags:    programmering

Jeg har lige købt hjemmeside og er netop igang med designet, og ser selvfølgelig helst at siden ser ens ud på alle skærme. Dog ved jeg ikke hvordan dette skal lade sig gøre.

Normalt sætter jeg mine sider op i HTML, CSS & php include. Hvilket sprog skal læres, eller hvad skal der specifikt til af koder, for at hjemmesiden ser ens ud på alle skærmstørrelser? Et lille hint til hvad der skal læses på, ville hjælpe meget!

- Christina



Kig på 960 grid system. http://960.gs



du skal bare designe designet så det vil være ens i i alle skærme, ellers skal du bruge % i CSS



Der skal ikke rigtig noget specielt til at lave layout til alle skærme. Bare man koder fornuftigt i HTML og CSS.

Normalt taler man om at der findes to typer layout, hvoraf der findes en del variationer af:

Fixed Width: I denne type hjemmesider bestemmer du helt bestemt at en side kun er en hvis størrelse bred. Siderne er ofte centrerede og hvis skærmen er større er der en masse tom plads omkring. Et eksempel er min side http://www.shafh.dk

Med sådan en side vil siden altid se pæn ud, idet at den besøgende forhåbenlig ikke har en mindre skærm end det du har optimeret din side til.
På denne side kan du se koder på en masse variationer af denne type layout.
http://www.code-sucks.com/css%20layouts/fixed-width-css-layouts/

Fluid Layout: Dette er en side ligesom udvikleren.dk. Her bliver alt større og mindre når du trækker i vinduet (derved navnet "flydende").
Derved udnytter du hele tiden hele skærmen, men siden ser aldrig helt 100 ens, idet at siden bliver trukket og strukket, som brugeren ønsker det. Kan også give lidt problemer med billeder. Denne typer layout er især god til communities og lignende.
På denne side kan du lære hvordan du laver den type layout:
http://www.genealogy-web-creations.com/css-layouts/


Læs mere om det ene layout vs. det andet her:
http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/


Håber det hjalp. Ps. syntes klart den første type layout er bedst



Indlæg senest redigeret d. 30.08.2010 09:56 af Bruger #5097
t