Maten website
11 januari 2006 - 11:23   
geplaatst door: Yurgen
Welke maten moet je aanhouden bij het maken van een website in Photoshop, die dan later in Dreamweaver word bewerkt?
Als ik een site maak in Photoshop in de maat 1024x768, en ik importeer die (na slichen) in Dreamweaver dan krijg je onder en rechts een scrollbalk. Hoe zorg ik er voor dat deze website scherm vullend is zonder die scroll balken.

Dus welke maten heb ik dan nodig. Kwam in Dreamweaver het formaat 955x600 tegen, is dit schermvullend?

Misscien verder nog tips voor het maken van een website?

Alvast bedankt

I'm not completely worthless, I can be used as a bad example..
Maten website
11 januari 2006 - 11:36    reactie #1
geplaatst door: Gmid
Je moet proberen je site geen vaste breedte te geven. Kijk eens goed naar
de Macfreak site waar je je nu bevindt. Vergroot en verklein het venster
eens, en kijk wat er gebeurt.

Het is het mooiste als elke website zich zo zou aanpassen. Bij dat aanpassen
kun je er wel vanuit gaan dat niemand kleiner dan 800 breed zal gaan kijken
en hoogstwaarschijnlijk niet breeder dan 1440. Maar je site moet dus flexibel
en goed eruit zien tussen die twee breedte maten.

Wat de hoogte betreft, dat is een ander verhaal. Ik heb geen idee wat voor
content je op je site wilt gaan weergeven, maar in 90% van de gevallen blijkt
de content meer te zijn, dan wat men op 1 venster kwijt kan. Dan krijg je dus
scrollbalken. Dit is helemaal niet erg, maar zorg alleen dat de belangrijkste
navigatie in de bovenste 600 pixels van de site te vinden is. Of, wat je ook
wel eens ziet, dat de navigatie 'meescrollt'.

In ieder geval veel succes ermee!

Maten website
11 januari 2006 - 12:54    reactie #2
geplaatst door: Macsel
Ik probeer de sites die ik maak nog steeds op vaste maten binnen de 800x600 pixel range te maken. De heilige maten zijn dan: 760x420. Zie mijn eigen site http://www.materie.nl
Mac mini | 21,5" iMac Fusion Drive | vintage iPad (1st g) | iPhone (4S) | Airport extreme / express | Business: 15" MBP | 24" LED monitor
Maten website
11 januari 2006 - 13:10    reactie #3
geplaatst door: mvdg
Voor sites die een "presentatie" karakter hebben is dat een aardige oplossing. Maar als je veel informatie kwijt moet, dan is de hoogte gewoon niet genoeg. Kijk naar een site als Apple.com of Macfreak zelf. Je moet dan toch echt gaan scrollen; andere oplossingen zijn alleen maar onhandiger (zoals scrollen in een iframe, bah).
Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
Maten website
11 januari 2006 - 13:13    reactie #4
geplaatst door: Gmid

Citaat
Macsel om 13:54, 11-01-2006
Ik probeer de sites die ik maak nog steeds op vaste maten binnen de 800x600 pixel range te maken. De heilige maten zijn dan: 760x420. Zie mijn eigen site http://www.materie.nl

Dat kan wel, maar dat is gewoon jammer.. Ik bekijk jouw site met een venster op
m'n 23" schermpje, en dan is het gewoon een klein vierkantje in het midden van
een groot wit vlak. Dat zou ik persoonlijk jammer vinden.

Maten website
11 januari 2006 - 13:25    reactie #5
geplaatst door: mvdg
@Gmid:
Je moet wel ergens een middenweg zoeken.. Een site laten schalen naar een breedte van een 23" scherm lijkt me ook niet echt een optie. Dat is nooit meer goed leesbaar, zulke lange regels als je dan krijgt. Je mag er toch wel vanuit gaan dat een gebruiker een enigzins normale venstergrootte aanhoudt?
Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
Maten website
11 januari 2006 - 13:48    reactie #6
geplaatst door: Fix
Macsel heeft wel gelijk verder, hoor. Site zal nergens buiten beeld vallen. 955x600 is eigenlijk beter vind ik, omdat 1024schermen in opkomst zijn. Maar oplossing zoals hier is natuurlijk helemaal praktisch (heb ik zelf ook aan meegebouwd)
Je maakt dan gebruik van een extra onzichtbaar frame van 10 pixels ofzo, dat je laat herhalen. horzontaal én verticaal. (scrolling="auto" dacht ik)

(Bewerkt door Fix om 13:49, 11-01-2006)

Maten website
11 januari 2006 - 13:57    reactie #7
geplaatst door: Macsel
@Gmid: dat ben ik wel met je eens, maar ik heb er altijd een hekel aan als ik website bekijk dat het per se naar full-screen mode moet. Ik houd van compacte sites.

@mvdg: mee eens als je moet scrollen dan moet je wat anders verzinnen, maar ook die heb ik gemaakt:
http://www.utilities.nl

