Archief - webdesign vraagjes

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
j

jakke25

Legacy Member
Dag allemaal,

Ik heb mij terug gestort in de wereld van het webdesign en ik heb enkele vragen.
Na vroeger wat geëxperimenteerd te hebben heb ik een kleine basis van html, css en een zeer klein beetje php. Een pagina met enkel text kan ik al online zetten maar nu wil ik ook aan het grafische gedeelte werken, ik heb photoshop en dreamweaver.

Mijn vragen zijn zoals volgt:
1) welke resoluties moet ik hanteren om te beginnen tekenen in photoshop
2) als ik mijn tekening heb met boven de header, daar onder het menu of de content ofwel rechts het menu hoe zorg ik er dan voor dat de de content alleen veranderd zonder de hele pagina te veranderen, ik gebruikte hier vroeger frames voor maar weet niet of dat echt een goed idee is?

Dank bij voorbaat jakke
s

scipicore

Legacy Member
1) maakt niet zoveel uit he, neem gewoon iets groter dan 1000x1000 ofzo, je gaat dat achteraf toch allemaal moeten slicen.
2) Als je PHP gebruikt kan je gewoon de andere pagina includen, met JS kan je ook zo iets gelijkaardigs. Uiteindelijk, als je een kleine website hebt maakt dat niet zoveel uit, moderne browsers cachen toch alle afbeeldingen en worden dus ook bijna ogenblikkelijk geladen bij het bezoeken van een andere pagina.
U

UnD3RD0G

Legacy Member
1) Om toch een realistisch canvas te hebben dien je je minstens in een 1024x768 resolutie te bevinen - waaghalzen durven tegenwoordig ook 1280x1024 als native required rez te gebruiken. - éénmaal te slicen maakt je rez weining uit, maar in een realistische canvas slicen lijkt mij toch geen luxe - kwestie van een realistisch beel d tov proportires in je browser wat te kennen.


2) Frames zijn anno 2011 ( en reeds heel ver ervoor ) not done. Vermijd ze ten alle tijden. Wat je kan doen voor een 'partial page refresh' is inderdaad met php gaan werken en dat specifieke stukje vervangen inhoudsgewijs per klik op het menu. Als het om een relatief kleine site gaat met reltief weining inhoud kan je ook voor een tab-oplossing gaan , gebaseerd op jqueryTabs.
R

RobinVdB

Legacy Member
1)Dat hangt er van af, ik zelf raad het je af om alles via photoshop de doen, anders zit je later misschien vast aan een bepaalde grootte. :doh:


2)
Wil je meerdere pagina's:
Je kunt per pagina een template opstellen via dreamweaver. Hier heb ik zelf geen ervaring mee omdat ik me bezighoud met PHP, waar ik in 2 dagen toch al heel veel heb gedaan kunnen krijgen. (Ik ben bezig met een script om de registreren, dat overmorgen klaar zou moeten zijn) Via een template is het simpel de doen doen! Anders moet je telkens bijvoorbeeld dit doen:
PHP: 
<!docutype blabababalabblaablalb>
<html>
<head>
</head>
<body>
<?php include_once(url van header);
include_once(url van menubar); ?>
<div id= content>
je tekst balablabalabablalbbaaboablablablablablablablabla
</div>
</div> <!-- Deze sluit de tags van je container, die start bij header.php -->
</body>
</html>

Wil je niet meerdere paginas moet je via case of elseif werken, en je menu php waarde geven! (Wat ik zelf het strengste afraad, omwille van favorieten en zo en SEO!)
-

-BVR-

Legacy Member
Scriptors zei:
1)Dat hangt er van af, ik zelf raad het je af om alles via photoshop de doen, anders zit je later misschien vast aan een bepaalde grootte. :doh:
Klik om te vergroten...
I'm sorry what? Als je bv. designed voor een 960px lay-out/grid ga je toch niet vastzitten?

Scriptors zei:
2)
Wil je meerdere pagina's:
Je kunt per pagina een template opstellen via dreamweaver. Hier heb ik zelf geen ervaring mee omdat ik me bezighoud met PHP, waar ik in 2 dagen toch al heel veel heb gedaan kunnen krijgen. (Ik ben bezig met een script om de registreren, dat overmorgen klaar zou moeten zijn) Via een template is het simpel de doen doen! Anders moet je telkens bijvoorbeeld dit doen:
PHP: 
<!docutype blabababalabblaablalb>
<html>
<head>
</head>
<body>
<?php include_once(url van header);
include_once(url van menubar); ?>
<div id= content>
je tekst balablabalabablalbbaaboablablablablablablablabla
</div>
</div> <!-- Deze sluit de tags van je container, die start bij header.php -->
</body>
</html>

Wil je niet meerdere paginas moet je via case of elseif werken, en je menu php waarde geven! (Wat ik zelf het strengste afraad, omwille van favorieten en zo en SEO!)
Klik om te vergroten...
1. Dat bedoelt hij niet. Hij bedoelt dat enkel de content geladen wordt bij het klikken op een menu-item en dat de header/het menu onveranderd blijven (dus niet opnieuw geladen worden)
2. Wat zegt gij allemaal ... 'een template per pagina'? Eén template voor een hele site (of delen ervan). Wat jij doet (uw containerdiv beginnen in de html van uw header) is ronduit fout, en niet eens logisch. Zet deze toch gewoon voor je php code?! En je laatste zin, dat is ook maar belabberd. Je wil precies laten zien dat je veel weet en geeft veel termen terwijl je het gebruik waarschijnlijk amper correct kan toepassen.

