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

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[sitecheck] ~/marco

None
50 antwoorden
  • Ik heb een (simpele) layout opgezet voor een persoonlijke website / weblog.
    Hierbij heb ik gebruik gemaakt van HTML 4.01 en CSS, graag jullie kritiek / suggesties.
    Ik heb nog geen tekst geschreven voor de website, het gaat nu puur om de layout.
    URL: http://home.nedlinux.nl/~marco/dev/log/
  • [quote:bced557d01="Chestah"]Ik heb een (simpele) layout opgezet voor een persoonlijke website / weblog.
    Hierbij heb ik gebruik gemaakt van HTML 4.01 en CSS, graag jullie kritiek / suggesties.
    Ik heb nog geen tekst geschreven voor de website, het gaat nu puur om de layout.
    URL: http://home.nedlinux.nl/~marco/dev/log/[/quote:bced557d01]
    Dat is tenmiste HTML waarvoor HTML bedoeld is, snel strak en simpel. Ziet er duidelijk uit, geen problemen wat mij betreft. Enig puntje, probeer die UL van de hyperlinks zo te doen dat alles netjes uitgelijnd is rechts van de puntjes. De benodigde CSS regel weet ik zo uit m'n hoofd niet :) maar die kan niet zo moeilijk zijn.
  • [quote:943e3f1d00="Japaveh"]Dat is tenmiste HTML waarvoor HTML bedoeld is, snel strak en simpel. [/quote:943e3f1d00]
    Dankjewel :lol:

    [quote:943e3f1d00="Japaveh"]Enig puntje, probeer die UL van de hyperlinks zo te doen dat alles netjes uitgelijnd is rechts van de puntjes. De benodigde CSS regel weet ik zo uit m'n hoofd niet :) maar die kan niet zo moeilijk zijn.[/quote:943e3f1d00]
    Ok, ik wacht nog even andere reacties af, dan kan ik alle (eventuele) veranderingen in 1 keer doorvoeren.
  • Heel goed begin. Eenvoudig, strak, duidelijk.

    Een paar opmerkinkjes:

    1. Het volgende in je stylesheet kan eenvoudiger:
    [code:1:6749478806]background-image: url(gfx/head.jpg);
    background-repeat: repeat-x;
    background-color: #42b9ed;
    font: 3em bitstream charter,georgia,serif;
    font-style: italic;
    font-weight: bold;[/code:1:6749478806]
    Dat kan zo:
    [code:1:6749478806]background: #42b9ed url(gfx/head.jpg) repeat-x;
    font: bold italic 3em/1em 'bitstream charter',georgia,serif;[/code:1:6749478806]
    Let ook op dat je een line-height definieert en dat je fontnamen met een spatie erin tussen aanhalingstekens zet (enkel of dubbel maakt niet uit).

    2. Ik vind de regellengte nogal veel. Ik zou willen aanbevelen om een maximale breedte toe te voegen.

    3. Als je de content ook in een div zet en rechts float, dan kun je die vooraan in je html zetten, dat is beter voor de toegankelijkheid (blinde lezers, lynx, google, etc).

    4. Je geeft het zelf al weg door li.head te gebruiken: we hebben het hier over een heading. Gebruik daarvoor dus een h3 (ofzo) tag.

    5. Het is een goed idee om een standaard font en background kleur te definieren voor body. Iemand zou wel eens zo slim geweest kunnen zijn om zijn browser defaults aan te passen…

    6. Het is wellicht ook een goed idee om een meta tag mee te geven met daarin het http-equiv content-type.

    7. Ik denk dat Anne er een voorkeur voor heeft om geen www. voor zijn domein te plaatsen.

    Dat is wel weer genoeg. Het zijn ook maar details, je bent in elk geval goed op weg.
  • [quote:2714ccf579="Japaveh"]Enig puntje, probeer die UL van de hyperlinks zo te doen dat alles netjes uitgelijnd is rechts van de puntjes. De benodigde CSS regel weet ik zo uit m'n hoofd niet :) maar die kan niet zo moeilijk zijn.[/quote:2714ccf579]
    Ben ik nog mee bezig, de blokjes van de LI gaan ook mee als ik text-align gebruik.

    [quote:2714ccf579=":ben:"]
    1. Het volgende in je stylesheet kan eenvoudiger:
    Code:
    background-image: url(gfx/head.jpg);
    background-repeat: repeat-x;
    background-color: #42b9ed;
    font: 3em bitstream charter,georgia,serif;
    font-style: italic;
    font-weight: bold;

    Dat kan zo:
    Code:
    background: #42b9ed url(gfx/head.jpg) repeat-x;
    font: bold italic 3em/1em 'bitstream charter',georgia,serif;

    Let ook op dat je een line-height definieert en dat je fontnamen met een spatie erin tussen aanhalingstekens zet (enkel of dubbel maakt niet uit). [/quote:2714ccf579]
    Done

    [quote:2714ccf579=":ben:"]2. Ik vind de regellengte nogal veel. Ik zou willen aanbevelen om een maximale breedte toe te voegen. [/quote:2714ccf579]
    Ok, ik heb width: 73%; aan de div#text toegevoegd, ik heb het alleen nog niet getest in IE.

    [quote:2714ccf579=":ben:"]5. Het is een goed idee om een standaard font en background kleur te definieren voor body. Iemand zou wel eens zo slim geweest kunnen zijn om zijn browser defaults aan te passen…[/quote:2714ccf579]
    Done

    [quote:2714ccf579=":ben:"]7. Ik denk dat Anne er een voorkeur voor heeft om geen www. voor zijn domein te plaatsen. [/quote:2714ccf579]
    Done


    De rest van de veranderingen voer ik morgen wel door, vanavond niet echt tijd meer.
  • ik vind de header niet echt mooi,, maar voor de rest goede site…
  • Dus;
    Als alles qua techniek klopt is het meteen een goeie site?!
    Wat mij betreft mag wel iets spannender hoor. Ik vind hem nu een beetje leeg en saai.
    Die TimesNewRoman in de grijze balk komt wat knullig over, kan een keuze zijn maar spoort niet helemaal met de rest.
    De horizontale streepkes van de kaders in je link blokken stroken niet helemaal met de vertikale streepkes (lopen iets door dus in FireFox)
  • [quote:faf8326f26=".:ToBee:."]Die TimesNewRoman in de grijze balk komt wat knullig over, kan een keuze zijn maar spoort niet helemaal met de rest.[/quote:faf8326f26]
    Ik zal het een ander font geven.

    [quote:faf8326f26=".:ToBee:."]De horizontale streepkes van de kaders in je link blokken stroken niet helemaal met de vertikale streepkes (lopen iets door dus in FireFox)[/quote:faf8326f26]
    Zou je daar een screenshot van kunnen maken?
    Hier op Firefox 1.0.3 op GNU/Linux ziet het er gewoon goed uit.
  • Tja, nu alleen de hyperlinks nog ff uitlijnen he ;)
  • [quote:028189193c="InZane"]Tja, nu alleen de hyperlinks nog ff uitlijnen he ;)[/quote:028189193c]
    Ik zal mezelf maar quoten:
    [quote:028189193c]Ben ik nog mee bezig, de blokjes van de LI gaan ook mee als ik text-align gebruik. [/quote:028189193c]

    edit:
    Ik heb nu die 2 boxjes groter gemaakt, beter?
    http://home.nedlinux.nl/~marco/dev/log/
  • [quote:6bea1fc23a="Chestah"]edit:
    Ik heb nu die 2 boxjes groter gemaakt, beter?[/quote:6bea1fc23a]
    Ik vind het minder, ik vind het nu te breed. Ik geef de voorkeur aan de vorige breedte.

    Je zou de hyperlinks-box ook helemaal rechts kunnen doen, dan is de tekst bij "welcome" ook gelijk minder breed, want die is anders wel erg breed.
  • [img:1ddaa2c7c9]http://home.versatel.nl/heringa29/lijntjes2.jpg[/img:1ddaa2c7c9]
  • [img:62017cf2c2]http://home.nedlinux.nl/~marco/zooi/site.jpg[/img:62017cf2c2]

    edit: Ik had per ongeluk nog iets van border-radius laten staan, zou je het opnieuw kunnen proberen?
  • [img:6b3784edec]http://home.versatel.nl/heringa29/lijntjes2.jpg[/img:6b3784edec]
    Nog steeds :-?
    [Mozilla/5.0 (Windows; U; Win98; nl-NL; rv:1.7.6) Firefox 1.01]
  • IE doet het wel goed en daar lijnen de boxen ook mooi uit met de tekst "Welkom"
    FF laat de boxen iets zakken t.o.v "Welkom"
  • Op zich is er met deze site niets mis, maar het oog wil ook wel wat.
    Een mooie header kan de zaak al aardig "opleuken".
    Het mag van mij echt wel iets spannender……

    :wink:
  • [quote:2e74b99eb9=".:ToBee:."][img:2e74b99eb9]http://home.versatel.nl/heringa29/lijntjes2.jpg[/img:2e74b99eb9]
    Nog steeds :-?
    [Mozilla/5.0 (Windows; U; Win98; nl-NL; rv:1.7.6) Firefox 1.01][/quote:2e74b99eb9]

    Je lijkt de enigste te zijn, bij mij ziet het er in FF + IE goed uit, en bij 2 vrienden ook in FF + IE.

    [quote:2e74b99eb9="Mrs.Birdlover"]Op zich is er met deze site niets mis, maar het oog wil ook wel wat.
    Een mooie header kan de zaak al aardig "opleuken".
    Het mag van mij echt wel iets spannender…… [/quote:2e74b99eb9]

    Ik zal straks eens wat proberen met GIMP.
  • [quote:ececb0a132="Kw3Ls"][quote:ececb0a132="Chestah"]edit:
    Ik heb nu die 2 boxjes groter gemaakt, beter?[/quote:ececb0a132]
    Ik vind het minder, ik vind het nu te breed. Ik geef de voorkeur aan de vorige breedte.

    Je zou de hyperlinks-box ook helemaal rechts kunnen doen, dan is de tekst bij "welcome" ook gelijk minder breed, want die is anders wel erg breed.[/quote:ececb0a132]

    Zo? http://www.nedlinux.nl/~marco/dev/log
  • Bij mij zien de boxjes er goed uit. (firefox 1.0.3, Win XP)
  • Die hyperlinks trekken iets te veel aandacht doordat het in verhouding groter is dan het menu.

    Als ik m'n browser naar 800x600 verklein, vliegen bovendien de hyperlinks naar beneden.

    Ook schijnt iemand ooit hebben uitgevonden dat de lengte van een regel voor de leesbaarheid het liefst rond de 10 à 12 woorden bevat, daar kun je misschien ook wat mee.

Beantwoord deze vraag

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