www.piacom.nl
http://www.piacom.nl
Nou laat ik het eens proberen en kijken wat de kritieken zijn. Ik heb de website gemaakt voor een vriend van mij en hij kan me weinig vertellen over het produkt. M.a.w. inhoudelijk is de site (nog) niet zo'n succes. Ook het forum is leeg omdat deze door hem zelf ingevuld dient te worden.
De site is cms, m.a.w. als de eigenaar inlogd, krijgt deze meer links en buttons te zien als de gewone gebruiker. Zo kan de eigenaar ieder nieuwsartikel in een nieuwsbrief (html opgemaakt) versturen.
Qua structuur denk ik dat ik de website als sjabloon kan toepassen voor toekomstige websites. Ik heb nu duidelijk meer gelet op de structuur in het programmeren en de bouw dan bij mijn eigen website.
Nou laat ik het eens proberen en kijken wat de kritieken zijn. Ik heb de website gemaakt voor een vriend van mij en hij kan me weinig vertellen over het produkt. M.a.w. inhoudelijk is de site (nog) niet zo'n succes. Ook het forum is leeg omdat deze door hem zelf ingevuld dient te worden.
De site is cms, m.a.w. als de eigenaar inlogd, krijgt deze meer links en buttons te zien als de gewone gebruiker. Zo kan de eigenaar ieder nieuwsartikel in een nieuwsbrief (html opgemaakt) versturen.
Qua structuur denk ik dat ik de website als sjabloon kan toepassen voor toekomstige websites. Ik heb nu duidelijk meer gelet op de structuur in het programmeren en de bouw dan bij mijn eigen website.
leer hoe je het beste images voor het web kan opslaan. laadtijd van 10 seconden is iets van voor de oorlog
Unvalid HTML Doctype is al niet goed, werkt dit ook eens weg.
CSS niet valide: Komt oa doordat je scrollbar opmaakt, maar dat is alleen een IE mogelijkheid.
Probeer de header van de website wat korter te maken, rechts heb je wel een printplaatje, maar links (onder de text) is helemaal kaal, probeer daar wat leukers mee te doen.
Verder kan je eens proberen of je (bijv door kwaliteit iets te verlagen) de bestandsgrootte van de main achtergrond wat kan verkleinen.
CSS niet valide: Komt oa doordat je scrollbar opmaakt, maar dat is alleen een IE mogelijkheid.
Probeer de header van de website wat korter te maken, rechts heb je wel een printplaatje, maar links (onder de text) is helemaal kaal, probeer daar wat leukers mee te doen.
Verder kan je eens proberen of je (bijv door kwaliteit iets te verlagen) de bestandsgrootte van de main achtergrond wat kan verkleinen.
Quote:
Documents (1 file) 5 KB
http://www.piacom.nl/ 5 KB
Images (5 files) 374 KB
http://www.piacom.nl/backmain.png 198 KB
http://www.piacom.nl/usbioboost-1.png 141 KB
http://www.piacom.nl/titel.png 24 KB
http://www.piacom.nl/webdesign.png 11 KB
http://www.piacom.nl/bg2.png 271 bytes
Objects (0 files)
Scripts (1 file) 2 KB
http://www.piacom.nl/pngfix.js 2 KB
Style Sheets (1 file) 4 KB
http://www.piacom.nl/algemeen.css 4 KB
Total 384 KB
http://www.piacom.nl/ 5 KB
Images (5 files) 374 KB
http://www.piacom.nl/backmain.png 198 KB
http://www.piacom.nl/usbioboost-1.png 141 KB
http://www.piacom.nl/titel.png 24 KB
http://www.piacom.nl/webdesign.png 11 KB
http://www.piacom.nl/bg2.png 271 bytes
Objects (0 files)
Scripts (1 file) 2 KB
http://www.piacom.nl/pngfix.js 2 KB
Style Sheets (1 file) 4 KB
http://www.piacom.nl/algemeen.css 4 KB
Total 384 KB
Ga die 2 achtelijk grote plaatjes even aanpassen, deze zijn véél te groot.
Zorg er voor dat de hele pagina, html/css/js/images/etc., niet groter is dan 50KB. Dat maakt de boel veel sneller.
Daarnaast even de volgende puntjes oplossen:
Quote:
Result: 0 fouten / 8 waarschuwingen
line 11 column 1 - Waarschuwing: <meta> unexpected '=', expected attribute name
line 11 column 1 - Waarschuwing: <meta> unexpected or duplicate quote mark
line 11 column 1 - Waarschuwing: <meta> attribute with missing trailing quote mark
line 53 column 32 - Waarschuwing: unescaped & which should be written as &
line 81 column 1 - Waarschuwing: missing <li>
line 11 column 1 - Waarschuwing: <meta> proprietary attribute "rene"
line 11 column 1 - Waarschuwing: <meta> lacks "content" attribute
line 31 column 35 - Waarschuwing: <input> proprietary attribute "autocomplete"
line 11 column 1 - Waarschuwing: <meta> unexpected '=', expected attribute name
line 11 column 1 - Waarschuwing: <meta> unexpected or duplicate quote mark
line 11 column 1 - Waarschuwing: <meta> attribute with missing trailing quote mark
line 53 column 32 - Waarschuwing: unescaped & which should be written as &
line 81 column 1 - Waarschuwing: missing <li>
line 11 column 1 - Waarschuwing: <meta> proprietary attribute "rene"
line 11 column 1 - Waarschuwing: <meta> lacks "content" attribute
line 31 column 35 - Waarschuwing: <input> proprietary attribute "autocomplete"
Hij heeft de site op zijn eigen server draaien, dus je bent afhankelijk van de upload.
Mvg,
Rene
even op de " letten, er moet namleijk nog een ; achter ander staat er " ipv "
pgFrank schreef op 07.12.2007 13:30:
Quote:
Result: 0 fouten / 8 waarschuwingen
line 11 column 1 - Waarschuwing: <meta> unexpected '=', expected attribute name
line 11 column 1 - Waarschuwing: <meta> unexpected or duplicate quote mark
line 11 column 1 - Waarschuwing: <meta> attribute with missing trailing quote mark
line 53 column 32 - Waarschuwing: unescaped & which should be written as &
line 81 column 1 - Waarschuwing: missing <li>
line 11 column 1 - Waarschuwing: <meta> proprietary attribute "rene"
line 11 column 1 - Waarschuwing: <meta> lacks "content" attribute
line 31 column 35 - Waarschuwing: <input> proprietary attribute "autocomplete"
line 11 column 1 - Waarschuwing: <meta> unexpected '=', expected attribute name
line 11 column 1 - Waarschuwing: <meta> unexpected or duplicate quote mark
line 11 column 1 - Waarschuwing: <meta> attribute with missing trailing quote mark
line 53 column 32 - Waarschuwing: unescaped & which should be written as &
line 81 column 1 - Waarschuwing: missing <li>
line 11 column 1 - Waarschuwing: <meta> proprietary attribute "rene"
line 11 column 1 - Waarschuwing: <meta> lacks "content" attribute
line 31 column 35 - Waarschuwing: <input> proprietary attribute "autocomplete"
Het zijn er wel meer dan 8 hoor:
Quote:
HTML Validator result
----------------------
http://www.piacom.nl/
line 3 column 91 - Error: URL not supported by this version
line 3 column 91 - Error: DTD did not contain element declaration for document type name
line 5 column 3 - Error: unknown declaration type "COPYRIGHT"
line 7 column 12 - Error: there is no attribute "LANG"
line 7 column 16 - Error: element "HTML" undefined
line 9 column 6 - Error: element "HEAD" undefined
line 13 column 18 - Error: there is no attribute "HTTP-EQUIV"
line 13 column 41 - Error: there is no attribute "CONTENT"
line 13 column 74 - Error: element "META" undefined
line 15 column 12 - Error: there is no attribute "NAME"
line 15 column 41 - Error: element "META" undefined
line 17 column 51 - Error: element "META" undefined
line 19 column 73 - Error: element "META" undefined
line 21 column 24 - Error: an attribute specification must start with a name or name token
line 21 column 24 - Error: element "META" undefined
line 25 column 15 - Error: "DEFER" is not a member of a group specified for any attribute
line 25 column 20 - Error: there is no attribute "TYPE"
line 25 column 42 - Error: there is no attribute "SRC"
line 25 column 53 - Error: element "SCRIPT" undefined
line 27 column 11 - Error: there is no attribute "REL"
line 27 column 29 - Error: there is no attribute "HREF"
line 27 column 49 - Error: there is no attribute "TYPE"
line 27 column 59 - Error: element "LINK" undefined
line 31 column 7 - Error: element "TITLE" undefined
line 39 column 6 - Error: element "BODY" undefined
line 43 column 12 - Error: there is no attribute "CLASS"
line 43 column 25 - Error: there is no attribute "STYLE"
line 43 column 92 - Error: element "DIV" undefined
line 45 column 10 - Error: there is no attribute "SRC"
line 45 column 28 - Error: there is no attribute "WIDTH"
line 45 column 41 - Error: there is no attribute "HEIGHT"
line 45 column 50 - Error: there is no attribute "ALT"
line 45 column 67 - Error: element "IMG" undefined
line 51 column 24 - Error: there is no attribute "ID"
line 51 column 33 - Error: element "DIV" undefined
line 53 column 10 - Error: there is no attribute "CLASS"
line 53 column 24 - Error: there is no attribute "HREF"
line 53 column 42 - Error: there is no attribute "TITLE"
line 53 column 74 - Error: element "A" undefined
line 53 column 147 - Error: element "A" undefined
line 53 column 211 - Error: element "A" undefined
line 53 column 303 - Error: element "A" undefined
line 55 column 13 - Error: there is no attribute "CLASS"
line 55 column 29 - Error: there is no attribute "ACTION"
line 57 column 8 - Error: there is no attribute "METHOD"
line 57 column 21 - Error: there is no attribute "STYLE"
line 57 column 49 - Error: element "FORM" undefined
line 61 column 14 - Error: there is no attribute "CLASS"
line 61 column 22 - Error: element "LABEL" undefined
line 61 column 48 - Error: there is no attribute "CLASS"
line 61 column 62 - Error: there is no attribute "TYPE"
line 61 column 82 - Error: there is no attribute "AUTOCOMPLETE"
line 61 column 93 - Error: there is no attribute "NAME"
line 61 column 109 - Error: there is no attribute "SIZE"
line 61 column 113 - Error: element "INPUT" undefined
line 63 column 22 - Error: element "LABEL" undefined
line 63 column 113 - Error: element "INPUT" undefined
line 65 column 64 - Error: there is no attribute "VALUE"
line 65 column 71 - Error: element "INPUT" undefined
line 67 column 72 - Error: element "INPUT" undefined
line 69 column 114 - Error: element "A" undefined
line 77 column 18 - Error: element "DIV" undefined
line 83 column 77 - Error: element "DIV" undefined
line 85 column 8 - Error: element "CENTER" undefined
line 85 column 12 - Error: element "H6" undefined
line 87 column 4 - Error: element "BR" undefined
line 89 column 3 - Error: element "P" undefined
line 91 column 96 - Error: element "BR" undefined
line 93 column 36 - Error: element "BR" undefined
line 99 column 10 - Error: there is no attribute "TYPE"
line 99 column 18 - Error: element "UL" undefined
line 101 column 4 - Error: element "LI" undefined
line 101 column 44 - Error: element "BR" undefined
line 103 column 4 - Error: element "LI" undefined
line 103 column 42 - Error: element "BR" undefined
line 105 column 4 - Error: element "LI" undefined
line 105 column 76 - Error: element "BR" undefined
line 107 column 4 - Error: element "LI" undefined
line 107 column 56 - Error: element "BR" undefined
line 109 column 4 - Error: element "LI" undefined
line 109 column 61 - Error: element "BR" undefined
line 113 column 4 - Error: element "BR" undefined
line 117 column 3 - Error: element "P" undefined
line 119 column 43 - Error: element "BR" undefined
line 121 column 4 - Error: element "BR" undefined
line 123 column 58 - Error: element "BR" undefined
line 125 column 4 - Error: element "BR" undefined
line 127 column 40 - Error: element "BR" undefined
line 133 column 18 - Error: element "UL" undefined
line 135 column 4 - Error: element "LI" undefined
line 135 column 38 - Error: element "BR" undefined
line 137 column 4 - Error: element "LI" undefined
line 137 column 54 - Error: element "BR" undefined
line 139 column 4 - Error: element "LI" undefined
line 139 column 88 - Error: element "BR" undefined
line 141 column 60 - Error: element "BR" undefined
line 143 column 4 - Error: element "LI" undefined
line 143 column 81 - Error: element "BR" undefined
line 145 column 4 - Error: element "LI" undefined
line 145 column 95 - Error: element "BR" undefined
line 147 column 65 - Error: element "BR" undefined
line 149 column 4 - Error: element "LI" undefined
line 153 column 69 - Error: element "BR" undefined
line 155 column 4 - Error: element "LI" undefined
line 155 column 65 - Error: element "BR" undefined
line 157 column 4 - Error: element "LI" undefined
line 157 column 96 - Error: element "BR" undefined
line 159 column 4 - Error: element "LI" undefined
line 159 column 66 - Error: element "BR" undefined
line 161 column 16 - Error: element "UL" undefined
line 163 column 8 - Error: element "LI" undefined
line 165 column 8 - Error: element "LI" undefined
line 167 column 8 - Error: element "LI" undefined
line 169 column 8 - Error: element "LI" undefined
line 171 column 8 - Error: element "LI" undefined
line 173 column 8 - Error: element "LI" undefined
line 175 column 8 - Error: element "LI" undefined
line 179 column 4 - Error: element "LI" undefined
line 179 column 96 - Error: element "BR" undefined
line 183 column 4 - Error: element "BR" undefined
line 183 column 8 - Error: element "BR" undefined
line 193 column 79 - Error: element "DIV" undefined
line 195 column 8 - Error: element "CENTER" undefined
line 195 column 12 - Error: element "H6" undefined
line 197 column 3 - Error: element "P" undefined
line 199 column 4 - Error: element "BR" undefined
line 200 column 14 - Error: element "BR" undefined
line 201 column 35 - Error: element "A" undefined
line 201 column 38 - Error: element "B" undefined
line 201 column 41 - Error: element "I" undefined
line 201 column 75 - Error: element "BR" undefined
line 211 column 23 - Error: element "DIV" undefined
line 219 column 43 - Error: there is no attribute "TARGET"
line 219 column 51 - Error: element "A" undefined
line 219 column 107 - Error: there is no attribute "STYLE"
line 219 column 168 - Error: element "IMG" undefined
136 errors / 0 warnings
----------------------
http://www.piacom.nl/
line 3 column 91 - Error: URL not supported by this version
line 3 column 91 - Error: DTD did not contain element declaration for document type name
line 5 column 3 - Error: unknown declaration type "COPYRIGHT"
line 7 column 12 - Error: there is no attribute "LANG"
line 7 column 16 - Error: element "HTML" undefined
line 9 column 6 - Error: element "HEAD" undefined
line 13 column 18 - Error: there is no attribute "HTTP-EQUIV"
line 13 column 41 - Error: there is no attribute "CONTENT"
line 13 column 74 - Error: element "META" undefined
line 15 column 12 - Error: there is no attribute "NAME"
line 15 column 41 - Error: element "META" undefined
line 17 column 51 - Error: element "META" undefined
line 19 column 73 - Error: element "META" undefined
line 21 column 24 - Error: an attribute specification must start with a name or name token
line 21 column 24 - Error: element "META" undefined
line 25 column 15 - Error: "DEFER" is not a member of a group specified for any attribute
line 25 column 20 - Error: there is no attribute "TYPE"
line 25 column 42 - Error: there is no attribute "SRC"
line 25 column 53 - Error: element "SCRIPT" undefined
line 27 column 11 - Error: there is no attribute "REL"
line 27 column 29 - Error: there is no attribute "HREF"
line 27 column 49 - Error: there is no attribute "TYPE"
line 27 column 59 - Error: element "LINK" undefined
line 31 column 7 - Error: element "TITLE" undefined
line 39 column 6 - Error: element "BODY" undefined
line 43 column 12 - Error: there is no attribute "CLASS"
line 43 column 25 - Error: there is no attribute "STYLE"
line 43 column 92 - Error: element "DIV" undefined
line 45 column 10 - Error: there is no attribute "SRC"
line 45 column 28 - Error: there is no attribute "WIDTH"
line 45 column 41 - Error: there is no attribute "HEIGHT"
line 45 column 50 - Error: there is no attribute "ALT"
line 45 column 67 - Error: element "IMG" undefined
line 51 column 24 - Error: there is no attribute "ID"
line 51 column 33 - Error: element "DIV" undefined
line 53 column 10 - Error: there is no attribute "CLASS"
line 53 column 24 - Error: there is no attribute "HREF"
line 53 column 42 - Error: there is no attribute "TITLE"
line 53 column 74 - Error: element "A" undefined
line 53 column 147 - Error: element "A" undefined
line 53 column 211 - Error: element "A" undefined
line 53 column 303 - Error: element "A" undefined
line 55 column 13 - Error: there is no attribute "CLASS"
line 55 column 29 - Error: there is no attribute "ACTION"
line 57 column 8 - Error: there is no attribute "METHOD"
line 57 column 21 - Error: there is no attribute "STYLE"
line 57 column 49 - Error: element "FORM" undefined
line 61 column 14 - Error: there is no attribute "CLASS"
line 61 column 22 - Error: element "LABEL" undefined
line 61 column 48 - Error: there is no attribute "CLASS"
line 61 column 62 - Error: there is no attribute "TYPE"
line 61 column 82 - Error: there is no attribute "AUTOCOMPLETE"
line 61 column 93 - Error: there is no attribute "NAME"
line 61 column 109 - Error: there is no attribute "SIZE"
line 61 column 113 - Error: element "INPUT" undefined
line 63 column 22 - Error: element "LABEL" undefined
line 63 column 113 - Error: element "INPUT" undefined
line 65 column 64 - Error: there is no attribute "VALUE"
line 65 column 71 - Error: element "INPUT" undefined
line 67 column 72 - Error: element "INPUT" undefined
line 69 column 114 - Error: element "A" undefined
line 77 column 18 - Error: element "DIV" undefined
line 83 column 77 - Error: element "DIV" undefined
line 85 column 8 - Error: element "CENTER" undefined
line 85 column 12 - Error: element "H6" undefined
line 87 column 4 - Error: element "BR" undefined
line 89 column 3 - Error: element "P" undefined
line 91 column 96 - Error: element "BR" undefined
line 93 column 36 - Error: element "BR" undefined
line 99 column 10 - Error: there is no attribute "TYPE"
line 99 column 18 - Error: element "UL" undefined
line 101 column 4 - Error: element "LI" undefined
line 101 column 44 - Error: element "BR" undefined
line 103 column 4 - Error: element "LI" undefined
line 103 column 42 - Error: element "BR" undefined
line 105 column 4 - Error: element "LI" undefined
line 105 column 76 - Error: element "BR" undefined
line 107 column 4 - Error: element "LI" undefined
line 107 column 56 - Error: element "BR" undefined
line 109 column 4 - Error: element "LI" undefined
line 109 column 61 - Error: element "BR" undefined
line 113 column 4 - Error: element "BR" undefined
line 117 column 3 - Error: element "P" undefined
line 119 column 43 - Error: element "BR" undefined
line 121 column 4 - Error: element "BR" undefined
line 123 column 58 - Error: element "BR" undefined
line 125 column 4 - Error: element "BR" undefined
line 127 column 40 - Error: element "BR" undefined
line 133 column 18 - Error: element "UL" undefined
line 135 column 4 - Error: element "LI" undefined
line 135 column 38 - Error: element "BR" undefined
line 137 column 4 - Error: element "LI" undefined
line 137 column 54 - Error: element "BR" undefined
line 139 column 4 - Error: element "LI" undefined
line 139 column 88 - Error: element "BR" undefined
line 141 column 60 - Error: element "BR" undefined
line 143 column 4 - Error: element "LI" undefined
line 143 column 81 - Error: element "BR" undefined
line 145 column 4 - Error: element "LI" undefined
line 145 column 95 - Error: element "BR" undefined
line 147 column 65 - Error: element "BR" undefined
line 149 column 4 - Error: element "LI" undefined
line 153 column 69 - Error: element "BR" undefined
line 155 column 4 - Error: element "LI" undefined
line 155 column 65 - Error: element "BR" undefined
line 157 column 4 - Error: element "LI" undefined
line 157 column 96 - Error: element "BR" undefined
line 159 column 4 - Error: element "LI" undefined
line 159 column 66 - Error: element "BR" undefined
line 161 column 16 - Error: element "UL" undefined
line 163 column 8 - Error: element "LI" undefined
line 165 column 8 - Error: element "LI" undefined
line 167 column 8 - Error: element "LI" undefined
line 169 column 8 - Error: element "LI" undefined
line 171 column 8 - Error: element "LI" undefined
line 173 column 8 - Error: element "LI" undefined
line 175 column 8 - Error: element "LI" undefined
line 179 column 4 - Error: element "LI" undefined
line 179 column 96 - Error: element "BR" undefined
line 183 column 4 - Error: element "BR" undefined
line 183 column 8 - Error: element "BR" undefined
line 193 column 79 - Error: element "DIV" undefined
line 195 column 8 - Error: element "CENTER" undefined
line 195 column 12 - Error: element "H6" undefined
line 197 column 3 - Error: element "P" undefined
line 199 column 4 - Error: element "BR" undefined
line 200 column 14 - Error: element "BR" undefined
line 201 column 35 - Error: element "A" undefined
line 201 column 38 - Error: element "B" undefined
line 201 column 41 - Error: element "I" undefined
line 201 column 75 - Error: element "BR" undefined
line 211 column 23 - Error: element "DIV" undefined
line 219 column 43 - Error: there is no attribute "TARGET"
line 219 column 51 - Error: element "A" undefined
line 219 column 107 - Error: there is no attribute "STYLE"
line 219 column 168 - Error: element "IMG" undefined
136 errors / 0 warnings
Verder is dit ook niet zo netjes:
Code (php)
1
2
2
<!-- id ingelogde gebruiker op $klantid zetten -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd">
Wat doet die comment daar? Die hoort daar niet, en ook niet wat er in staat.
@Jeej: Ligt de instellingen van Tidy, je kunt verschillende parsers kiezen. Deze leveren dan ook verschillende resultaten op.
Ik vind de header-afbeelding niet erg aantrekkelijk. Ik zou deze drastisch veranderen.
kleurgebruik niet echt mooi. Het is niet echt een geheel. In het 'logo' zit blauw, het menu is grijs met een soort oranje hover. De achtergrond van de content is weer een andere oranje met een bruin vlak.
Aan het menu kun je niet zien waar je bent. Wanneer de site wat groter wordt zal ik dit sowieso doen. Het is gewoon duidelijker.
Waarom staat daar rechts overal Wennekes webdesign? Behoorlijk vervelend