Ontwerp photoshop
Het volgende: " Ik maak een layout in photoshop en wil deze layout zoals hij deruit ziet gaan gebruiken en daarbij wil ik dat deze snel laad" Nu heb ik geprobeerd van deze om te zetten tot div's enz maar ik kan enkel constateren dat ik deze layout niet proper kan omzetten tot css en achtergrond foto's. Met image ready bewerkt en geknipt tot apparte delen. Mijn vraag is :" Hoe kan ik er nu voor zorgen dat het sneller laad met minder foto's? in een iets simpeldere structuur . voorbeeld op
Met css maak je dan een menu dmv een lijst. Hier is een hoop over te vinden op internet, dus dan word er nog maar 1 plaatje geladen en je menu is gewoon van tekst, waardoor je site al een stuk sneller is. Je hebt voor alles plaatjes gemaakt. Je kunt ook gewoon een achtergrond kleur nemen en daar tekst op zetten. Is veel sneller want dan hoeft hij niet al die plaatje te laden. Met CSS kan je een hoop bereiken in de lay-out zonder plaatjes. Gebruik dus zo min mogelijk plaatjes en maak zoveel mogelijk gebruik van de mogelijkheden van css. Je menu kan dus met 1 achtergrond. Een plaatje van 2 px breed met een gradient naar onderen toe en die herhaal je dan horizontaal. Dit geeft een breed plaatje weer, terwijl er maar een klein plaatje geladen word. Dit kun je met nog meer dingen doen op je site.
Ik heb dit reeds geprobeerd maar weet niet precies hoe ik dit moet gaan verwezelijken zodat die bloem net op dezelfde plaats terrecht komt. of kan ik met een layer in dreamweaver die foto daar plaatsen. Gaat dit niet voor conflicten lijden ? @jordy
Maar zie ik nu echt dat je dit in Word hebt gemaakt? Damn... :) Gebruik nooit iets van MS voor internet, niet om te maken en niet om te bekijken.
Je code is zo ontiegelijk vervuild met allerlei XML, styles en classes dat ik me verbaas dat het er in Firefox nog goed uit ziet.
Overigens zeker Jordy's raad opvolgen over minder plaatjes. Dat komt het laden ten goede.
Tjah, dat heb je als je designs om wilt zetten in HTML door middel van Word.
Ook een klein bedankje aan de comic sans uitdrijvers :)
Topic closed Hmm, ik heb ondertussen gemerkt dat er sommigen tegen comic sans zijn om 1 of andere reden. Persoonlijke meningen zijn altijd toegestaan maar dat heeft me niet geholpen met men probleem. Wat daarentegen wel geholpen heeft is Jan Koehoorn die me dus vertelde van layout's te gaan maken in xhtml en css . Een boek kopen en leren versta ik daar uit . Bedankt Jan.
Sterker nog, soms werkt de site ook zelfs niet in IE.
Daarom moet je dus aan de regels houden :-).
Alsof sites het ooit wel eens goed doen in IE ;). Ja nah veel vloeken en een hoop omwegen kom je der wel. :P
Probeer de css tutorail van jan koehoorn eens door te nemen. Klik hierboven eens op zijn naam, dan zie je die tutorails staan.
Dat over Comic Sans MS, laat lekker zitten. Als jij die wilt gebruiken moet je dat doen. Het enige waar je mee op moet letten is dat je geen fonts gebruikt die mensen misschien niet op hun computer hebben (dan zien ze dat lettertype niet). Zet dus meerdere fonts achter elkaar, zodat als 1 er niet is, dat diegene daarna getoond word. (met comic sans ms zal je dat niet hebben, omdat iedereen dat heeft op zijn computer)
Zoek er maar eens wat over op google.
Je zou zeggen dat als je met software van microzacht een website maakt, dat die dan ook in andere software van mircozacht werkt.
Eigenlijk valt het best nog wel mee met IE hoor vind ik... Vooral als je veel met float:left; kan werken, en geloof me meestal kan dat wel is het vrij simpel.. de enige hacks die ik eigenlijk wel eens toepas zijn om bijvoorbeeld marges of padding in IE iets te verkleinen... @Jordy
Bij mij viel het ook erg mee, maar dat kwam omdat ik nu alles valid had. Mijn vorige site (zeer lelijk) zag er in IE goed uit (nog nooit gehoord van FF) totdat ik er van hoorde en hem daarin keek. Toen schrok ik pas. In grote lijnen alels aangepast zodat het er in FF goed uitzag, maar toen was IE weer fout. Alles maar weggegooid want het was een ravage. Ik denk dat de validators van de oude site helemaal op hol zouden slaan, zoveel er fout was.
Nu heb ik weer wat dingen bijgeleerd en de nieuwe site is perfect ;).
Ik gebruik idd ook alleen hacks voor de padding en margins. Oja en vor me footer, omdat IE 1px wit overhoud.
Maar je hebt gelijk hoor en met IE7 valt alles helemaal mee.
Maar als je niet zoveel van css afweet, denk ik dat het heel veel moeite kost om hem in IE goed te krijgen. Ik weet nu ongeveer wel waar IE anders op reageert dus is het makkelijker om het goed te krijgen.
Voor beginners zal dat een stuk moeilijker zijn en zonder phphulp zou het dramatisch zijn ;).
@ Iedereen, waarom eigenlijk tegen Comic Sans MS??? (ik gebruik het zelf niet, voordat ik gebombardeerd word.) Ja dat klopt, maar toch is het altijd wel even je adem inhouden als je site in FF goed is en je hem dan voor het eerste in IE gaat kijken.
Met css maak je dan een menu dmv een lijst. Hier is een hoop over te vinden op internet, dus dan word er nog maar 1 plaatje geladen en je menu is gewoon van tekst, waardoor je site al een stuk sneller is.
Ik heb dit reeds geprobeerd maar weet niet precies hoe ik dit moet gaan verwezelijken zodat die bloem net op dezelfde plaats terrecht komt. of kan ik met een layer in dreamweaver die foto daar plaatsen. Gaat dit niet voor conflicten lijden ?
Aaaaaaaah! Comic Sans MS!
Maar zie ik nu echt dat je dit in Word hebt gemaakt? Damn... :) Gebruik nooit iets van MS voor internet, niet om te maken en niet om te bekijken.
Je code is zo ontiegelijk vervuild met allerlei XML, styles en classes dat ik me verbaas dat het er in Firefox nog goed uit ziet.
Overigens zeker Jordy's raad opvolgen over minder plaatjes. Dat komt het laden ten goede.
Heb nog ergens een mooi 'I hate comic sans' font liggen, download maar eens :)
niet vrolijk van. Als je serieus met webdesign aan de gang wilt, raad ik je aan om rechstreeks in de code te gaan werken en je te verdiepen in lay-outs XHTML en CSS.
De validator wordt er ook Jan Koehoorn schreef op 18.01.2008 09:16:
De validator wordt er ook niet vrolijk van. Als je serieus met webdesign aan de gang wilt, raad ik je aan om rechstreeks in de code te gaan werken en je te verdiepen in lay-outs XHTML en CSS.
Tjah, dat heb je als je designs om wilt zetten in HTML door middel van Word.
Edit:
Edit:
Code (php)
1
2
3
2
3
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 10">
<meta name=Originator content="Microsoft Word 10">
<meta name=Generator content="Microsoft Word 10">
<meta name=Originator content="Microsoft Word 10">
Gewijzigd op 01/01/1970 01:00:00 door Arjan Schuurman
Ook een klein bedankje aan de comic sans uitdrijvers :)
Topic closed
Topic is niet closed :) Dat kunnen (gelukkig) alleen moderators doen. Topics waarin mensen zijn geholpen worden doorgaans niet gesloten, zodat ze nog terug te vinden zijn :)
Elwin schreef op 18.01.2008 08:58:
Je code is zo ontiegelijk vervuild met allerlei XML, styles en classes dat ik me verbaas dat het er in Firefox nog goed uit ziet.
Sterker nog, soms werkt de site ook zelfs niet in IE.
Daarom moet je dus aan de regels houden :-).
Jeej schreef op 18.01.2008 14:10:
Sterker nog, soms werkt de site ook zelfs niet in IE.
Daarom moet je dus aan de regels houden :-).
Elwin schreef op 18.01.2008 08:58:
Je code is zo ontiegelijk vervuild met allerlei XML, styles en classes dat ik me verbaas dat het er in Firefox nog goed uit ziet.
Sterker nog, soms werkt de site ook zelfs niet in IE.
Daarom moet je dus aan de regels houden :-).
Alsof sites het ooit wel eens goed doen in IE ;). Ja nah veel vloeken en een hoop omwegen kom je der wel. :P
Probeer de css tutorail van jan koehoorn eens door te nemen. Klik hierboven eens op zijn naam, dan zie je die tutorails staan.
Dat over Comic Sans MS, laat lekker zitten. Als jij die wilt gebruiken moet je dat doen. Het enige waar je mee op moet letten is dat je geen fonts gebruikt die mensen misschien niet op hun computer hebben (dan zien ze dat lettertype niet). Zet dus meerdere fonts achter elkaar, zodat als 1 er niet is, dat diegene daarna getoond word. (met comic sans ms zal je dat niet hebben, omdat iedereen dat heeft op zijn computer)
Zoek er maar eens wat over op google.
Gewijzigd op 01/01/1970 01:00:00 door J V
Jordy schreef op 18.01.2008 14:24:
Alsof sites het ooit wel eens goed doen in IE ;).
Jeej schreef op 18.01.2008 14:10:
Sterker nog, soms werkt de site ook zelfs niet in IE.
Daarom moet je dus aan de regels houden :-).
Elwin schreef op 18.01.2008 08:58:
Je code is zo ontiegelijk vervuild met allerlei XML, styles en classes dat ik me verbaas dat het er in Firefox nog goed uit ziet.
Sterker nog, soms werkt de site ook zelfs niet in IE.
Daarom moet je dus aan de regels houden :-).
Alsof sites het ooit wel eens goed doen in IE ;).
Je zou zeggen dat als je met software van microzacht een website maakt, dat die dan ook in andere software van mircozacht werkt.
Eigenlijk valt het best nog wel mee met IE hoor vind ik... Vooral als je veel met float:left; kan werken, en geloof me meestal kan dat wel is het vrij simpel.. de enige hacks die ik eigenlijk wel eens toepas zijn om bijvoorbeeld marges of padding in IE iets te verkleinen...
Bij mij viel het ook erg mee, maar dat kwam omdat ik nu alles valid had. Mijn vorige site (zeer lelijk) zag er in IE goed uit (nog nooit gehoord van FF) totdat ik er van hoorde en hem daarin keek. Toen schrok ik pas. In grote lijnen alels aangepast zodat het er in FF goed uitzag, maar toen was IE weer fout. Alles maar weggegooid want het was een ravage. Ik denk dat de validators van de oude site helemaal op hol zouden slaan, zoveel er fout was.
Nu heb ik weer wat dingen bijgeleerd en de nieuwe site is perfect ;).
Ik gebruik idd ook alleen hacks voor de padding en margins. Oja en vor me footer, omdat IE 1px wit overhoud.
Maar je hebt gelijk hoor en met IE7 valt alles helemaal mee.
Maar als je niet zoveel van css afweet, denk ik dat het heel veel moeite kost om hem in IE goed te krijgen. Ik weet nu ongeveer wel waar IE anders op reageert dus is het makkelijker om het goed te krijgen.
Voor beginners zal dat een stuk moeilijker zijn en zonder phphulp zou het dramatisch zijn ;).
@ Iedereen, waarom eigenlijk tegen Comic Sans MS??? (ik gebruik het zelf niet, voordat ik gebombardeerd word.)
Gewijzigd op 01/01/1970 01:00:00 door J V