An dieser Stelle beanspruche ich mal für mich und mein Geschreibsel einen kleinen Abschnitt in diesem Fred. Es gilt einem Neuankömmling einen herzlichen Empfang zu bereiten und ihn nicht zu verschrecken (gut so, TNS?), auch wenn ich mich mit seiner Webseite nicht anfreunden könnte. Aber das bleibt noch zu erörtern, seine Anforderungen genau zu erfüllen versuchend. So denn:
Original von Persuade Page
Frame aufbau --
Bisher hat mich noch keine Webseite (im Sinne einer Webseite, != Administrations-Interface o. ä.) davon überzeugen können, Frames zu benötigen, zumal es sowohl was den optischen Effekt derselben betrifft (Block-Elemente mit overflow:auto-CSS-Eigenschaft) als auch bei der Arbeitserleichterung mächtige Alternativen gibt. Die gesammelte Frames-Diskussion im WSB inklusive der Beschreibung der Alternativen haben wir in einem Thread (http://www.webstyleboard.de/wsb/thread.php?threadid=2151) gebündelt. Auch bei der vorliegenden Webseite erschließt sich mir die Notwendigkeit eines Framesets nicht deutlich, zumal die Autoren (der Autor?) ja auch mit serverseitiger Programmierung ("Online Shops") anscheinend vertraut sind.
Ein guter Ansatz lässt sich erkennen, wenn man die Seite mit einem Browser besucht, der Frames nicht (sofort) darstellt. Im Lynx-Emulator wird dann aber auch deutlich, dass hier hätte konsequenter vorgegangen werden müssen: http://www.delorie.com/web/lynxview.cgi?…p-webdesign.org
Die name-Attribute der Frames sind recht unintelligent gewäht, der NOFRAMES-Bereich hingegen lässt Hoffnungen auf echte Zugänglichkeit, auch über Umwegen, aufkommen. Pustekuchen! www.pp-webdesign.org/text/index.html existiert nicht.
Und mit dem Quelltext des Framesets wurde sich auch nicht wirklich Mühe gegeben. Der Alternativen-Link im NOFRAMES-Bereich ist nichtmal geschlossen. Die anderen Fehler, neben der garnicht erst vorhandenen DOCTYPE-Angabe, liefert http://www.htmlhelp.org/cgi-bin/validate…s=yes&input=yes - der Validation Service des W3C streikt gerade.
CSS style
Dann wollen wir doch mal sehen, was Du da hast. Ich beschränke mich mal auf das CSS des Inhalts-Frames auf der Startseite, die anderen scheinen mir auch nicht viel ergiebiger:
|
Quellcode
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
A:link {text-decoration:none;color:#000000}
A:visited {text-decoration:none;color:#000000}
A:active {text-decoration:none;color:#000000}
A:hover {text-decoration:underline;color:#000000}
body
{
background-color: #eff5fa;
scrollbar-face-color: #f0f0f0;
scrollbar-arrow-color: #000000;
scrollbar-highlight-color: #f0f0f0;
padding: 1 1 1 1;
}
|
Neben der abenteuerlichen Formatierung fällt zunächst auf, dass Du noch nicht weißt, wozu CSS eigentlich gut ist. Mit CSS empfiehlt man dem UserAgent, wie er bestimmte HTML-Elemente präsentieren soll. Ich zitiere mich mal selbst:
HTML sagt nicht: "Dieser Text ist groß und rot".
HTML sagt: "Dieser Text ist eine Überschrift zweiter Ordnung".
CSS sagt dann "Überschriften zweiter Ordnung sind groß und rot".
So kann man prima Auszeichnung und Präsentation trennen. Daraus erwachsen weitere Vorteile, die Dir beim (Nach-) Lernen von CSS noch auffallen werden. So etwas jedenfalls:
|
Quellcode
|
1
2
3
4
5
|
<font face="MS sans serif, arial, geneva, helvetica" size="2" color="navy"><font color="navy">Domain
<font face="MS sans serif, arial, geneva, helvetica" size="2" color="navy" style="text-align: justify">
<br>
<font color="navy">Webspeicher
|
(und so weiter, jedem Menge offene FONT-Elemente) ist Mist. Sowas macht man einfach nicht mehr. Und von solchen Fehlern strotzen Deine Seiten leider.
Zum CSS selbst: das mit den Links ist eher suboptimal, so diese nicht anderweitig klar als klickbar ausgezeichnet werden. Ob es bei einer simplen Farbänderung möglich ist, die Links auch ohne Underline zu erkennen sei dahingestellt. Und so geht es performanter:
|
Quellcode
|
1
2
3
4
5
6
7
8
|
a {
text-decoration: none;
color: black;
}
a:hover {
text-decoration: underline;
}
|
Das mit den Scrollbars finde ich überflüssig, zumal ich es garnicht sehen kann und es garkein CSS ist. Und obendrein ist es ungut, weil Du damit schon recht wesentlich im Interface Eures Besuchers herumpfuschst. Sowas sollte man mit Vorsicht genießen und besser gleich weglassen.
Das "padding: 1 1 1 1;" zeigt, dass Du Dich mal eingehender mit CSS befassen solltest. Richtig wäre: "padding: 1px;", was aber vermutlich nicht das ist, was Du willst, oder? 1px Abstand?
auflösung und darst. der site bei über 1024x768
Das ist ein bisschen merkwürdig ausgedrückt
aber ich glaube, ich weiß, was Du meinst. zunächst die gute Nachricht: ich sehe keine wesentlichen Einschränkungen. Die schlechte: ich sehe ein paar Grafikfehler, die ich in zwei Screenshots in einem rot angestrichen habe: http://memowe.de/ot/pp-wd.png - da solltest Du mal das Konzept überdenken.
Leider wolltest Du ja nur Kommentare zu den Frames, dem CSS und der Auflösungsaufwärtskompatibilität hören, sonst könnte ich Dir vielleicht noch etwas über die Auflösungs
abwärtskompatibilität, die Schrecklichkeit von Pseudolisten, der viel zu kleinen Schrift in der Navigation, der uneinheitlichen Präsentation, den Rechschreib- und Semantikfehlern (Webseiten erstellt man nicht und man programmiert sie nicht, man schreibt sie. Das Erstellen kommt IMHO von Microsoft und ist einfach nur ein anderes Wort für "machen" - "Komm, Tina, wir erstellen ein Baby!" - und wie einer meiner Vorredner richtig bemerkte: vor einem Satzzeichen kommt kein Leerzeichen .), der verwaschenen Optik oder dem konfusen Navigationskonzept erzählen. Aber das willst Du vermutlich garnicht hören.
PS : Wir verlosen einen DIN a3 Ordner PC Klipp und klar 600 seiten Powerwissen , macht einfach mal mit .
WinDOS, oder?
Du solltest Dir Gedanken über URI-Design machen. Ein solcher URI ist einfach nur hyperfluid. Warum nicht
pp-webdesign.org/gewinnspiel/?
Viel Erfolg von meiner Seite!
HTH!
mem