De PHPhulp kroeg
Graag jullie commentaar
Ik heb een website gebouwd die bijna geheel wordt aangestuurd vanuit een aantal databases. Hierdoor hoef ik niet meer in mijn sitebestanden te wijzigen maar kan ik via de database de site aansturen met nieuwe teksten, foto's en andere gegevens. Ook het HTML-gedeelte zoals de head worden vanuit deze database aangestuurd.
Groot bijkomend voordeel is dat ik nu per pagina zelf ook kan bijhouden hoevaak een pagina bezocht is en door wie.
Ik hoor graag jullie commentaar. De site is nog niet "echt" live, hij staat op een apart deel van mijn eigen website.
Het adres is: http://nieuw.vanbaasbank.nl en mijn oude, originele site, is te bezoeken via http://www.vanbaasbank.nl
Probeer gerust eens wat uit. Ook mijn genealogie is bijgewerkt. De zoekopdracht is eenvoudig maar doeltreffend.
Op dit moment krijg je na een zoekopdracht nog een vereenvoudigde persoonskaart te zien maar de volledige persoonskaart zal naar alle waarschijnlijkheid nog deze week op de site beschikbaar zijn.
George van Baasbank
Als je over het menu hovert, dan komen de onderliggende items rechts te staan. Tenminste, in Firefox.
Ik vind deze pagina echt afschuwelijk: http://nieuw.vanbaasbank.nl/maakblog.php
Een dikke blauwe border, veel te grote drop-shadow en de button in ook vreselijk antiek.
Sorry dat ik er zo over denk, maar dit is mijn mening.
Ondanks je niet-positieve kritieken bedankt voor je mening. Ik heb jouw bevindingen mij aangetrokken en daar waar mogelijk aangepast. De knoppen zijn moderner geworden en hebben een "handje" bin geval van hover en ook de border met schaduw zijn aangepast.
Hoewel over smaak niet valt te twisten, toch bedankt!!
George
Vergeet niet dat ik het niet lullig bedoel, maar je kunt hier vaak nogal kritische commentaren verwachten van de community!
Al met al, veel succes met het verderontwikkelen van je website!
- <html lang="en"> volgens mij is het een Nederlandse website als ik het goed heb gelezen..
- waarom <nav> gebruik en daarna toch een div erin met menu klasse? ipv <nav class="menu"> ?
- image lijstjes horen in een list <ul><li></li></ul>
- en ik zou target=_self er ook allemaal uit halen dat is nergens voor nodig
- en een form zou ik eerder zelf in een section doen ipv in een articel tag..
- ook zou ik 1 x <aside> doen met daarin weer <section>
- de <br /> tags zijn niets mis mee maar ik zou er toch <br> tags van maken ik vind <br /> meer voor xhtml en je gebruikt hier toch echt html5.
- ook je javascript ( waar mogelijk ) onderin de pagina plaatsen net voor de </body> tag.
ik heb er heel snel even doorheen gekeken en er zullen wel meer dingen niet geheel correct zijn maar dit is even wat me gelijk opviel.
Bedankt voor je opmerkingen. Mijn reactie:
1. <html lang= "en"> aangepast. Over het hoofd gezien
2. Het gebruik van de class "menu" in de <nav> was nodig omdat in deze class de nodige instellingen qua fonts enz is opgenomen.
3. Omdat ik verschillende targets gebruik, heb ik mij aangeleerd om altijd dse target te vermelden. Zo kan er niets verkeerd gaan
4. De JS-delen staan naar mijn menig allemaal onderin de head.
George
<nav class="menu"></nav>
maar jij hebt <nav><div class="menu"></div><nav>
dat is ehm hoe zeg je dat.. niet html5ischh
(wist je overigens dat je in een <nav> geen eens een class mee hoeft te geven je kan gewoon nav stylen in je css ;) )
- welke andere targets behalve _blank zou je nodig moeten hebben?
Ik zie die "losse" K niet. Zie je hem nog?
George
Toevoeging op 19/07/2012 13:27:26:
Rashid,
Als ik de <div> uit mijn menu opneem in de <nav> dan blijft er van mijn menu niets (meer) over.
Naast het target _blank gebruik ik ook _self en een eigen gedefinieerde target. Vandaar.
Gewijzigd op 19/07/2012 13:23:26 door George van Baasbank
en wat blijft er niet meer van over precies van je menu?
Roel PHP op 18/07/2012 20:08:06:
Ik vind hem eerlijk gezegd niet mooi. Veel te veel basic kleuren, vierkante vakken en het ziet er gewoon ouderwets uit. Het straalt niks uit.
Als je over het menu hovert, dan komen de onderliggende items rechts te staan. Tenminste, in Firefox.
Ik vind deze pagina echt afschuwelijk: http://nieuw.vanbaasbank.nl/maakblog.php
Een dikke blauwe border, veel te grote drop-shadow en de button in ook vreselijk antiek.
Sorry dat ik er zo over denk, maar dit is mijn mening.
Als je over het menu hovert, dan komen de onderliggende items rechts te staan. Tenminste, in Firefox.
Ik vind deze pagina echt afschuwelijk: http://nieuw.vanbaasbank.nl/maakblog.php
Een dikke blauwe border, veel te grote drop-shadow en de button in ook vreselijk antiek.
Sorry dat ik er zo over denk, maar dit is mijn mening.
Het mag ook wel een beetje ouderwets en antiek zijn het gaat tenslotte over genealogie (stambomen). Layouten is niet zomaar alleen een uiterlijk maken, maar ook het uiterlijk aanpassen aan het onderwerp. Maw, je gaat voor een bruin café geen super strakke layout verzinnen.
Ja staat er nog steeds, kijk eens onder IE7
De opmaak van de teksten zoals die er nu uit ziet (wit) wordt dan blauw en in plaats van naast elkaar komen de items onder elkaar.
Toevoeging op 19/07/2012 14:07:05:
Reshad,
Hier de css-code
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
/* nav */
nav {
margin: 0 auto;
display: block;
float: left;
margin-top: -5px;
}
nav .menu {
font-size: 12px;
font-weight: bold;
margin-left: 12px;
}
nav .menu ul {
list-style: none;
margin: 0;
}
nav .menu li {
float: left;
position: relative;
}
nav .menu a {
display: block;
text-decoration: none;
color: #ccc;
padding: 0 10px;
line-height: 30px;
}
nav .menu a:hover {
color: #fff;
text-decoration: underline;
}
/* nav 1-level dropdowns */
nav .menu li ul {
display: none;
z-index: 8888;
}
nav .menu ul li a {
display: block;
text-decoration: none;
color: #FFF;
background: #000;
margin-left: 1px;
white-space: nowrap;
}
nav .menu ul li a:hover {
background: #333;
}
nav .menu li:hover ul {
display: block;
position: absolute;
}
nav .menu li:hover li {
float: none;
}
nav .menu li:hover a {
background: #333;
}
nav .menu li:hover li a:hover {
background: #333;
}
nav {
margin: 0 auto;
display: block;
float: left;
margin-top: -5px;
}
nav .menu {
font-size: 12px;
font-weight: bold;
margin-left: 12px;
}
nav .menu ul {
list-style: none;
margin: 0;
}
nav .menu li {
float: left;
position: relative;
}
nav .menu a {
display: block;
text-decoration: none;
color: #ccc;
padding: 0 10px;
line-height: 30px;
}
nav .menu a:hover {
color: #fff;
text-decoration: underline;
}
/* nav 1-level dropdowns */
nav .menu li ul {
display: none;
z-index: 8888;
}
nav .menu ul li a {
display: block;
text-decoration: none;
color: #FFF;
background: #000;
margin-left: 1px;
white-space: nowrap;
}
nav .menu ul li a:hover {
background: #333;
}
nav .menu li:hover ul {
display: block;
position: absolute;
}
nav .menu li:hover li {
float: none;
}
nav .menu li:hover a {
background: #333;
}
nav .menu li:hover li a:hover {
background: #333;
}
Toevoeging op 19/07/2012 14:16:00:
Chris,
Hoewel ik met Chrome en Safari werk, beschik ik ook over IE9. Dus even gekeken in de stand IE7 en IE8 maar ik kon die vreemde K niet vinden.
Gewijzigd op 19/07/2012 14:07:49 door George van Baasbank
Je kan dan kiezen tussen IE7, IE8 en IE9.
De K die chris bedoelt staat er idd in IE7
Quote:
Het mag ook wel een beetje ouderwets en antiek zijn het gaat tenslotte over genealogie (stambomen). Layouten is niet zomaar alleen een uiterlijk maken, maar ook het uiterlijk aanpassen aan het onderwerp. Maw, je gaat voor een bruin café geen super strakke layout verzinnen.
Mooi gezegd, maar een ouderwetse indruk/uiterlijk heeft niks te maken met wat je nu hebt. Je hebt nu een webdesign gemaakt alsof we in 1990 leven en we nog websites opmaken met tabellen, of te wel Web1.0 Tegenwoordig verwachten we meer van een website.
Het uiterlijk van een website kan je wel ouderwets houden natuurlijk, maar dan wel in de trant die we in 2012 verwachten. Sterker nog, in 2012 is ouderwetse tinten in een webdesign juist weer helemaal in!
Doe eens wat inspiratie op:
- http://www.smashingmagazine.com/2008/10/07/retro-and-vintage-in-modern-web-design/
- http://webdesignledger.com/inspiration/50-retro-and-vintage-web-designs-to-inspire-you
- http://webdesignerwall.com/trends/vintage-web-design
- http://themeforest.net/search?utf8=%E2%9C%93&term=vintage
- http://themeforest.net/search?utf8=%E2%9C%93&term=retro
Onlangs was er een discussie over het al dan niet terecht zijn dat mickeysoft de ondersteuning voor XP stopt, en dan gaan we het toch nog over IE7 hebben?
Toevoeging op 19/07/2012 15:10:14:
@Wouter,
Dat was mijn stelling en niet die van TS.
Ik had het puur over vormgeving, en niet over de technische implementatie ervan.
Gewijzigd op 19/07/2012 15:13:53 door Ger van Steenderen
Ger van Steenderen op 19/07/2012 15:05:36:
Dat was mijn stelling en niet die van TS.
Ik had het puur over vormgeving, en niet over de technische implementatie ervan.
Ik had het puur over vormgeving, en niet over de technische implementatie ervan.
Pff, kunnen jullie niet even een naam bedenken die niet zoveel op elkaar lijkt? ;-)
Nouja, die links zijn ook handig voor de TS.
Toch?
Maak dat de kern van je website, knip alle overbodige zooi er uit (dwz: alles behalve zoeken/familiewapen).... en maak daar met CSS wat moois van. Kan makkelijk met 3 pagina's.
Fotoalbum hoort er toch niet bij? Websiteontwikkeling zou ik ook weghalen.
Ook "Overige Zaken" zou ik weghalen.
In GensData (want dat gebruik je waarschijnlijk ;)) kan je ook de opmaak van de grafische weergave kiezen. Ga daar eens mee spelen.
Met CSS kan je het heel wat mooier maken.
Persoonlijk zou ik het zo doen:
Grafische kaart
(overlay >> CSS) menuutje bovenin voor zoeken (via CSS-popup) en wapen (CSS-popup).
Alles op 1 pagina met een iframe (voor de grafische weergave) en klaar.
Een beetje het CCCP-idee: Cut the Crap: Cute Policy.