Eigen website layout maken

Hallo mensen,

Ik ben heel benieuwd hoe je een eigen website layout maakt. Ik ben bekend met HTML, CSS, JavaScript & PHP, maar ik dacht aan iets van Dreamwaver of zo?

Kan iemand me even een "opstapje" geven?

Thanks!

Het ontwerp maak je in een goede foto/-afbeeldingsbewerkingsprogramma, bijv, The Gimp (gratis) of Photoshop...

Als je het design af hebt, kan je deze gaan slicen in bruikbare stukke. Denk aan de logos, kleurverlopen en icoontjes. Daarna kan je hem in HTML en CSS namaken tot zover je hem kan namaken.

De rest is het inbouwen van de icoontjes... en je layout is klaar.
Vervolgens kan je server-side dynamiek toevoegen door hem in PHP te gieten.

Dreamweaver kan ik niets anders doen dan alleen maar afraden. De kwaliteit van de HTML en CSS is uitemater beroerd dat je beter af bent door zelf in een goede text-editor (IDE) de boel handmatig op te bouwen Dit is nog veel nauwkeuriger te doen dan Dreamweaver kan.

Aarclay schreef:

Het ontwerp maak je in een goede foto/-afbeeldingsbewerkingsprogramma, bijv, The Gimp (gratis) of Photoshop...

Als je het design af hebt, kan je deze gaan slicen in bruikbare stukke. Denk aan de logos, kleurverlopen en icoontjes. Daarna kan je hem in HTML en CSS namaken tot zover je hem kan namaken.

De rest is het inbouwen van de icoontjes... en je layout is klaar.
Vervolgens kan je server-side dynamiek toevoegen door hem in PHP te gieten.

Dreamweaver kan ik niets anders doen dan alleen maar afraden. De kwaliteit van de HTML en CSS is uitemater beroerd dat je beter af bent door zelf in een goede text-editor (IDE) de boel handmatig op te bouwen Dit is nog veel nauwkeuriger te doen dan Dreamweaver kan.

Thanks voor je snelle reactie & ik ga er zeker wat mee doen!

Oh nog een vraagje: mensen hebben het over een .PSD bestand? Wat is dat?

.PSD is een Photoshop bestand, daar in staat het ontwerp van een layout bijvoorbeeld.

Dweazel schreef:

.PSD is een Photoshop bestand, daar in staat het ontwerp van een layout bijvoorbeeld.

Aha..

Aarclay schreef:

Het ontwerp maak je in een goede foto/-afbeeldingsbewerkingsprogramma, bijv, The Gimp (gratis) of Photoshop...

Als je het design af hebt, kan je deze gaan slicen in bruikbare stukke. Denk aan de logos, kleurverlopen en icoontjes. Daarna kan je hem in HTML en CSS namaken tot zover je hem kan namaken.

De rest is het inbouwen van de icoontjes... en je layout is klaar.
Vervolgens kan je server-side dynamiek toevoegen door hem in PHP te gieten.

Dreamweaver kan ik niets anders doen dan alleen maar afraden. De kwaliteit van de HTML en CSS is uitemater beroerd dat je beter af bent door zelf in een goede text-editor (IDE) de boel handmatig op te bouwen Dit is nog veel nauwkeuriger te doen dan Dreamweaver kan.

Ik heb hier ook interesse voor, maar wat ik me afvraag is hoe ik bijvoorbeeld een knop (zo van klik hier) maak/invoeg op de juiste plaats.

Stefvdwel schreef:

Ik heb hier ook interesse voor, maar wat ik me afvraag is hoe ik bijvoorbeeld een knop (zo van klik hier) maak/invoeg op de juiste plaats.

CSS float, en clear is all you need

Rwsite schreef:

Eerdere citaten tonen

Dweazel schreef:

.PSD is een Photoshop bestand, daar in staat het ontwerp van een layout bijvoorbeeld.

Aha..

Even nog een toevoeging hier aan: Je zou vast denken, waarom geen ander format? Omdat een PSD verschillende layers enz kan bevatten waardoor je simpel de layout om kan zetten in HTML, css en andere dingen. (correct me if im wrong)

Wouterr schreef:

Eerdere citaten tonen

Rwsite schreef:

Eerdere citaten tonen

Dweazel schreef:

.PSD is een Photoshop bestand, daar in staat het ontwerp van een layout bijvoorbeeld.

Aha..

Even nog een toevoeging hier aan: Je zou vast denken, waarom geen ander format? Omdat een PSD verschillende layers enz kan bevatten waardoor je simpel de layout om kan zetten in HTML, css en andere dingen. (correct me if im wrong)

Als je fireworks gebruikt met PNG kan je ook layers hoor. Maar dan weet ik niet of PhotoShop die ook ziet.

Ik gebruik nu Paint.NET. Is dit een goed programma om mee te beginnen?

Citaat

Eerdere citaten tonen

Wouterr schreef:

Eerdere citaten tonen

Rwsite schreef:

Eerdere citaten tonen

Dweazel schreef:

.PSD is een Photoshop bestand, daar in staat het ontwerp van een layout bijvoorbeeld.

Aha..

Even nog een toevoeging hier aan: Je zou vast denken, waarom geen ander format? Omdat een PSD verschillende layers enz kan bevatten waardoor je simpel de layout om kan zetten in HTML, css en andere dingen. (correct me if im wrong)

Als je fireworks gebruikt met PNG kan je ook layers hoor. Maar dan weet ik niet of PhotoShop die ook ziet.

Die ziet ze niet.

kan iemand me uitleggen wat sliden is?

Jordymen schreef:

kan iemand me uitleggen wat sliden is?

Ik denk dat je slicen bedoeld.
En dat betekent letterlijk je layout in stukjes snijden zodat je allemaal losse afbeeldingen hebt waardoor het makkelijker is om de layout te coderen.

oke bedankt voor de uitleg
ik wil een keer een layout gaan maken in cs6

Jordymen schreef:

oke bedankt voor de uitleg

ik wil een keer een layout gaan maken in cs6
Ga je gang zou ik zeggen.