Du bist nicht angemeldet.
Montag, 26. August 2002, 11:23
Montag, 26. August 2002, 18:47
Die oberen Links sollen Besucher mit niedrigeren Bildschirm-Auflösungen das nervige Scrollen ersparen, indem sie damit direkt zum entsprechenden Punkt in der Navigaton springen können.
Zitat
Original von Investorman
Der erste Eindruck ist gut. Leider funktioniert das Impressum nicht (oberer Textlink). Nutzt man den unteren Link, so gelangt man endlich zum Impressum (wieso erst hier?).
Der Bereich "Kontakt" soll alle Kontakt-Möglichkeiten zusammenfassen - der Bereich "Impressum" soll eigentlich nur Info's, die wirklich nur die Homepage betreffen beinhalten.
Das Impressum selbst ist äußerst mangelhaft (siehe dazu den einschlägigen Beitrag im Forum 'Law & Order')! Ein Verein muss den Vorstand samt einer ansprechbaren Person bennen. Die Vereinsanschrift gehört ebenso wie eine eMail-Adresse. Naja, schau Dir mal den o.g. Beitrag an ...
Ach, ich sehe gerade, dass die Adresse im Punkt 'Kontakt' untergebracht ist. Ich würde bei Punkte zusammenlegen.
Der Kartenausschnitt wurde von unserer Gemeinde kostenlos zur Verfügung gestellt (wird dort auch auf der Homepage verwendet).
Des weiteren würde ich mal überlegen, inwiefern der Kartenausschnitt urheberrechtlich geschützt ist. Gerade Karten-Hersteller haben sich in letzter Zeit äußerst mit Abmahnungen hervor getan!
Die Seiten werden durch SSI (Server Side Includes) zusammengesetzt ... im Gästebuch ist dies leider nicht möglich - der Programmierer arbeitet aber bereits an einer neuen Version.
Wieso erscheint das Gästebuch in einem neuen Fenster? ==> unnötig!
Die E-Mail-Adressen bestehen aus 2 Teilen, die per JavaScript zusammengefügt werden ... sollte die meisten Spider durcheinanderbringen. Die E-Mail-Adressen werden auch oft von Mitgliedern anderer Vereine benötigt, deshalb kann ich sie nicht "wegschließen"
Ich würde mal überlegen, ob ich nicht das eMail-Verzeichnis vor fremden Usern und Spidern schützen würde ...
Yep, bei uns heißt das Vorstandschaft.
PS: Sagt man bei Euch 'Vorstandschaft'? Wieso? Es heißt doch lediglich 'Vorstand'.
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »DukeXP« (26. August 2002, 19:05)
Montag, 26. August 2002, 21:38
)
Dienstag, 27. August 2002, 10:37
Alle Elemente, die auf jeder Seite gleich sind (also auch die Styles) werden per SSI eingebunden. Änderungen muß ich also nur einmal vornehmen.
Original von Chris
Die Styles solltest du in eine externe CSS Datei auslagern, bei einer eventuellen Designänderung könntest du dich sonst sehr über die Mehrarbeit aufregen
*grübel* Ja, da muß ich mir was überlegen.
E.A.R.O.L, bevor man auf so einen Link klickt überlegt man es sich 3x, vielleicht etwas Benutzerfreundlicher?
Gute Idee - werd' ich umsetzen!
Bei der linken Navigation würde sich ein kleiner hover Effekt, vllt farbwechsler oder underline gut machen.
Dienstag, 27. August 2002, 23:05
Ja, jetzt.
Hast du zwischendurch auch mal Zeit, meine Seite zu bewerten?
|
Quellcode |
1 2 3 4 5 6 7 |
<tr>
<td bgcolor="#000000" valign=top><img src="images/spacer_layout.gif" height=1 width=1 hspace=0 vspace=0 border=0></td>
<td bgcolor="#000000" valign=top><img src="images/spacer_layout.gif" height=1 width=1 hspace=0 vspace=0 border=0></td>
<td bgcolor="#000000" valign=top><img src="images/spacer_layout.gif" height=1 width=1 hspace=0 vspace=0 border=0></td>
<td bgcolor="#000000" valign=top><img src="images/spacer_layout.gif" height=1 width=1 hspace=0 vspace=0 border=0></td>
<td bgcolor="#000000" valign=top><img src="images/spacer_layout.gif" height=1 width=1 hspace=0 vspace=0 border=0></td>
</tr>
|
|
|
Quellcode |
1 2 |
<p align=center><br><img [...]></p> <p align=center></p> |
|
|
Quellcode |
1 2 |
<a class="nav2" href="#verein"><font size=2><font face="Verdana"> <b><font color="#FFFFFF">Verein</font></b></font> [für wirklich JEDEN Navigationspunkt!] |
|
|
Quellcode |
1 2 |
<br><p align=center><font size=3><font face="Verdana"><b><font color="#FFFFFF">Ein Ziel vor Augen gibt Sinn dem Leben
</font></b></font></font></p><br>
|
|
|
Quellcode |
1 2 3 |
<p></p>
<hr>
<p></p>
|
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 |
td.verticalnavi > a {
color : green;
background : transparent;
text-decoration : none;
}
td.verticalnavi > a:hover { color : lime }
td.verticalnavi > a:active { color : red }
td-verticalnavi > a:visited { color : lightgrey }
td.verticalnavi > a > span { color : black }
|
|
|
Quellcode |
1 2 3 4 5 6 |
... <td class="verticalnavi"> <a href="...">»<span>Linktext</span></a><br> <a ... </td> ... |
Dienstag, 27. August 2002, 23:43
Nur gut, dass man immer noch die Möglichkeit hat, per Hand einzugreifen.
Mittwoch, 28. August 2002, 08:55
Gerne doch!
Original von DukeXP
Vielen Dank für die umfangreichen Anmerkungen
Man muss es nur tun!
Nur gut, dass man immer noch die Möglichkeit hat, per Hand einzugreifen.
Mittwoch, 28. August 2002, 16:20
Die Awards sind mir "zugelaufen" ... warum dann nicht auch einbinden? Hab' das ganze aber nochmal überdacht und die Award-Seite entfernt.
Original von memowe
Genau hingesehen...
offenbaren sich einige Mängel, welche hier darzulegen wesentlich einfacher ist, als sich Awards von Leuten schenken zu lassen, die ebendiese Mängel aus Unvermögen nicht sehen und dafür mit lustigen Bildchen um sich werfen.
Hm, stimmt ... aber manche Fehler werden auch durch das JavaScript zum vergrößern der Bilder verursacht.
Auch mit dieser Uralt-HTML-Version hast Du eine Menge Fehler im Code: http://validator.w3.org/check?uri=http%3…&doctype=Inline
Wie kann ich das anders machen? ... für jedes dieser Bilder einen Alt-Text hinterlegen??? - Ne! Wenn ich es mit dem geschützen Leerzeichen versuche, werden die Abstände viel zu groß ...
Dazu kommen etwa noch die ganzen fehlenden Alt-Attribute der Spacer-Bildchen, die diese hypsche Optik verursachen (Aus einem Bild ohne alternativem Text wird dann "[INLINE]"): http://www.delorie.com/web/lynxview.cgi?…einigkeit.de%2F
Frag' mal meinen WYSIWYG-Editor.
Der Stil Deines Markups ist not amusing, sondern eine negative Überauschung: ... Wozu denn das? Das kommt einige Male im Quelltext vor.
Damit wollte ich nur ausprobieren, wie sich die Hover-Links machen ... hab' ich mittlerweile ersetzt.
Völlig unsinnig ist sowas hier:Warum gibst Du denn eine CSS-Klasse an, wenn Du das Layout doch im HTML machst?
Quellcode
jaja ... ich sollte doch mehr CSS benutzen.
Hier mal ein gutes Beispiel für eine Aufgabe,die man mit der intelligenten Anwendung von CSS wesentlich schmaler und cleverer hätte realisieren können.
Quellcode
<br><p align=center><font size=3><font face="Verdana"><b><font color="#FFFFFF">Ein Ziel vor Augen gibt Sinn dem Leben </font></b></font></font></p><br>
Wie kann ich sonst einen Abstand vor und nach der Linie erzeugen?
hingegen ist wieder ziemlich stilvoll und rundet das Gesamtbild ab.
Quellcode
<p></p> <hr> <p></p>
Ich wollte eigentlich dort oben eine aufwändige Grafik platzieren ... aber was bringt eine tolle Grafik den Besuchern, wenn sie dafür länger warten müssen .... das Logo hab' ich verlinkt - ist wirklich praktisch.
Der Banner im Kopf Deiner Seite ist recht unausgewogen. Da könntest Du noch etwas raffinierter vorgehen, als einfach ein Logo und ein bisschen Schrift mit Schlachschatten zusammenzupappen. Wenn ich auf das Vereinslogo klicke, möchte ich gerne zurück zur Startseite kommen.
Hab' ich umgesetzt ... wirklich gute Idee!
Bei der vertikalen Navigation sieht der underline-Hovereffekt imo nicht viel besser aus. Hier könntest Du das Zeichen vor den Links farblich ändern und selbige so lassen, das sähe tricky aus, etwa so: ...
Das alte Layout der Seiten hatte pro Kategorie eine Auswahlseite, von der man dann erst zu den Themen kam ... war aber vielen Besuchern zu umständlich. Aber die Navigation muß ich wirklich nochmal überarbeiten.
Die Struktur der Seite ist klar, aber nicht die Navigation. Das muss irgendwie kürzer gehen. Es ist in den seltensten Fällen besser, von jeder Unterseite auf jede Unterseite kommen zu können, als jede Menge Ladezeit zu sparen und Übersichtlichkeit zu gewinnen. Eventuell ist das ein Anstoß für eine leichte Umstrukturierung?
Mach' ich!
Insgesamt finde ich, dass die Seite zu viele Farben hat, aber das liegt wohl an der CI und sollte nicht geändert werden.
Mein Fazit: hübsch und übersichtlich gemacht, was aber dahintersteckt ist weniger schön, da könntest Du bestimmt noch optimieren.
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »DukeXP« (28. August 2002, 16:25)
Mittwoch, 28. August 2002, 17:27
Danke, wirkt auf mich seriöser. Ich hoffe, Du hast damit keinen verärgert?
Original von DukeXP
Die Awards sind mir "zugelaufen" ... warum dann nicht auch einbinden? Hab' das ganze aber nochmal überdacht und die Award-Seite entfernt.
Wieso und wie vergrößerst Du denn Bilder mit JavaScript? Und etwa nicht mit einem Bildbearbeitungsprogramm?
Hm, stimmt ... aber manche Fehler werden auch durch das JavaScript zum vergrößern der Bilder verursacht.
Auch mit dieser Uralt-HTML-Version hast Du eine Menge Fehler im Code: http://validator.w3.org/check?uri=http%3…&doctype=Inline
Nein. Bei Bildern ohne inhaltliche Funktion musst Du einen alt="" setzen.
Wie kann ich das anders machen?
Dazu kommen etwa noch die ganzen fehlenden Alt-Attribute der Spacer-Bildchen, die diese hypsche Optik verursachen (Aus einem Bild ohne alternativem Text wird dann "[INLINE]"): http://www.delorie.com/web/lynxview.cgi?…einigkeit.de%2F
Genau das.
... für jedes dieser Bilder einen Alt-Text hinterlegen???
Doch!
- Ne!
Wieso lässt Du nicht die ganze unnötige TableRow ohne Inhalt weg?
Wenn ich es mit dem geschützen Leerzeichen versuche, werden die Abstände viel zu groß ...
Ich frage aber Dich! Ich verstehe mich erstens nicht gut mit den Wirsings und zweitens weiss ich garnicht, wieso sich der Surfer mit dem Editor des Erstellers kurzschließen soll, um zu erfahren, was die unnötigen Tabellenzeilen sollen.
Frag' mal meinen WYSIWYG-Editor.
Der Stil Deines Markups ist not amusing, sondern eine negative Überauschung: ... Wozu denn das? Das kommt einige Male im Quelltext vor.
Auf jedenfall nicht mit leeren Abschnitten! Ich denke, etwa das hier könnte eine wunderbare Freundschaft werden:
Wie kann ich sonst einen Abstand vor und nach der Linie erzeugen?
hingegen ist wieder ziemlich stilvoll und rundet das Gesamtbild ab.
Quellcode
<p></p> <hr> <p></p>
|
|
Quellcode |
1 |
hr.vielplatz { margin : 3em 0 }
|
Müssen sie das?
Ich wollte eigentlich dort oben eine aufwändige Grafik platzieren ... aber was bringt eine tolle Grafik den Besuchern, wenn sie dafür länger warten müssen
Der Banner im Kopf Deiner Seite ist recht unausgewogen. Da könntest Du noch etwas raffinierter vorgehen, als einfach ein Logo und ein bisschen Schrift mit Schlachschatten zusammenzupappen. Wenn ich auf das Vereinslogo klicke, möchte ich gerne zurück zur Startseite kommen.
Will ich meinen!
.... das Logo hab' ich verlinkt - ist wirklich praktisch.
Bitte Zitatauslassungen richtig kennzeichnen ("[...]"). Freut mich, dass es Dir gefällt. Schaut IMO weniger schreiend, dafür cleverer aus.
Hab' ich umgesetzt ... wirklich gute Idee!
Bei der vertikalen Navigation sieht der underline-Hovereffekt imo nicht viel besser aus. Hier könntest Du das Zeichen vor den Links farblich ändern und selbige so lassen, das sähe tricky aus, etwa so: [...]
Du könntest mal ALLE Font-Elemente rausschmeissen. Aber ich muss Dir mitteilen: eine stumpfe Ersetzung von FONT durch SPAN ist nicht viel besser. Wirklich besser wäre der intelligente Einsatz von CSS. Das können bisher nur Menschen, und von denen nur wenige.
Den Quelltext habe ich mittlerweile auch ein bisschen aufgeräumt - als nächsten Schritt werde ich die font-size-tags im Inhalt entfernen (mein Editor verwendet die schrecklich oft) und durch CSS ersetzen.
Mittwoch, 28. August 2002, 18:21
Weil sonst die schwarzen Trennlinien nicht mehr da sind
Wieso lässt Du nicht die ganze unnötige TableRow ohne Inhalt weg?
... vielleicht ändere ich in einem zweiten Schritt das Layout dementsprechend ab und suche nach einer Alternative für die schwarzen (leeren) Tabellenzellen. Gibt's da vielleicht was brauchbares in CSS?Und ich beabsichtige ein solcher Mensch zu werden. :thinker:
Du könntest mal ALLE Font-Elemente rausschmeissen. Aber ich muss Dir mitteilen: eine stumpfe Ersetzung von FONT durch SPAN ist nicht viel besser. Wirklich besser wäre der intelligente Einsatz von CSS. Das können bisher nur Menschen, und von denen nur wenige.
Mittwoch, 28. August 2002, 18:53
Wieso erzeugt das invalides HTML? Hast Du zum Bleistift die "/" für die schließenden Tags nicht richtig "\/" codiert?
Original von DukeXP
Ich vergrößere nicht die Bilder mit JavaScript, aber wenn man die Bilder auf der Homepage anklickt, öffnet sich ein PopUp-Fenster mit einer größeren Version des Bildes, sowie einer Beschreibung.
Und bitte auch gleich den Irrglauben vergessen, es gäbe solche. Es gibt nur alt-Attribute. Jedenfalls in HTML.
Die Alt-Tags werd' ich einfügen ...
Layout macht man mit CSS und nicht mit HTML. Und wenn auch, würde doch eine einzige Zelle mit colspan="sowieso" reichen, oder?
Weil sonst die schwarzen Trennlinien nicht mehr da sind
Wieso lässt Du nicht die ganze unnötige TableRow ohne Inhalt weg?
Suchst Du eventuell die border-Eigenschaft? http://jendryschik.de/wsdev/einfuehrung/rahmen.html
Gibt's da vielleicht was brauchbares in CSS?
Dann vergiss am einfachsten zunächst den Wirsing, denn der verleitet zu sehr zu Layout mit HTML.
Und ich beabsichtige ein solcher Mensch zu werden. :thinker:
Wirklich besser wäre der intelligente Einsatz von CSS. Das können bisher nur Menschen, und von denen nur wenige.
Mittwoch, 28. August 2002, 23:29
Donnerstag, 29. August 2002, 00:37
Original von DukeXP
Das mache ich dann nachher, heut nacht bin ich zu schläfrig.
@ memowe: Wäre nett, wenn du dir die Seite anschauen könntest und mir dann sagst, was ich beim ersten Entwurf mit CSS alles falsch gemacht habe.
HG!
Aber: die leeren Tabellenzellen habe ich wegrationalisiert.
Solange man nicht festlegt, wie breit eine Seite zu sein hat, gibt es das Problem nicht. Im Moment schreibe ich aber an einer Seite, die eine feste sehr kleine Breite hat. Dort habe ich in validem XHTML 1.0 Transitional <div align="center">...</div> verwendet.
Eine Frage noch: wie bekommt man am elegantesten die gesamte Seite zentriert? (also die Tabelle mit Inhalt) ... gibt's da was praktisches mit CSS?
@Investi: Tabellenlayouts sind leider NICHT elegant (gefordert). Die Lösung mit dem DIV ist auch nicht das eleganteste, aber schon ziemlich gut, wenn man bedenkt, dass eine feste Breiten halt so eine Sache ist, die an sich schon nicht das Optimum bedeutet...
mem
Freitag, 30. August 2002, 13:07
Danke, dass Du uns das sagst!
Original von DukeXP
Bewertungs-Pause
Viel Erfolg!
... eine neue Version der Homepage, bei der das Seitenlayout mit CSS definiert wird, ist in Vorbereitung.
Samstag, 18. Januar 2003, 14:58
Momentan befinden sich große Teile der Homepage im Umbau - sobald das gröbste abgeschlossen ist, wäre eine erneute Überprüfung durch die fachkundigen Mitglieder des WSB sehr interessant.
Original von Investorman
/EDIT/: Alles in allem finde ich Deine Seite sehr gelungen. Ich schlage daher vor, sie der Prüfung für die Auszeichnung "WSB-Seitentest (WS)" zu unterziehen!
Freitag, 25. Mai 2012, 16:06
Zum Seitenanfang