Leuk dat je andere mensen wilt helpen, maar doe het dan direct op een juiste manier. Dit forum dient om mensen correcte info te geven, niet om te showen met wat je kunt.
g

greg002

Legacy Member
jakke25 zei:
Dag allemaal,
Mijn vragen zijn zoals volgt:
1) welke resoluties moet ik hanteren om te beginnen tekenen in photoshop

Dank bij voorbaat jakke
Klik om te vergroten...

Resolutie heeft niet écht écht veel belang. De hoogte toch al zeker niet.. Ga niet breder dan 1024 en je zit goed.

Voor de rest.. Design zo veel mogelijk rechtstreeks in html/css. Dit bespaart je enorm veel tijd! Maak desnoods een kleine basis tekening op papier / photoshop. (papier gaat het snelste.. geloof me maar).

De echte design elementen (zoals logo's, eventueel achtergronden) kan je maken in photoshop, maar een heel design vooraf in photoshop maken vind ik persoonlijk wat tijdsverlies..

Om op uw 2e vraag terug te komen: Deze is al beantwoord :)
En wat betreft de frames, absoluut niet gebruiken. Divs..!
j

jakke25

Legacy Member
Dus als ik het goed begrijp gewoon mijn headers en dergelijke tekenen in photoshop en dan includen en positioneren op mijn homepage. Dit breng mij bij een andere vraag. Moet ik dan een kader tekenen voor mijn content en de text daar over plaatsen als ik aan het programeren ben? Ik heb misschien het idee dat dit wel eens zuo kunnen foutlopen met verschillende resoluties.

Ik ga proberen van een schets te maken en die te uploaden dan kunnen julie ongeveer zien wat ik bedoel

Alvast bedankt jakke
G

GregoryCo

Legacy Member
@greg002: Toch beter om alles in Photoshop te ontwerpen... Je gaat er geen tijd mee verliezen, maar winnen. Wanneer je dit niet doet ga je later sukkelen dat iets niet goed uitkomt. Je kan best zelfs eerst uittekenen op papier. Wanneer je alles uittekent in Photoshop ofzo kan je op de pixel werken en heb je een goed idee van de layout.

En het is aangeraden om uw content binnen max 960px (950px is nog beter) breed te houden, want er zijn er nog velen met een resolutie van 1024*768. En je moet dus rekening houden met browserbalken etc.. Uw site zal anders niet binnen hun browser passen op deze resolutie.
c

coldvinc

Legacy Member
1. Ik werk zelf sinds kort met responsive design op basis van het 1140 grid :) Voor een beginner is het zeker aangeraden om eerst in photoshop een ontwerp van je website te maken.

2. php lijkt me goed hiervoor.
j

jakke25

Legacy Member
neen, het geen tussen de header en de content is het menu, de pijl staat gewoon wat scheef.
G

GregoryCo

Legacy Member
Van browser wss.

Btw zo'n schets kan je wel doen, maar volstaat zeker niet, das gewoon basis van basis, verre van een mockup
g

greg002

Legacy Member
GregoryCo zei:
@greg002: Toch beter om alles in Photoshop te ontwerpen... Je gaat er geen tijd mee verliezen, maar winnen.
Klik om te vergroten...

Hoe ga je tijd winnen met alles tot op de pixel nauwkeurig te tekenen terwijl het in html/css zowizo tot op de pixel nauwkeurig komt als je juist werkt?

Een relatief makkelijk design zoals hieronder is getoond "banner, urls, content" kan makkelijk ineens in html/css gemaakt worden.

Als het gaat om een enorm complex design.. oké dan.. Maar een gewone website, waarom zou je die in photoshop tekenen. (mijn mening)
j

jakke25

Legacy Member
Idd de bovenste menubalk is van de browser, ik snap het ongeveer, moet nu enkel nog degelijk leren positioneren in css en fatsoenlijk leren tekenen in photoshop zodat ik niet enkel met gradients moet werken maar dat zal wel komen.

Hartelijk bedankt jakke
g

greg002

Legacy Member
jakke25 zei:
Idd de bovenste menubalk is van de browser, ik snap het ongeveer, moet nu enkel nog degelijk leren positioneren in css en fatsoenlijk leren tekenen in photoshop zodat ik niet enkel met gradients moet werken maar dat zal wel komen.

Hartelijk bedankt jakke
Klik om te vergroten...

Begin gewoon op het gemak met floats te werken. Positionering komt later wel.. Met floats kan je, volgens mij, al zowat alles doen.
-

-BVR-

Legacy Member
Voor de lay-out alleen heb je in dit geval nog geneens floats nodig. Ook moet je niet beginnen met position: relative/absolute overal beginnen tussen te gooien. Kijk eerst of het zo gaat (in dit geval wel) Enkel op de wrapper: margin: 0 auto; zetten en klaar.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan