website maken (layout)

MaRtO
Elite Poster
Elite Poster
Berichten: 1250
Lid geworden op: 26 nov 2003, 20:33
Locatie: BE

Hoe maak je eigenlijk een website met een toffe layout???? :???:

Nu heb ik gewoon een website met frames, buttons,..... :roll:
Gebruikersavatar
PowerSoft
Premium Member
Premium Member
Berichten: 589
Lid geworden op: 30 maa 2004, 20:33
Uitgedeelde bedankjes: 6 keer
Bedankt: 1 keer

je neemt een blad papier
je neemt een potlood
en je tekent een website met toffe layout
dan neem je je doos stiften
je kleurt de tekening
je scant de tekening in (of je neemt er een foto van met je webcam)
je zet de scan op inet


ok en nu voor echt:
je neemt een blad papier
je neemt een potlood
en je tekent een website met toffe layout
je werkt deze uit in photshop of whatever
je trekt je TextPad open
je begint de site volledig xhtml 1.0 Strict te coderen
je codeert je opmaak met css (externe, geen inline)
ubremoved_983
Elite Poster
Elite Poster
Berichten: 3868
Lid geworden op: 20 maa 2004, 20:10
Uitgedeelde bedankjes: 95 keer
Bedankt: 48 keer

ohja en frames s**** :P
Gebruikersavatar
Snakehit
Elite Poster
Elite Poster
Berichten: 806
Lid geworden op: 05 mei 2004, 15:37
Locatie: Izegem, Belgie
Contacteer:

oh en vergeet geen snelle hosting provider
want als de site te traag opent ben ik weg :roll: :roll: :| :|
:-D :-D
ubremoved_983
Elite Poster
Elite Poster
Berichten: 3868
Lid geworden op: 20 maa 2004, 20:10
Uitgedeelde bedankjes: 95 keer
Bedankt: 48 keer

En nog een beetje propaganda om te werken met webstandaarden (valid xhtml (strict) & css)

http://www.456bereastreet.com/lab/developing_with_web_standards/
MaRtO
Elite Poster
Elite Poster
Berichten: 1250
Lid geworden op: 26 nov 2003, 20:33
Locatie: BE

Snakehit schreef:oh en vergeet geen snelle hosting provider
want als de site te traag opent ben ik weg :roll: :roll: :| :|
:-D :-D

Ja skynet kan soms een beetje traag zijn. :?
Gebruikersavatar
Snakehit
Elite Poster
Elite Poster
Berichten: 806
Lid geworden op: 05 mei 2004, 15:37
Locatie: Izegem, Belgie
Contacteer:

skynet gaat nog maar je hebt daar andere ik noem geen namen,
maar die zijn echt traag :cry: 8)
inter
Pro Member
Pro Member
Berichten: 331
Lid geworden op: 06 nov 2003, 08:50

had je zoals vroeger reeds gezegd ZELF eens wat moeite gedaan en gezocht bv op google dan kreeg je dit bv :
http://www.google.be/search?q=website+m ... %3Dlang_nl

is °MaRtO°° zijn motto liever lui dan moe?
Nobody is perfect but I'm f*** close [Clawfinger]
Gebruikersavatar
The_Borg
Elite Poster
Elite Poster
Berichten: 1759
Lid geworden op: 22 dec 2003, 20:25

Geocities page builder, succes gegarandeerd!
"We are the Borg. Lower your shields and surrender your ships. We will add your biological and technological distinctiveness to our own. Your culture will adapt to service us. Resistance is futile."
inter
Pro Member
Pro Member
Berichten: 331
Lid geworden op: 06 nov 2003, 08:50

maak het hem niet te moeilijk of hij vraagt je nog om woord per woord te vertalen ...
Nobody is perfect but I'm f*** close [Clawfinger]
ubremoved_983
Elite Poster
Elite Poster
Berichten: 3868
Lid geworden op: 20 maa 2004, 20:10
Uitgedeelde bedankjes: 95 keer
Bedankt: 48 keer

The_Borg schreef:Geocities page builder, succes gegarandeerd!


ROFLOL :P
Gebruikersavatar
stephan
Elite Poster
Elite Poster
Berichten: 1053
Lid geworden op: 11 jan 2004, 17:06
Locatie: Zürich

inter schreef:maak het hem niet te moeilijk of hij vraagt je nog om woord per woord te vertalen ...


Geo-steden webstek bouwer :wink:
There are two types of planes : Fighters and Targets :wink:
MaRtO
Elite Poster
Elite Poster
Berichten: 1250
Lid geworden op: 26 nov 2003, 20:33
Locatie: BE

