Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[Sitecheck] webdesignbyjord.nl

Anoniem
boelieboelie
39 antwoorden
  • OK, met knikkende knieen toch de stoute schoenen aangetrokken (wat dus niet mee valt met knikkende knieen….) Omdat je van bekende en familie eigenlijk altijd wel positief commentaar krijgt dacht ik het hier ook eens te vragen….. want ook al kan een oordeel van jullie soms best confronterend zijn het is wel objectief.


    Ik zou dus willen vragen om eens te kijken naar mijn website en jullie mening te geven.

    http://www.webdesignbyjord.nl/
  • ik vind het er wel strak uitzien, maar onderschrijf dan ook geheel de gedachte dat content belangrijker is dan allerlei poespas waar je niet op zit te wachten als je info wil.
    beeld vult goed in 800x600 maar wordt wat klein in 1024x768; jammer dat je daar ook moet scrollen.
    ik zou ´missie´ direct naast ´profiel´ zetten, da´s logischer.
    grijze subkopjes in de tekst te vaag tegen de achtergrond.
  • Een aantal opmerkingen:
    -De achtergrondafbeelding (vooral bovenste gedeelte) is vaag (te lage resolutie). Overigens heb je bij de referentiepagina's ook weleens vage afbeeldingen gebruikt. Is niet echt mooi.
    -Ik vind het allemaal wel erg donker. De grijze titels vallen daardoor soms wat weg. Waarom gebruik je geen kleur om alles er wat vrolijker te laten uitzien.
    -Vreemde kleurencombinatie, dat groen en zwart/wit.
    -Waarom staat er achter vrijwel alle titels een komma?
    -Onder 'Missie, Aanwezigheid en contact,' ontbreekt een Enter (gelet op de overige opmaak)
    -Bij 'contact' staat je e-mailadres tussen <h2></h2>.

    Desondanks een aardig begin.

    CB
  • Ziet er leuk uit, met zo'n close up van een oog, al mag de bedrijfsnaam wel anders gepresenteerd worden dan zo'n schreefletter met een schaduwtje. Je kopjes in de tekst zijn door de gekozen kleur vrij slecht te lezen op de achtergrondfoto. En de groene achtergrond mag ook wel wat 'spannender'…

    "Begonnen met de website van een kennis (…)" vindt ik niet echt uitnodigend voor potentiële professionele opdrachtgevers

    De zin "Namens Webdesign by Jord" voegt niets toe –> weglaten.

    Verder vind ik dat je duidelijker moet maken waarin je je onderscheid van alle 1001 andere webdesign bedrijfjes. Wat is jouw Unique Selling Point. Je zegt er iets over "Wij houden van eenvoud. Duidelijke taal in een strak ontwerp; zonder poespas. [m.i. 'hoort' die puntkomma hier niet]" maar is dat alles. Wat zou mij nou moeten doen besluiten om juist voor jóu te kiezen en niet voor een ander bedrijf(je)? Dát moet je veel duidelijker naar voren laten komen.

    Tot slot denk ik niet dat je voor deze vormgeving een tabel nodig hebt.
  • Even snel; je zou de achtergrond (het oog) iets meer opacity kunnen geven. Nu trekt die de aandacht weg van de tekst.

    t.
  • Naar wat ik gelezen heb:

    je kunt beter vanuit je content de rest van de site includen dan dat je je content vanuit index.php include. (altans kijkend naar je url denk ik dat je het zo doet)

    Het voordeel hiervan is dat je beter gevonden kan worden door zoekmachines en je pagina's worden (als er meedere gevonden worden) netjes onder elkaar gepresenteerd.

    Waarom gebruik je een enorme tabel om je site te positioneren? Je gebruikt binnen die tabel weer div's icm CSS, waarom positioneer je niet je hele site in div's + CSS?

    Als ik het zo even gauw zie moet je ff nog wat doen met de box model hack ivm je padding, dat kan problemen geven met andere browsers (versies) ben hier geen expert in anders ken je dabierk wel ff een pm geven die weet er meer van.

    Ik vind het verder wel een mooie strakke site, alleen dat groen he…. :roll: in mijn ogen doet het afbreuk maar ja dat zijn smaakverschillen.
  • [list:cb9dc0fb02]
    [*:cb9dc0fb02]In je head heb je de tags gesloten als XHTML, maar je doctype is HTML (waarom niet strict? En check ook je site bij http://validator.w3.org en http://jigsaw.w3.org/css-validator/);
    [*:cb9dc0fb02]Elke pagina heeft dezelfde <title>, dat is niet zo handig (om diverse redenen);
    [*:cb9dc0fb02]Er zitten wel wat fouten in de tekst.
    [*:cb9dc0fb02]Het design vind ik oké, behalve dat het oog inderdaad iets te aanwezig is;
    [*:cb9dc0fb02]Ik snap net als B00Tje niet waarom het in een tabel staat;
    [*:cb9dc0fb02]Je adres kan tussen <address>-tags;
    [*:cb9dc0fb02]Je kunt misschien nog nadenken over het vergroten van de toegankelijkheid voor mensen met een handicap, met een screenreader, een PDA/gsm of mensen die gewoon van keyboardnavigatie houden.
    [/list:u:cb9dc0fb02]
    Weet verder zo gauw niks te bedenken…
  • Bedankt voor alle reacties, ik kon me ook al niet voorstellen dat al mijn familie en bekenden zo eerlijk waren…… ;-)


    [quote:e99aef7938]CB: Bij 'contact' staat je e-mailadres tussen <h2></h2>.[/quote:e99aef7938] dit mail adres komt uit een javascript en staat gewoon in hetzelfde lettertype

    Teacher: Bedankt daar ga ik dan maar eens wat aan doen?

    Bootje: Wat bedoel je met: vanuit je content de rest van de site includen?

    Ik heb de site met bijne alle browser (IE, Firefox (Linux& Windows) Opera en Mozilla en Lynx) bekeken en overal is de padding in orde volgens mij. Ik hoor graag als het niet zo is.

    boelieboelie:
    Volgens Markup Validation Service v0.6.7 is de site Valid HTML 4.01 Transitional! alleen m'n CSS niet omdat ik de scroll-bar een kleur wil geven.
    Waarom is het niet verstandig elke pagina dezelfde titel te geven?
    OK, dat oog moet dus minder… dat is duidelijk….. Maar bedoelen jullie dan lichter of meer opacity?
    [quote:e99aef7938]Je adres kan tussen <address>-tags; [/quote:e99aef7938]
    Wat bedoel je daar mee?

    Voor wat betreft het vergroten van de toegankelijkheid voor mensen met een handicap heb ik inderdaad nog nooit bij stil gestaan. Sorry! Maar ik ga er eens over nadenken.

    In elk geval tot zover allemaal ontzettend bedankt.

    Van vinden jullie overigens van het reactie formulier en het krijgen van een emailtje?

    Grote groet,

    Jord[quote:e99aef7938][/quote:e99aef7938]
  • Over de title meta-tag:
    www.mediacollege.com/internet/html/tag/title.html
    www.submit-it.com/subopt.htm?tipq=3&sell_page=1
    http://diveintoaccessibility.org/day_8_constructing_meaningful_page_titles.html
    Dus handig voor bezoekers en zoekmachines.

    Dat van die address-tag is niet boeiend, maar als je het toch wilt weten:
    www.htmldog.com
    eference/htmltags/address/

    Bouwen voor mensen met een handicap noemde ik omdat er volgens mij er op zich niet zo heel veel fout is aan de site, dus kun je misschien wel een volgende stap maken. Meer info:
    www.accessify.com/tutorials/ten-quick-tests.asp
    www.diveintoaccessibility.org
    http://juicystudio.com/skip-links.asp
  • Persoonlijk hou ik van strakke websites, dus dit ontwerp spreekt me zeker aan.
    Het oog op de achtergrond vind ik heel leuk!
    Toch heb ook ik een paar puntjes ter overweging voor je:

    De achtergrondkleur.
    Ik vind het groen te flets overkomen. Ik zou eens expirimenteren met een rood-tint #CC000E (of zoiets) of mooie blauwtint #0033CC bijvoorbeeld.
    Gewoon kijken wat mooi bij dit zwart/grijs past.
    De tekst "Webdesign bij Jord" zou ik dan in die blauw of roodtint zetten en eruit laten springen. Geen blur gebruiken en kies een lekker strak lettertype, de letters mogen voor mij best een beetje glanzen.
    Je zou deze tekst "Webdesign by Jord" eventueel ook iets anders neer kunnen zetten: bijvoorbeeld in een wat groter lettertype "Webdesign" en dan daaronder iets verspringend in een wat kleiner lettertype "by Jord".
    Gewoon een beetje expirimenteren, en kijk wat je het beste bevalt.
    De hyperlinks zou ik eveneens in de nieuwe achtergrondkleur geven.

    Bij de pagina "werkwijze" zou ik ook een kopje gebruiken, net zoals je op de andere pagina's doet.

    Wat betreft de interpunctie sluit ik me bij mijn voorgangers aan. Er staan wat veel komma's.
    De kopjes (nu <h2>;) zou ik even groot maken als de tekst in de linkerkolom: <h1>
    Over de broncode is al heel wat gezegd, dus die sla ik over.
    Al met al vind ik het er netjes en verzorgd uitzien, en ik ben heel benieuwd naar het uiteindelijke resultaat!
    Succes!
  • Wat ik bedoel met vanuit je content includen:

    jij hebt nu je index.php pagina, je klikt op een menu item en dan wordt er een get variabele verstuurd. Dan vang je deze waarschijnlijk op in je index.php en include je de bijbehorende pagina in je content div.

    Das 1 manier om je navigatie te realiseren er zit alleen een minpuntje aan, het is niet echt zoekmachinevriendelijk. Het fijne weet ik er ook niet vanaf.

    Je kan het ook op een andere manier doen die wel zoekmachinevriendelijker is (wat me best belangrijk lijkt voor je site).

    Je neemt gewoon een standaard .php pagina, deze splits je in drie afzonderlijke pagina's: top.php <naam content pag>.php en bottom.php.
    In top.php staat je alles tot je content want die zet je in aparte pagna's. In bottom.php staan gewoon je sluit tags van je body en html en evt nog wat div's.

    Nu hoef je niet meer met get variabelen te werken maar kun je gewoon linken naar je .php pagina bijv. je linkt naar contact.php (noem maar wat) in contact.php staat bovenaan include('top.php'); en onderaan staat include('bottom.php').

    Dan heb je dus gewoon je site alleen include je je content niet in index.php maar de standaard html include je nu in je content.

    Het is lastig uitleggen zonder tekening maar ik hoop dat je het een beetje snapt zoniet hoor ik het wel.
  • Ik heb nu inderdaad een content pagina gemaakt met daarin de header, menu en footer als include (include_once schijnt beter(?) te zijn)

    Nu wil ik natuurlijk ook een dynamische titel voor elke pagina, die moet ik dan weer in de header.php kunnen includen vanuit de content-pagina.
    Daar ben ik dus beetje mee aan 't stoeien. En kom er daarbij achter dat er erg veel meer mogelijk is met php.

    Wat betreft die table dat is om de pagine vertical te centreren, vooralsnog is dit op deze manier met minder code mogelijk (en cross-browser) dan als ik dat via CSS wil doen.

    De teksten worden op dit moment door een tekstschrijver onder handen genomen dus dat moet goed komen. En de groene kleur hou ik voorlopig zoals deze is omdat dit eigenwijs en anders is dan anders.


    Dank voor alle reacties
  • Verticaal centreren kan wel met CSS :wink:
  • Daar heeft B00TjE gelijk in:
    Centering in IE
    Verticaal én horizontaal centreren
    Gecentreerde box met variabele breedte
    Nog wat uitleg over centreren met CSS
  • Ik vind er niet zoveel aan eik…
    Foto van oog op achtergrond, 1 raar lelijk 'logo' en wat transparante framedingetjes…
  • Ik heb ff de moeite genomen je referenties te bekijken…

    Ik heb 1 vraag voor je: zie je jezelf als serieuze cq professionele webdesigner?
  • B00TjE,

    Ik zei toch ook niet dat het niet kan. Natuurlijk kan dit ook het met css maar ik zeg alleen dat dit de makelijkste manier is om het cross-browser met weinig code te doen.

    Grote groet,

    Jord
  • Phrea,

    De ondertitel van dit forum is:"Maak het web mooier door hier van elkaar te leren."
    Jammer dat jij denkt op deze manier te helpen.
    Want met jou opmerking [quote:4cd1208c37]Ik vind er niet zoveel aan eik…[/quote:4cd1208c37] kan je natuurlijk helemaal niets.

    Voor wat betreft je vraag of ik mezelf als serieuze ontwerper zie. Laat ik het zo zeggen:"Voor als nog vind ik het erg leuk om iedere keer iets compleet verschillends te verzinnen voor een opdrachtgever.".

    Grote groet,

    Jord
  • Ik ben het er toch echt niet mee eens dat dit met een tabel de makkelijkste cross browser oplossing is en toch ook niet met de minste code, maar goed ik denk dat we hier richting een oeverloze discussie gaan…

    Iig suc6 met je site!
  • Dag bootje,

    waarom oeverloos, als jij me kan overtuigen ga ik zeker mee!

    Op dit moment is dit de gebruikte code:
    css:
    [code:1:c33e8c9f1b]
    html, body, table {
    margin: 0px;
    width: 100%;
    height: 100%;
    }
    td {
    text-align:center;
    }
    [/code:1:c33e8c9f1b]
    html:
    [code:1:c33e8c9f1b]
    <table>
    <tr>
    <td>
    blabla…
    </td>
    </tr>
    </table>
    [/code:1:c33e8c9f1b]

    en meer niet…

    Ik hoor het graag als dit nog korter en makkelijker kan zonder hacks etc.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.

Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord