DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Alleen als je weet dat de code semantisch correct en accessible is. Als deze 2 termen niet allebei gesneden koek voor je zijn, dan garandeer ik je dat het geen goede site isquote:Op woensdag 23 januari 2008 09:44 schreef Nashje het volgende:
Maar wat is er zo strict aan dan? Met losse plaatjes kun je ook een goede site afleveren.
En waarom is het dan geen goede site? Ik wil leren van maestro's zoals jullie. Vertel het me, leg uitquote:Op woensdag 23 januari 2008 09:50 schreef CraZaay het volgende:
[..]
Alleen als je weet dat de code semantisch correct en accessible is. Als deze 2 termen niet allebei gesneden koek voor je zijn, dan garandeer ik je dat het geen goede site is
.
Omdat als je een goede site ontwikkeld met duidelijke code (html, css, javascript, etc) dat je dan ook beter gevonden wordt door zoekmachines, maar ook is je site beter te bekijken in alle brouwsers en ga zo maar door.
Een duidelijke structuur is het grootste belang van de onderliggende code (vroeger was het anders, als de site er maar gelikt uitzag was het goed, nu doen we dat graag beiden!)
Een duidelijke structuur is het grootste belang van de onderliggende code (vroeger was het anders, als de site er maar gelikt uitzag was het goed, nu doen we dat graag beiden!)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Maar je krijgt alleen een duidelijke code als je de boel sliced? Dat de code netjes moet zijn snap ik, maar daar heeft slicen verder toch weinig mee te maken?
Definieer anders slicen eens, want volgens mij praten we langs elkaar heen. Voor mij is slicen niets anders dan het omzetten van een grafisch ontwerp naar html/css.
mss ziet hij het als slicen vanuit photoshop naar tabellen?quote:Op woensdag 23 januari 2008 11:35 schreef CraZaay het volgende:
Definieer anders slicen eens, want volgens mij praten we langs elkaar heen. Voor mij is slicen niets anders dan het omzetten van een grafisch ontwerp naar html/css.
[ Bericht 9% gewijzigd door Flaccid op 23-01-2008 16:38:37 ]
Onder slicen versta ik het hakken van plaatjes. Dus je hebt een lay-out gemaakt in Photoshop, die hak je naar losse plaatjes.quote:Op woensdag 23 januari 2008 11:35 schreef CraZaay het volgende:
Definieer anders slicen eens, want volgens mij praten we langs elkaar heen. Voor mij is slicen niets anders dan het omzetten van een grafisch ontwerp naar html/css.
Ik vraag me dus af waarom je zoiets zou doen. Maar ik zal de definitie wel verkeerd hebben.
Zo ben ik ook beginnen. Maar nu doe ik photoshop + handmatig divs maken enzo. Photoshop zet ze gewoon allemaal in een tabel. Makkelijk om mee t e beginnen.quote:Op woensdag 23 januari 2008 16:35 schreef Nashje het volgende:
[..]
Onder slicen versta ik het hakken van plaatjes. Dus je hebt een lay-out gemaakt in Photoshop, die hak je naar losse plaatjes.
Ik vraag me dus af waarom je zoiets zou doen. Maar ik zal de definitie wel verkeerd hebben.
Zo deed ik het ook, maar tegenwoordig knip ik gewoon de onderdelen zelf uit met Photoshop waarna ik deze ga inweven in een div, ul en weet ik veel wat voor headings allemaal tot een compleet XHTML documentquote:Op woensdag 23 januari 2008 16:39 schreef Flaccid het volgende:
Zo ben ik ook beginnen. Maar nu doe ik photoshop + handmatig divs maken enzo. Photoshop zet ze gewoon allemaal in een tabel. Makkelijk om mee t e beginnen.
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Zeker makkelijk, zo deed ik het ook eind jaren '90quote:Op woensdag 23 januari 2008 16:39 schreef Flaccid het volgende:
[..]
Zo ben ik ook beginnen. Maar nu doe ik photoshop + handmatig divs maken enzo. Photoshop zet ze gewoon allemaal in een tabel. Makkelijk om mee t e beginnen.
Feit is natuurlijk wel dat je op die manier nooit een website krijgt die het niveau "ziet er goed uit" ontstijgt 
Ik zou daarom ook een beginner aanraden om het meteen goed te doen. Ik heb genoeg boekentips in dat geval
CraZaay, doe mij eens een boekentip op "Ik kan semantisch correct (X)HTML typen, maar weet niet goed hoe ik er een strakke layout / typografie op toe kan passen".
Niet echt relevant uiteraard, we hadden het over het omzetten van een design naar HTML/CSS. Da's ook de scope van dit topic, het gaat alleen over het technische deel wat mij betreft.quote:Op woensdag 23 januari 2008 19:04 schreef Geqxon het volgende:
CraZaay, doe mij eens een boekentip op "Ik kan semantisch correct (X)HTML typen, maar weet niet goed hoe ik er een strakke layout / typografie op toe kan passen".
Om je toch tegemoet te komen: The Principles of Beautiful Web Design
Goeie inderdaad. Correct met HTML en CSS om kunnen gaan is één ding, maar dat betekent nog niet dat je een mooie site kunt bouwenquote:Op woensdag 23 januari 2008 19:04 schreef Geqxon het volgende:
CraZaay, doe mij eens een boekentip op "Ik kan semantisch correct (X)HTML typen, maar weet niet goed hoe ik er een strakke layout / typografie op toe kan passen".
Dat is ook een combinatie die ik nog nooit samen heb zien gaan in de professionele wereld. Grafisch design, interaction design én front-end devver in één op een hoog niveau is een uiterst zeldzame combinatie. Onder een "goede website" versta ik in dit topic dan ook een website die qua code goed in elkaar zit en wat mij betreft verder afschuwelijk mag zijnquote:Op woensdag 23 januari 2008 20:04 schreef mcDavid het volgende:
[..]
Goeie inderdaad. Correct met HTML en CSS om kunnen gaan is één ding, maar dat betekent nog niet dat je een mooie site kunt bouwen
Om maar een inhoudelijke post te posten. In FireFox heb je in het menu View > Pagestyle de keuze uit "Basic Page Style" of "No style". Ooit heb ik een tutorial gelezen hoe je de gebruiker via dit menu de keuze uit diverse stylesheets kon geven. Weet iemand misschien waar ik het over heb?
Help, mijn achtergrondkleur van "content_wrap" loopt niet goed door in onderstaande layout:
http://www.dumpzooi.nl/v2/layout.html
Ik heb het truukje van pagina 3 van dit topic al geprobeerd, maar dat werkt helaas ook maar half!
In IE7 gaat alles goed, maar in FF kapt de achtergrondkleur
http://www.dumpzooi.nl/v2/layout.html
Ik heb het truukje van pagina 3 van dit topic al geprobeerd, maar dat werkt helaas ook maar half!
In IE7 gaat alles goed, maar in FF kapt de achtergrondkleur
Je #content_right is gefloat en dus uit de flow. De makkelijkste oplossing is om je footer binnen #content_wrap te zetten onder je kolommen en deze "clear: both" mee te geven. Hij komt dan onder de kolommen te staan en alles is ok
Sterk staaltje divitus trouwens (tig onnodige divs)
Je moet je denk ik gaan realiseren dat het "structure first, styling later" is. Div's met classes als "header_login_spacer" zijn totaal overbodig en puur gericht op het visuele aspect. Anders kun je net zo goed spacer.gif weer uit de kast trekken
Sterk staaltje divitus trouwens (tig onnodige divs)
Je moet je denk ik gaan realiseren dat het "structure first, styling later" is. Div's met classes als "header_login_spacer" zijn totaal overbodig en puur gericht op het visuele aspect. Anders kun je net zo goed spacer.gif weer uit de kast trekken
Photoshop zet ze in een tabel? Oke, dat is dan nieuw voor mijquote:Op woensdag 23 januari 2008 16:39 schreef Flaccid het volgende:
[..]
Zo ben ik ook beginnen. Maar nu doe ik photoshop + handmatig divs maken enzo. Photoshop zet ze gewoon allemaal in een tabel. Makkelijk om mee t e beginnen.
. Kun je uitleggen hoe en met welke tool? Dan ga ik dat toch eens testen.
ImageReady zet ze in een tabel, photoshop niet volgens mij 
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Ja dat kan wel, alleen heb je dan alleen de lay-outquote:Op vrijdag 25 januari 2008 12:07 schreef donroyco het volgende:
» Zoiets « kan dat ook met xHTML icm CSS
wil een gastenboek/berichtenpost maken voor mijn site
.En het is trouwens gewoon van WordPress.
Die site bestaat ook gewoon uit HTML/CSS, dus dat lijkt me welquote:Op vrijdag 25 januari 2008 12:07 schreef donroyco het volgende:
» Zoiets « kan dat ook met xHTML icm CSS
wil een gastenboek/berichtenpost maken voor mijn site
Met alleen HTML/css kun je hooguit een statische site maken. Als je dynamische of interactieve content wilt, (zoals het in laten sturen van berichtjes door bezoekers) moet je er een scripttaal bijpakken. Zoals Javascript, PHP, ASP, of noem maar op.quote:Op vrijdag 25 januari 2008 12:07 schreef donroyco het volgende:
» Zoiets « kan dat ook met xHTML icm CSS
wil een gastenboek/berichtenpost maken voor mijn site
Idd.quote:Op donderdag 24 januari 2008 08:51 schreef CraZaay het volgende:
Je #content_right is gefloat en dus uit de flow. De makkelijkste oplossing is om je footer binnen #content_wrap te zetten onder je kolommen en deze "clear: both" mee te geven. Hij komt dan onder de kolommen te staan en alles is ok
Sterk staaltje divitus trouwens (tig onnodige divs)
Ik durf de uitdaging wel aan te gaan om die site exact na te bouwen, met maximaal 7 divs.
-edit-
oh en als je geen gebruik maakt van frames, gebruik dan ook de strict variant van (X)HTML
Met 4 moet zelfs kunnen denk ik (wrapper, header, menu, content). Footer als paragraaf, omdat het imo niets anders is dan een gestylde copyright notice.quote:Op vrijdag 25 januari 2008 12:34 schreef mcDavid het volgende:
Idd.
Ik durf de uitdaging wel aan te gaan om die site exact na te bouwen, met maximaal 7 divs.
-edit-
oh en als je geen gebruik maakt van frames, gebruik dan ook de strict variant van (X)HTML
Voor frames zou je sowieso het frameset doctype moeten gebruiken. Waarom raad je echter strict aan ipv transitional? Mijn ervaring is dat veel mensen het knap lastig vinden als ze attributen als "target" ed niet meer kunnen gebruiken
Wat voegt strict toe in jouw optiek?