Mac mini | 21,5" iMac Fusion Drive | vintage iPad (1st g) | iPhone (4S) | Airport extreme / express | Business: 15" MBP | 24" LED monitor
Maten website
11 januari 2006 - 14:02    reactie #8
geplaatst door: mvdg
Precies, dat is hoe ik normaal gesproken ook werk, bijvoorbeeld op http://www.leadz.nl.
Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
Maten website
11 januari 2006 - 14:19    reactie #9
geplaatst door: Gmid
Natuurlijk moet je je venster niet willen/hoeven wijzigen voor een website.
Wat ik probeer te zeggen is dat de website zich op een goede manier aan
moet passen aan de breedte van het op dat moment gebruikte browser scherm.

Voorbeeldje: http://www.henkvandoorn.nl

Dat is een creatie van vorig jaar, waarin ik voor het eerst geprobeert heb
een site op elk scherm formaat eruit te laten zien alsof tie speciaal voor
dat scherm gemaakt is...

Maten website
11 januari 2006 - 16:31    reactie #10
geplaatst door: Yurgen
Maar hoe kan je er dan het best voor zorgen dat een site op een 1024x768 scherm goed te bekijken is.
Graag een makkelijke oplossing want ben alleen bekend met Dreamweaver en niet met HTML en CSS ed.

Gaat bij deze opdracht van mn opleiding meer over het uiterlijk dan over hoe de site werkt ed.
Maar er moeten wel enkele pagina's online staan.

I'm not completely worthless, I can be used as a bad example..
Maten website
11 januari 2006 - 18:15    reactie #11
geplaatst door: Tomorrowstand
Heb je een 1024 x 800 scherm? Maak dan gewoon een screenshot van je browser op maximale grootte en plak die in photoshop … neem nog wat pixels marge voor andere browsers en eventuele ander balken die mensen aan hebben kunnen staan, en klaar ben je. Heb je een veel groter scherm? Gebruik dan deze tekst:  javascript:moveTo(50,5);window.resizeTo(1024,768) (plakken in je adresvak van je browser) om je venster op 1024 x 768 te zetten.

Maarre: kleiner is ook nog wel een optie hoor! Nog steeds is het aantal mensen dat browst met 800x600 tussen de 20 en 30% van alle bezoekers … om nog maar niet te spreken van de bezoekers die nog kleiner hebben (grps-telefoons bv). Dus flexibel opzetten is wel handig.

voor alles is een tijd - en hier besteed ik de rest
Maten website
11 januari 2006 - 18:38    reactie #12
geplaatst door: Fix
quote: "Maar hoe kan je er dan het best voor zorgen dat een site op een 1024x768 scherm goed te bekijken is."

Door 'm op 'n 1024x768 scherm te testen :music:
breedte is wel redelijk te bepalen (768 - scrollbar) maar de hoogte is voor iedereen anders: Sommig gebruikers hebben een lompe werkbalk, sommige geen, sommige wel statusbar, etc etc. Dus daar zou ik toch die 955px voor gebruiken.
Plus verticaal scrollen is niet persé een probleem.

Maten website
11 januari 2006 - 18:46    reactie #13
geplaatst door: zwoemba
Ik maak ze altijd passend voor een minimumresolutie van 1024x768 pixels en gebruik ook vaste waarden

Voorbeeld

(Bewerkt door zwoemba om 18:46, 11-01-2006)

20" iMac G5 - 2 Ghz - 1GB RAM
13" MacBook - 2 Ghz - 2 GB RAM
20" Cinema Display
Maten website
13 januari 2006 - 13:47    reactie #14
geplaatst door: Gmid
@zwoemba... heel  mooi, maar dus niet de bedoeling. Met
een vaste breedte beperk je je bezoekers enorm. Er zijn nog
steeds genoeg mensen met een 800 breed scherm, ik denk
zeker in de doel groep van dat voorbeeld. En er zijn ook legio
die op 1600 breed kijken, en die zien in de linksboven hook een
website staan... niet echt logisch.

het is een manier, maar niet de optimale.

Maten website
13 januari 2006 - 14:47    reactie #15
geplaatst door: zwoemba
Tja, het is een keuze dat je maakt. Ik werk nu eenmaal graag met lagen, maar die moet je een vaste waarde geven.

Vroeger was ik ook zo, alles moest gecentreerd zijn, maar daar ben ik wat vanaf gestapt

20" iMac G5 - 2 Ghz - 1GB RAM
13" MacBook - 2 Ghz - 2 GB RAM
20" Cinema Display
Maten website
13 januari 2006 - 17:26    reactie #16
geplaatst door: External Brainz
Ik heb zelf gewoon drie favorieten inm mijn bladwijzers, die het browser venster verkleinen naar standaard kleine beeldschermen.

javascript:window.resizeTo(600,400);

javascript:window.resizeTo(780,510);

javascript:window.resizeTo(930,670);

Trouwens: de laatste ker dat ik het controleerde gebruikte bijna een kwart nog 800 x 600. (mij vader doet dat bijvoorbeeld op zijn 17" CRT, dan kan 'ie alles beter lezen). Misschien is het ook goed om ook daarop te testen?

Edit: het forum laat geen javascript-links toe... even met de hand kopiëren naar de adresbalk, of in een nieuwe bladwijzer plakken dus...

(Bewerkt door External Brainz om 17:30, 13-01-2006)

"Normal people ... believe that if it ain't broke, don't fix it. Engineers believe that if it ain't broke, it doesn't have enough features yet." - The Dilbert Principle
What kind of chip do you have in there, a Dorito? -- W. A. Yankovic, All about the Pentiums