inter schreef:had je zoals vroeger reeds gezegd ZELF eens wat moeite gedaan en gezocht bv op google dan kreeg je dit bv :
http://www.google.be/search?q=website+m ... %3Dlang_nl

is °MaRtO°° zijn motto liever lui dan moe?

:funny: :funny: :funny: :funny::funny::funny:

Ik weet wel hoe je een site moet maken maar ik heb nog nooit
met stylesheets(css) gewerkt. :?
(Een forum dient toch om problemen op te lossen.) :-o
Gebruikersavatar
aikon
Plus Member
Plus Member
Berichten: 177
Lid geworden op: 14 maa 2004, 20:56
Locatie: Rotselaar - Leuven
Contacteer:

°MaRtO°° schreef:
inter schreef:had je zoals vroeger reeds gezegd ZELF eens wat moeite gedaan en gezocht bv op google dan kreeg je dit bv :
http://www.google.be/search?q=website+m ... %3Dlang_nl

is °MaRtO°° zijn motto liever lui dan moe?

:funny: :funny: :funny: :funny::funny::funny:

Ik weet wel hoe je een site moet maken maar ik heb nog nooit
met stylesheets(css) gewerkt. :?
(Een forum dient toch om problemen op te lossen.) :-o


maar niet om om de haverklap jou simplistische vragen op te lossen :evil:
Het valt me op (en ik ben heus niet de enigste) dat je zelf NOOIT zoekwerk verricht. Hef je luie kont eens op (hoeft zelfs niet eens) en verricht wat zoekwerk. Is zelfs dat je teveel, dan kan je beter terug in de zandbak gaan spelen :x
su root
Gebruikersavatar
meon
Administrator
Administrator
Berichten: 16609
Lid geworden op: 18 feb 2003, 22:02
Twitter: meon
Locatie: Bree
Uitgedeelde bedankjes: 564 keer
Bedankt: 759 keer
Contacteer:

Ik denk dat zijn vraag eerder iets moet zijn:
hoe maakt ge een mooie, grafische layout.
Wel. Maak die (in Photoshop bvb). Dan hak je dat in stukjes met ImageReady en exporteert ge dat als html.
En hoe er iets uit zal zien is natuurlijk afhankelijk van je eigen creativiteit.
CueBoy
Elite Poster
Elite Poster
Berichten: 1676
Lid geworden op: 23 mei 2003, 23:13
Uitgedeelde bedankjes: 1 keer

Debruineogenboy schreef:P.S.: Je weet helemaal hoe je een site moet maken, maar je hebt geen idee van CSS, en ik die dacht dat CSS tot het onderdeel sites maken behoorde :|


Allez, iemand moet toch een beetje tegengas geven hé (en als je iets simplistisch vindt, dan kun je de thread nog altijd negeren...) :-)

CSS is niet noodzakelijk bij het maken van een site, je kan dat nl. perfect zonder doen... snap je ?

/edit : whoeps, ik reageer hier met een quote uit een post die ondertussen al verdwenen is :eek: Soit, ga mijn post daarom nog niet aanpassen :-)
If you can't beat them, confuse them.
Arrigi
Elite Poster
Elite Poster
Berichten: 824
Lid geworden op: 05 okt 2003, 23:00
Locatie: Hoogstraten
Contacteer:

Uhu, kdelete regelmatig men posts omda ik ze slecht vind :? .

En ik weet ook dat het perfect gaat zonder, maar Marto is toch zo verdomd slim dat hij toch wel alles weet van websites maken :wink:
MaRtO
Elite Poster
Elite Poster
Berichten: 1250
Lid geworden op: 26 nov 2003, 20:33
Locatie: BE

Debruineogenboy schreef:Uhu, kdelete regelmatig men posts omda ik ze slecht vind :? .

En ik weet ook dat het perfect gaat zonder, maar Marto is toch zo verdomd slim dat hij toch wel alles weet van websites maken :wink:

Eindelijk iemand die me verstaat. 8) (just kidding)
MaRtO
Elite Poster
Elite Poster
Berichten: 1250
Lid geworden op: 26 nov 2003, 20:33
Locatie: BE

aikon schreef:
°MaRtO°° schreef:
inter schreef:had je zoals vroeger reeds gezegd ZELF eens wat moeite gedaan en gezocht bv op google dan kreeg je dit bv :
http://www.google.be/search?q=website+m ... %3Dlang_nl

is °MaRtO°° zijn motto liever lui dan moe?

:funny: :funny: :funny: :funny::funny::funny:

Ik weet wel hoe je een site moet maken maar ik heb nog nooit
met stylesheets(css) gewerkt. :?
(Een forum dient toch om problemen op te lossen.) :-o


maar niet om om de haverklap jou simplistische vragen op te lossen :evil:
Het valt me op (en ik ben heus niet de enigste) dat je zelf NOOIT zoekwerk verricht. Hef je luie kont eens op (hoeft zelfs niet eens) en verricht wat zoekwerk. Is zelfs dat je teveel, dan kan je beter terug in de zandbak gaan spelen :x

Ja, kweet de zandbak is leuk é :puke:
CueBoy
Elite Poster
Elite Poster
Berichten: 1676
Lid geworden op: 23 mei 2003, 23:13
Uitgedeelde bedankjes: 1 keer

/off-topic on
@°MaRtO°° & Debruineogenboy : 't zal te maken hebben met de gapende generatiekloof :lol:
/off-topic off
If you can't beat them, confuse them.
MaRtO
Elite Poster
Elite Poster
Berichten: 1250
Lid geworden op: 26 nov 2003, 20:33
Locatie: BE

ditCh schreef:ohja en frames s****en :P

Waarom zuigen(s****) frames nu eigenlijk??
Akira
Elite Poster
Elite Poster
Berichten: 1386
Lid geworden op: 10 jan 2004, 13:30

marto wat simpeler is is ready made layouts te downloaden, probeer daar eerst mee te werken en dan kan je aan de hand van dat voorbeeld, alles mooi namaken met je eigen roxxorende layout, het vraagt wel wat ervaring,
en veel tijd ale als ge alles zelf gaat tekenen en niet pijltjes en mail-icoontjes en al van het internet gaat halen :)
de pispaal <<
Gebruikersavatar
NuKeM
Content Editor
Content Editor
Berichten: 5132
Lid geworden op: 10 nov 2002, 00:55
Uitgedeelde bedankjes: 67 keer
Bedankt: 156 keer
Contacteer:

Persoonlijk vind ik dat frames nog altijd hun charmes hebben.
Als er geen php of iets anders ter beschikking is kan op deze manier toch een deftige site gemaakt worden en moet ook niet steeds de hele pagina bij elke klik geladen worden (hoofdding en menu kunnen bv. blijven staan).
NuKeM
Gebruikersavatar
stephan
Elite Poster
Elite Poster
Berichten: 1053
Lid geworden op: 11 jan 2004, 17:06
Locatie: Zürich

Mr.Cide schreef:Everytime you masturbate, you kill a little kid, think about it the next time


[OffTopic]
Dan valt het mee als je pedofiel bent :wink:
[/OffTopic]

ciao
stephan
There are two types of planes : Fighters and Targets :wink:
ubremoved_983
Elite Poster
Elite Poster
Berichten: 3868
Lid geworden op: 20 maa 2004, 20:10
Uitgedeelde bedankjes: 95 keer
Bedankt: 48 keer

NuKeM schreef:Persoonlijk vind ik dat frames nog altijd hun charmes hebben.
Als er geen php of iets anders ter beschikking is kan op deze manier toch een deftige site gemaakt worden en moet ook niet steeds de hele pagina bij elke klik geladen worden (hoofdding en menu kunnen bv. blijven staan).


Als je met tabellen of divs werkt word de eerste keer dat je de pagina laad het menu en / of menu in de browser cache gestoken ? Je gaat geen snelheidsverschil merken hoor ... frames worden nog vaak gebruikt, maar zijn outdated en niet xhtml strict valid !
Gebruikersavatar
PowerSoft
Premium Member
Premium Member
Berichten: 589
Lid geworden op: 30 maa 2004, 20:33
Uitgedeelde bedankjes: 6 keer
Bedankt: 1 keer

geen zin om te qouteren dus zal ik zo mijn zegje doen

meer een meer user beginnen met gsm/pda achtige toestellen te surfen, jammer genoeg ondersteunen deze browsers geen frames, enfin ja kheb niets tegen frames als je het niet merkt

en dat je een site layout kan maken zonder css dat is helemaal waar, maar wel kut als je zo op 20 pagina's een kleurtje moet gaan wijzigen he
Gebruikersavatar
stephan
Elite Poster
Elite Poster
Berichten: 1053
Lid geworden op: 11 jan 2004, 17:06
Locatie: Zürich

meon schreef:...grafische layout. Wel. Maak die (in Photoshop bvb). Dan hak je dat in stukjes met ImageReady en exporteert ge dat als html.


