Notifikationer

Markér alle som læst Log ud

nph12 Nybegynder

21. december 2008 - 18:09 Der er 15 kommentarer og
1 løsning

Absolut og relativ webdesign?

Hej
Hvordan regner og definerer jeg målene i henholdsvis et absolut og et relativ webdesign? Hvordan ved jeg målene på f.eks. på min banner?

<head>
<title></title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>

<body>
<div id="container">
<div id="banner"></div>
<div id="menu"></div>
<div id="content"></div>
</div>

<div id="footer"></div>

</body>
</html>

Synes godt om

olebole Juniormester

21. december 2008 - 18:45 #1

<ole>

Det kommer anpå alt det, du ikke skrive ... ikke mindst, hvordan det skal se ud ;o)

/mvh
</bole>

Synes godt om

ssv Nybegynder

21. december 2008 - 19:42 #2

Ehm, hvad? Hvis du vil have målene på dine bannere kan du vel bare højreklikke på det og trykke Egenskaber ;-)

Synes godt om

nph12 Nybegynder

21. december 2008 - 19:43 #3

Er der en som kan vise et eksempel eller henvise til en tutorial, som viser et simpel webdesign lavet med absolute mål og relativ mål?

Synes godt om

olebole Juniormester

21. december 2008 - 19:48 #4

"et simpel webdesign lavet med absolute mål og relativ mål" >> Jamen, det kan jo være 1000 forskellige ting - og den helt forkerte ende at gribe det an fra.
Vis et billede af, hvad det præcist er, du skal have lavet - så er det muligt at hjælpe dig =)

Det andet svarer til at skulle give dig en madopskrift, hvori indgår salt og peber. Det kan hurtigt blive en kilometerlang quiz, før vi finder noget, som falder i din smag ;o)

Synes godt om

olebole Juniormester

21. december 2008 - 19:51 #5

- og så har du i øvrigt ikke noget at bruge 'et absolut webdesign' til. Man bør bruge 'position:absolute' sparsomt og varsomt - og _aldrig_ til et helt design

Synes godt om

nph12 Nybegynder

21. december 2008 - 21:10 #6

Det skal bare være hjemmeside bestående af en banner, en menu og en indholdsdel. Jeg vil godt have en margin samt en kant omkring min body. Hvordan gør jeg det, så jeg kender længden på min banner?

Jeg skal vide længden på min banner, da jeg jo skal angive en længde i pixel, når jeg skal lave den i mit billedbehandlingsprogram.

Synes godt om

olebole Juniormester

21. december 2008 - 21:39 #7

Nå, hvorfor ikke gøre, som man plejer: Lav designet i et billedbehandlings program - og lav derefter en markup-kode, der passer til designet.

Du høvler forhåbentlig heller dine fødder til efter et par tilfældige sko ;o)

Synes godt om

olebole Juniormester

21. december 2008 - 21:40 #8

Det er dit valg, hvor bredt dit banner skal være (hvis det ikke skal være i standardformat) ... ikke en tilfældig templates valg

Synes godt om

nph12 Nybegynder

22. december 2008 - 11:56 #9

Jeg tror, at vi snakker lidt forbi hinanden. "Hele websiden" er selvfølgelig lig med 100%, og antallet af pixel er afhængig af hvilken skærmopløsningen man kører med. Hvilke skærmopløsninger er de meste anvendte?

| Hele websiden |
|Margin | Body | Margin|

Hvordan definer jeg margin og body henholdsvis absolut og relativ? Hvis jeg definer margin i hver side til at udgøre 10 %, så er min body 80 % af hele min webside. Hvad er det i pixel?

Synes godt om

roenving Novice

22. december 2008 - 15:11 #10

Et simpelt grundlæggende layout:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Simpelt grundlayout</title>
<meta name="keywords" content="søgeord adskilt af komma">
<style type="text/css">
html,body{margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#site{width:960px;margin: 0 auto;}
#banner{height:120px;background:url(ditBanner.jpg) #cba;}
#menu{width:180px;float:left;background-color:yellow;}
#indhold{width:780px;float:left;}
#footer{height:45px;text-align:center;background-color:#aaf;}
.clearDiv{clear:both;font-size:0;line-height:0;}
</style>
</head>
<body>
<div id="site">
<div id="banner"> </div>
<div id="menu">Menu<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
<div id="indhold">
<h1>Indholdet</h1>
</div>
<div class="clearDiv"> </div>
<div id="footer">© 2008 roenving</div>
</div>
</body>
</html>

Synes godt om

nph12 Nybegynder

22. december 2008 - 15:41 #11

Det er et absolut webdesign, hvor designet afhænger af brugerens skærmopløsning. Hvordan vil selv samme webdesign se ud, hvis det er et relativ webdesign?

Synes godt om

olebole Juniormester

22. december 2008 - 17:29 #12

Det har ikke direkte noget med brugerens skærmopløsning at gøre. Det, der betyder noget, er den størrelse, brugeren vælger at indstille sin browser til. Min skærmopløsning er f.eks. 1920x1200 pixels - men så stor er min browser næsten aldrig.

Det er også noget rod at lave sitet f.eks. 90% af browserens bredde. Det kan give mening med en skærm på 1024, men med en skærm på 1920 bliver det et helvede af alt for lange linjer.
Det kan således godt være, designeren af Wikipedia i udgangspunktet har tænkt 'brugervenlighed' - men han er endt op i den stik modsatte ende. Trækker man sin browser ud i fuld bredde på en 1920px skærm, får man linjelængder på over 300 tegn(!) - hvilket er grænsende til ubrugeligt.

I stedet for at lade design være op til tilfældigheder, er det efter min mening langt mere brugervenligt, hvis designeren tager nogle korporalsbeslutninger og lægger sig fast på nogle dimensioner. Fravær af tilfældigheder giver vel i øvrigt også betydelig mere mening til betegnelsen 'design' ;o)

1024 pixels er i dag det, man regner for 'minimum' bredden på en skærm. Hvis du også vil have sitet kan ses på mobiltelefoner og PDA'er, bør du alligevel nok overveje at lave en specialversion - eller om ikke andet specielle stylesheets.

Synes godt om

nph12 Nybegynder

22. december 2008 - 22:07 #13

Jeg synes stadig, at jeg mangler den grundlæggende forståelse for, hvornår man bruger et absolut eller et relativ webdesign. Hvordan kommer jeg videre?

Kan man bruge 1024 pixels som standard og beregne sit webdesign ud af dette? Hvordan ved jeg hvilken opløsningen min browser kører med?

Synes godt om

ssv Nybegynder

23. december 2008 - 01:17 #14

Opløsningen er ikke bestemt af din browser - men derimod din skærmopløsning. Du kan finde den/ændre den i dine personlige indstillinger.

Synes godt om

nph12 Nybegynder

23. december 2008 - 13:35 #15

Jeg tror, at jeg holder mig til et absolut webdesign i stil med roenvings.

Hvor finder jeg mere viden om dette emne? Der må være nogle bøger eller toturials som belyser dette emne.

Synes godt om

nph12 Nybegynder

25. december 2008 - 00:15 #16

Jeg lukker spørgsmålet, så hvis der er nogen som vil have point, må I lige oprette et svar.

Glædelig jul til alle:-)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS