Archiv verlassen und diese Seite im Standarddesign anzeigen :
Musel-online.de
Musel-online 22-05-2004, 02:15
so dann möchte ich auch mal meine Seite vorstellen.
Es handelt sich um http://musel-online.de
Etwas zum inhalt:
Es handelt sich eigentlich um PC-Portal aber es entpupt sich immer mehr zu einer phpkit support seite. ich habe auch schon einige Sytles für das phpkit gebaut und ein paar kleine scripte. Aber hauptsächlich möchte ich Support und infos rund um die PC und iT weld geben, für die nicht so ganz versierten User...
Es ist ja heutzutage auch immer scher zu sehen was gut und was nicht gut ist auch in der IT sind ne menge schwarzer schafe unterwegs.
So dann bin ich mal auf eure kritik gespannt.
Ach ja, es ist schon einiges vom org phpkit bei mir geändert, also nicht sagen, da hast nu nix selber gemacht weil alles baukasten ;)
Nagut kann der nicht phpkit user warscheinlich nicht gleich sehen.
So dann bin ich mal auf eure kritik gespannt.
gut find ich u.a.:
- optimized for all browsers
schlecht find ich u.a.:
- daß der validator so viele fehler anzeigt
- daß die style-sheet definitionen nicht extern liegen
- die intro-page (ihre existenz)
- der scroller macht mich wahnsinnig .. sind auch ein paar typos drin
- daß sich scheinbar keiner der genialität des c's in css bewußt ist ;)
- daß du 2004 html 3.0 verwendest
schwachsinnig find ich u.a.:
<BODY onload=window.setTimeout("show_clock()",1000); oncontextmenu="return false"> des oncontextmenu. wie soll ich denn eine seite finden, die elementare funktionen meines browsers unterdrücken will?
lustig find ich u.a.:
<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="top"><table border="0" cellspacing="0" cellpadding="0" width="682">
<tr><br>
<div align="center"><font size="1" face="Verdana"><b><center><script language="JavaScript" type="text/javascript" src="vc.js"></b></center></s
ne tabelle in einer tabelle in einer tabelle. toll! in der inneren eine <tr>, dann ein <br>, dann ein <b> ...
manche leute haben scheinbar soviel zeit, daß sie mal einfach so drei tabellen sinnloserweise verschachteln und mit jeder menge nutzlosem code zupflastern können ...
aber gut, da dies ja nen cms zu sein scheint?, kannst du da vielleicht nichts dran ändern (haha).
just my 2 cent
hallo, schaut euch mal den w3c-validator an, die haben neues design und neue features ...
edit eben
ich habe die html-frage abgetrennt .....
http://www.php-resource.de/forum/showthread.php?s=&threadid=39230
Musel-online 22-12-2004, 22:08
Fals es jemanden inetressiert, ich habe mal di eseite etwas umgestrickt, so zimlich wech von dem standart phpkit....
Etwas kritik über den aufbau ist erwüscht...
Aber bitte kommt jetzt nicht mit dem html validatoren an, denn ich habe kein bock, das ganze kit nach alt tags zu durch suchen, di ekein inhlat bzw garkein altag haben ;)
also wenn da mal 200 fehler auftrete kann ich mit leben solnage die seite in so zimlich alles gängigen browsern gleich auschaut.
Also vorlage dient mir ja e schon immer der Mozilla, der IE ist nur noch end kontrolle, so wie opera.
Also bin ich mal gespannt ob noch was an kritik, aber vernüftich dargestellt, kommt.
S.Oliver 23-12-2004, 03:10
Ich kann mich eigentlich dem WauWau nur anschliessen. Wenn Du den W3 Validator ignorierst, dann kannst Du auch den Doctype weglassen. Wenn schon inkonsequent dann richtig. Die Änderung auf html 4.01 bringt Dich einem vernünftigem Endergebnis auch nicht näher. Das alleine würde ich auch nicht kritisieren.
Was ich allerdings kritisiere und das auch zu recht, ist die schlechte Zugänglichkeit für alle nicht "normalen" Ausgabegeräte und die schlechte Struktur (siehe das CSS *narf*). Programmiertechnisch ist das so ziemlich unterster Level.
Das Design spricht mich persönlich jetzt nicht an, aber ist für eine private Seite in Ordnung. Inhaltlich ist es nicht viel Neues, aber wenn man nicht auf den einschlägigen IT Seiten unterwegs ist, ist es bestimmt lesenswert.
Urteil: Ok, aber verbesserungsfähig.
P.S.: Den Pinguin find ich gut, aber leider kann ich ihn ja wegen der Rechtsklicksperre nicht speichern ;).
Musel-online 23-12-2004, 03:15
Das ist doch mal klasse kritik....
aber kannst du mir den satz etwas genauer erklären?
Was ich allerdings kritisiere und das auch zu recht, ist die schlechte Zugänglichkeit für alle nicht "normalen" Ausgabegeräte und die schlechte Struktur (siehe das CSS *narf*).
und ich glaube ich werd das dann doch wol mal wc3 kompatieble machen
Original geschrieben von Musel-online
... zu durch suchen, di ekein inhlat bzw garkein altag haben ...
Erklär' Du mal diesen Satz ... !
Musel-online 23-12-2004, 14:19
aua was habe ich denn da gemacht...
zur meiner verteidigung, war zimloch müde beim schreiben gestern ;)
zu durch suchen, die kein inhalt bzw gar keine "alt tag" haben ...
so besser?
S.Oliver 23-12-2004, 16:54
Original geschrieben von Musel-online
Das ist doch mal klasse kritik....
aber kannst du mir den satz etwas genauer erklären?
Das ist ja auch ne Krasse Seite :D.
Normalerweise schreibt man ein CSS immer so, dass es vom größten Element zum kleinsten geht, also zuerst html/body, damit man es sich sparen kann überall die Schriftart/größe/farbe anzugeben. Danach geht es weiter bis zu speziellen Elementen divs/spans/p. In Deinem CSS geht es kreuz und quer und ist daher auch sinnlos groß. Viele Tags kannst Du Dir sparen.
Das sieht man z. b. auch daran, dass manchmal font Tags in Zellen stehen, anstatt einfach den Zellen die Werte zuzuordnen. Dann gibt es da noch sowas, wo verschiedenen Elemente die gleichen Eigenschaften haben:
td.left,
th.left,
td.commentleft,
th.commentleft {
background-color: #E7E7E1;
color: #364752; }
td.right,
th.right,
td.commentright,
th.commentright {
background-color: #F1F1EB;
color: #364752; }
td.standard,
th.standard,
td.event,
th.event {
background-color: #E7E7E1;
color: #364752; }
Sowas solltest Du kombinieren. Da bist Du ziemlich ungenau, was die Links angeht. Mal steht im CSS A: ... und mal a: ... Das ist in dem Zustand nicht schlimm. Wenn Du allerdings die Dateien irgendwann mal als application/xhtml+xml ausliefern willst funktioniert das nicht mehr. Von daher ist es besser alles klein zu schreiben.
Dann sind die Schriftgrößen schwer durcheinander. Mal pt, mal px. Allerdings ist beides nicht ideal, weil man dann im IE die Schriftgröße nicht anpassen kann. Besser wären em oder %.
Musel-online 23-12-2004, 17:01
Suppi....
Klasse erklärung...
Dann weiss ich was ich als nägstes angehen werde.
die kompletten CSS mal über arbeiten.
Ich mach das ja hier um genau solche Tips zu bekommen wie von dir.
Dann lernt man ja auch gleich was für Später :p
Also sollte man sich immer ein verbugtes CMS suchen und dass dann in sauber umarbeiten, das brint lernefekt = 100%
@Mods, kann man einer da oben ein zeilen umbruch machen?? der scrollbalken nervt ein wenig...
MaxP0W3R 23-12-2004, 18:02
hi
eigentlich hasse ich portal-style und ein design aus lauter rechtecken abgrundtief, aber bei dir gefällts mir ganz gut.
die figur is gut, ohne würde die seite viel zu blass wirken, aber versuch mal irgendwo noch paar farbtuper reinzubringen, ne rote überschrift oder ka, irgendwas zum aufpeppen, aber sonst ganz ok.
zum html sag ich nix, die technik is nich mein problem, musst selber wissen was du machst :)
Original geschrieben von S.Oliver
Wenn schon inkonsequent dann richtig.
:grin:
S.Oliver 23-12-2004, 18:36
Original geschrieben von Musel-online
Ich mach das ja hier um genau solche Tips zu bekommen wie von dir.
Dann lernt man ja auch gleich was für Später :p
Also sollte man sich immer ein verbugtes CMS suchen und dass dann in sauber umarbeiten, das brint lernefekt = 100%
Joah, PHP Kit ist ja nicht unbedingt für seine saubere Programmierung bekannt aber da hab ich ja öfters schonmal gegen Wände geredet :rolleyes:. Mir fällt auf, wenn Du das CSS überarbeitest, schmeiss auch gleich die ganzen Schrott Tabellen raus.
Zum layouten Layer zu verwenden verbessert die Zugänglichkeit, lässt die Luft aus dem aufgeblähtem Quelltext und vereinfacht die zukünftige Pflege. Ausserdem wird es viel einfacher, alles auf xhtml zu bringen - bei CMSs gibt es in der Zukunft viele tolle Anwendungsmöglichkeiten. Die Arbeitsweise ist natürlich komplett anders (tschüss Dreamweaver) und ist sehr aufwendig am Anfang, ABER es lohnt sich.
Du hattest noch gefragt, warum das CSS aus dem Quelltext soll. Ganz einfach: Der Browser speichert Dein Stylesheet. Das spart Traffic und Zeit. Ausserdem kannst Du mit ein paar Tricks oder mit dem richtigem Browser mehrere Designs zur Verfügung stellen. So bist Du auf den Style ziemlich festgenagelt.
Mal zu dem CSS..
Die CSS Angaben im Header des Quelltextes werden durch das PHPKIT und dessen Adminbereich durch die Datenbank "generiert" bzw die Werter der einzelnen Sachen kommen aus der DB..
Somit wird das extern aufrufen eines StyleSheets nicht möglich sein.
Es ist damit oben "festgenagelt" :D
Ansonsten, bin selbst ich für Anregungen offen wo man die CSS angaben verbessern kann. (zumal das orignale Template nicht wirklich w3c konform ist)
Also nochma kurz: PHPKIT CSS Angaben im Header = Template welches die Werte aus der DB bekommt.
S.Oliver 24-12-2004, 05:21
Original geschrieben von Dooki
Also nochma kurz: PHPKIT CSS Angaben im Header = Template welches die Werte aus der DB bekommt.
Grundsätzlich spricht ja nichts dagegen, ...
... das Template entweder so auszulagern, wie es ist.
... die Daten aus der DB in eine externe Datei zu laden.
Auch PHP Dateien kann man als CSS ausgeben ;).
Musel-online 24-12-2004, 09:27
So schritt 1 ist getan.... ;)
wc3 css klick (http://jigsaw.w3.org/css-validator/validator?uri=http://musel-online.de/include.php?path=start.php)
:huep:
jetzt nur noch das html valide machen... ;-)
http://validator.w3.org/check?verbose=1&uri=http%3A//musel-online.de/include.php%3Fpath%3Dstart.php%26PHPKITSID%3D3fe0d31c41cf191457be35aef8e7597f
http://validator.w3.org/check?uri=http%3A%2F%2Fmusel-online.de%2Finclude.php%3Fpath%3Dstart.php%26PHPKITSID%3D3fe0d31c41cf191457be35aef8e7597f&charset=iso-8859-15+%28Latin+9%29&verbose=1
S.Oliver 24-12-2004, 12:41
Original geschrieben von Musel-online
So schritt 1 ist getan.... ;)
hm, was fällt Dir dabei auf?
# a:hover , a:active , a.forumcat:active ,
a.forumcat:hover , a.forumthread:active , a.forumthread:hover {
color : #7e9aab;
}
# a.big:hover , a.big:active {
color : #7e9aab;
}
# a.small:hover , a.small:active {
color : #7e9aab;
}
Übrigens ist immer noch alles in px angegeben, was nicht wirklich ideal ist, was ich aber oben schon erklärt hatte. Wenn Du noch mehr zusammenfast und einige unnötige Sachen rausnimmst, ist das CSS nur noch halb so groß. :)
Musel-online 24-12-2004, 13:19
zusammen fassen ist ja schön und gut, aber was ist wenn ich mal einzenlde bereich umstricken will? dann muss ich immer wieder im Quelltext rumwürgen. wozu habe ich denn den DAU adminbreich, der das für mich macht.
der code im Quelltext schaut übrigens so aus:
font {
font-size: $style[fontsize]px;
font-family: $style[bodyfont];
font-size: $style[fontsize]px;
color: #$style[bodyfontcolor];}
da ist mal nicht eben zusammen geworfen.
Aber das der css wehnigstens wc3 kompatible ist, ist schon mal ein guter weg in die richtige richtung.
Nur ein komplettes CMS so umzubauen wie du es vorschlägst ist ne arbeit von wochen, was aber wirklich jetzt nicht den sinn mach, dazu ja auch noch support sachen auf der seite laufen.
S.Oliver 24-12-2004, 14:37
Original geschrieben von Musel-online
Aber das der css wehnigstens wc3 kompatible ist, ist schon mal ein guter weg in die richtige richtung.
Zwischen richtig und sinnvoll gibt es leider Unterschiede. Ich kann das Problem schon verstehen, aber wenn Du das CMS in seiner weiteren Form so zu nutzen willst, dann verbaust Du Dir leider den Weg zu einer vernünftigen Struktur und damit ist auch der Lerneffekt eher gering. Die Seite NUR W3 valid zu machen dauert nicht lange, bringt aber auch keine Vorteile.
Wenn Du es so beibehalten willst, heißt das ja auch logischerweise, dass Du die ganzen Tabellen behalten willst und da kann ich nur sagen, dass wenn Du die Zugänglichkeit nicht verbessern willst/kannst, kann Dir hier im Forum auch keiner helfen. An den Inhalten und dem Design gibt es nicht viel zu ändern.
Original geschrieben von Musel-online
Nur ein komplettes CMS so umzubauen wie du es vorschlägst ist ne arbeit von wochen, was aber wirklich jetzt nicht den sinn mach, dazu ja auch noch support sachen auf der seite laufen.
Keiner hat gesagt, dass das alles so schnell fertig ist. Der einzig sinnvolle Weg wäre, Dich nach und nach von PHPKit zu verabschieden (zumindest von einigen wirklich negativen Eigenschaften) und entsprechend in die sinnvolle Richtung zu arbeiten.
So viel Zeit ist vergangen und ich habe viel an der seite gemacht, gerade was code usw angeht.
Ich habe die Hauseigenden fehler von einigen Hundert auf ~70-80 reduzieft.. *stolz bin*
CSS ist sogar auf 0 runter *noch mehr stolz bin*
Nur den teil bei w3c mit attribute "TYPE" <--- das das nicht erlaubt ist verstehe ich nicht so ganz, vielichet hat ja noch jemand ein Tip für mich.
Das Design ist auf dem ersten Blick ganz nett. ABER ich verlaufe mich mit den Augen sehr schnell, dass "regt" mich auf. Die Sparten sind schön dargestellt, aber der Inhalt selbst IN den Sparten (News,Statistik) ist ein Chaos, wie ich finde. Da fehlt mir noch ein wenig rahmen drum rum oder so.. Kann auch sein, dass ich zu penibel bin, aber mich stören solche Darstellungen wie in den 2en o.g. Beispielen.
bei HTML 3.2 gabs wohl noch keinen type bei style angaben.
wieso nutzt du eigentlich den älteren standard?
Tip please, wie ich besser machen kann....
:p
nur noch 21 fehler auf de start seite.. ;)
da lässt sich doch was mit anfangen.
Und wieder ein Paar nächte mit arbeit füllen.
Und wenn Du die dann beseitigt hast ... dann mach mal die JS-Fehler raus ... mich nervt meine permanent aufpoppende Javascript Konsole ... !
js fehler? :confused:
ich habe doch nur ein klick popup drin und ein ilayer..
aber ich per sehe kein fehler...
Keine Ahnung ... und ich werde auch sicherlich nicht suchen ... allerdings poppte bei mir im Büro heute ständig die Javascript Konsole (Opera) auf ... mit mehreren Fehlermeldungen ... und das nervt ... !
@goth: JS-konsole aktiviert haben, wenn man sich im www bewegt, ist doch masochismus, oder?
also ich aktiviere die eigentlich nur, wenn ich selber was entwickle oder debuggen muss. andernfalls springt die einen ja auf fast jeder zweiten seite, die JS nutzt, an ...
hmmm bringt mir alles nicht weiter,
denn weder Mozilla 1.8a noch Firefox 1.75 noch Opera noch IE nirgends auch nur ein anzeichen von JS Fehler.
Ich habe sogar einige Plugins für Mozilla, wo fehler aufgelistte werden ob html oder js, aber nirgends ein Anzeichen davon.
Von daher sag doch mal was dort Falsch sein soll...
|
|