Bedoel je gewoon de grote afbeelding in kleine afbeeldingen splitsen zodat het sneller laadt?

ciao
There are two types of planes : Fighters and Targets :wink:
Gebruikersavatar
meon
Administrator
Administrator
Berichten: 16609
Lid geworden op: 18 feb 2003, 22:02
Twitter: meon
Locatie: Bree
Uitgedeelde bedankjes: 564 keer
Bedankt: 759 keer
Contacteer:

stephan schreef:
meon schreef:...grafische layout. Wel. Maak die (in Photoshop bvb). Dan hak je dat in stukjes met ImageReady en exporteert ge dat als html.


Bedoel je gewoon de grote afbeelding in kleine afbeeldingen splitsen zodat het sneller laadt?

ciao

Nee.
Voorbeeldje:
- Ik maak een layout in photoshop, tot ik iets leuks krijg, bijvoorbeeld dit:
http://www.anigraphics.be/~christophe/u ... gewoon.png
- Dan ga ik aan het slicen in photoshop tot ik dit krijg:
http://www.anigraphics.be/~christophe/u ... toshop.png
- Bij het exporteren ziet er dit zo uit:
http://www.anigraphics.be/~christophe/u ... slices.png
- Na veel puzzelen krijg je het resultaat dat je ziet op bvb:
http://www.regionalemilieuzorg.be/organ ... tiviteiten

Zoals je ziet gebruik ik de slices om logische onderdelen van een afbeelding af te splitsen: een knop, een tekst, een logo, een repeterende achtergrond, een titel.
Gebruikersavatar
stephan
Elite Poster
Elite Poster
Berichten: 1053
Lid geworden op: 11 jan 2004, 17:06
Locatie: Zürich

hmmm, moet ik eens proberen na de examens :wink:

je vernoemt nu specifiek fotoshop, maar ik vermoed dat het met bvb. fireworks mx ook gaat he? (ja marto, die heb jij ook, dat moet je dan al niet meer vragen :wink:)

thanx!
stephan

/EDIT : Found it :banana:
There are two types of planes : Fighters and Targets :wink:
Gebruikersavatar
Snakehit
Elite Poster
Elite Poster
Berichten: 806
Lid geworden op: 05 mei 2004, 15:37
Locatie: Izegem, Belgie
Contacteer:

ja maar ja,
wat je zegt van die afbeelding,
denk maar eens aan de resolutie...
Dat is een heel ander begrip.

Dan ga je al verschillende afbeeldingen mogen maken en zoeken met een javascript welke ze hebben.
Gebruikersavatar
meon
Administrator
Administrator
Berichten: 16609
Lid geworden op: 18 feb 2003, 22:02
Twitter: meon
Locatie: Bree
Uitgedeelde bedankjes: 564 keer
Bedankt: 759 keer
Contacteer:

Euh? Nee.
Tabels is the key. En in uw layout voorzien dat ge een 'stretchable' gedeelte hebt.
* meon gruwelt van client-side scripting
Gebruikersavatar
PowerSoft
Premium Member
Premium Member
Berichten: 589
Lid geworden op: 30 maa 2004, 20:33
Uitgedeelde bedankjes: 6 keer
Bedankt: 1 keer

meon schreef:Euh? Nee.
Tabels is the key. En in uw layout voorzien dat ge een 'stretchable' gedeelte hebt.
* meon gruwelt van client-side scripting


waarom divs ipv tabellen:
http://www.hotdesign.com/seybold/index.html



voordelen van client side scripting:
-minder hostingkosten voor webserver
-meer webtrafiek
-minder belasting van server

een voorbeeldje: valideren van de input bij een form
gebruiker type fout in email => trafiek naar server ==> server moet 'werken' ==> trafiek naar client => gebruiker typt opnieuw fout => trafiek naar server ==> server moet 'werken' ==> trafiek naar client =>
gebruiker vergeet iets in te vullen => trafiek naar server ==> server moet 'werken' ==> trafiek naar client (om naar maar te zwijgen van de mogelijke delay)

met client side scripting
gebruiker typt fout => brower vangt op => geen trafiek

waarom server side gebruiken als bepaalde dingen veel beter met client side scripting op te lossen zijn
ubremoved_539
Deel van't meubilair
Deel van't meubilair
Berichten: 29849
Lid geworden op: 28 okt 2003, 09:17
Uitgedeelde bedankjes: 446 keer
Bedankt: 1985 keer

PowerSoft schreef:waarom server side gebruiken als bepaalde dingen veel beter met client side scripting op te lossen zijn


Omdat de eerste de beste script kiddie de grootste nonsens in je database kan duwen (en zelfs je programma's kan laten crashen) ! Nu kan dat voor bepaalde websites geen probleem zijn, maar voor andere is dit catastrofaal.

Een combinatie van beide is het mooiste, zij het dat de user interface van beide valideringsmethoden meestal anders is, en dus de gebruiker ook enigsinds in de war brengt.
Gebruikersavatar
PowerSoft
Premium Member
Premium Member
Berichten: 589
Lid geworden op: 30 maa 2004, 20:33
Uitgedeelde bedankjes: 6 keer
Bedankt: 1 keer

r2504 schreef:
PowerSoft schreef:waarom server side gebruiken als bepaalde dingen veel beter met client side scripting op te lossen zijn


Omdat de eerste de beste script kiddie de grootste nonsens in je database kan duwen (en zelfs je programma's kan laten crashen) ! Nu kan dat voor bepaalde websites geen probleem zijn, maar voor andere is dit catastrofaal.

Een combinatie van beide is het mooiste, zij het dat de user interface van beide valideringsmethoden meestal anders is, en dus de gebruiker ook enigsinds in de war brengt.


heb ook niet gezegd dat server side scripting slecht is he :)
maar voor bepaalde zaken is het nu eenmaal beter client side te gebruiken
wat ook duidelijk vermeld stata in mijn slotzin:
waarom server side gebruiken als bepaalde dingen veel beter met client side scripting op te lossen zijn (is dus niet gelijk aan alles)
Gebruikersavatar
NuKeM
Content Editor
Content Editor
Berichten: 5132
Lid geworden op: 10 nov 2002, 00:55
Uitgedeelde bedankjes: 67 keer
Bedankt: 156 keer
Contacteer:

Een mooi voorbeeld:
de speedtest hier :-D

applet client site <-> database op de server
NuKeM
Squirtle
Plus Member
Plus Member
Berichten: 166
Lid geworden op: 22 jan 2004, 08:27
Contacteer:

wel kut als je zo op 20 pagina's een kleurtje moet gaan wijzigen he


search & replace all?


nu ja, begin met wat van die simpele tutorials te lezen over css enzo he °MaRtO°°, of zoek een of andere fancy html editor die al die rommel kan genereren en euhm, probeer er zo iets uit te leren :?

en niet verwachten dat je van de 1e keer een superfancy site tevoorschijn tovert
layouts 'lenen' van andere sites geeft je creativiteit dan wel weer een lekkere boost :twisted:
ubremoved_983
Elite Poster
Elite Poster
Berichten: 3868
Lid geworden op: 20 maa 2004, 20:10
Uitgedeelde bedankjes: 95 keer
Bedankt: 48 keer

Het 'lenen' van layouts mag wel niet zomaar ... je kan natuurlijk rondsurfen om inspiratie op te doen maar zomaar een layout overnemen moet je mee oppassen !

En het gebruik van 'fancy' html editors die de helft voor je gaan genereren leer je niets bij ... gebruik gewoon textpad ofzo.
tinne

om niet een nieuwe topic te moeten starten :wink:
is het mogelijk om in een tabel een pagina te laden laten zoals in een frame?

groetjes xxx
Gebruikersavatar
meon
Administrator
Administrator
Berichten: 16609
Lid geworden op: 18 feb 2003, 22:02
Twitter: meon
Locatie: Bree
Uitgedeelde bedankjes: 564 keer
Bedankt: 759 keer
Contacteer:

tinne, ja, zoek maar eens op iframe's.
Die dingen zien er uit als:

Code: Selecteer alles

<iframe src="pagina.html" width="200" height="400"></iframe>

Meer uitleg is te vinden op het web ;)
Guest

Hey Meon (en de rest natuurlijk),
Leuk dat je die uitleg post over hoe je dat met die site van milieuzorg hebt gedaan, ik had in een andere post al een soortgelijke vraag gelanceerd.
Ik had een bijkomde vraag waarop je hier al een antwoord gaf maar ik het niet echt kan 'zien'.
Het gebruik van tabellen is me niet helemaal vreemd maar ik heb dat nog nooit gebruikt om een volledige meer gecompliceerde layout te maken totnutoe.
Is het juist om te stellen dat je die opmaak hebt gedaan voor 800*600 en kan je verklappen waar dat strechable gedeelte zit want ik kan dat er niet uithalen tussen al die code - ben maar een groentje hé :oops:
Bedankt op voorhand!
Plaats reactie

Terug naar “Development”