Tutorial HTML, CSS u. PHP - Forum

[Lester90]

Hallo liebe Community,
Ich habe mit dem HTML-Seminar im letzten Jahr den Umgang mit HTML und CSS gelernt und wollte euch auch mal zeigen, was daraus geworden ist:

http://sc-germania-list.de/rugbyabteilung/index.php

Das ist könnte man sagen die 2 1/2 te Seite die ich erstellt habe. Die erste war folgende:

http://sc-germania-list.de/rugbyabteilu ... 0-Info.htm

Die verbleibende halbe Seite war im Prinzip die erste, mit anderem Inhalt und leicht geändertem Design ;)

Ich würde mich sehr über ein bisschen Feedback freuen ;)

Gruß
Lester90

[NeoAramis]

Hallo

Naja, das Design sieht also sehr altbacken aus. Da muss ich ehrlich sagen, das ist dir nicht so gelungen. Wie ich sehe verwendest du oft Bilder im Hintergrund. Schön und gut, nur sind diese total verpixelt oder wirken je nach dem so, was den Gesamteindruck doch billig aussehen lässt. Dabei sticht vor allem der Hintergrund für das gesamte Layout hervor (http://sc-germania-list.de/rugbyabteilu ... rgrund.jpg). Die Navigationen (horizontal und vertikal) sehen auch nicht so aus, als hättest du viel Arbeit hineingesteckt, was ich damit sagen will, das man die mehr ausarbeiten kann.

Vom Code her sieht es mehr oder weniger sauber aus. Vielleicht wirklich alle CSS-Definition auslagern, da wurden einige noch in der HTML-Datei belassen. Wie ich sehe, hast du eine Textkodierung verwendet, mit der du die Umlaute maskieren musst. Kodiere deine Dateien doch mit "utf-8" dann kannst du dir diese Arbeit ersparen. Im Code hast du noch einen Codeschnipsel mit dem marquee-Tag (bewusst oder unbewusst) stehen lassen, würde ich sofort wieder löschen, da dieser Tag nur für den Internet-Explorer konzipiert wurde und sowieso der letzte Schrott ist. Es gibt dafür bessere und geschmacksvollere Lösungen. Dann diesen div-Container (class="rand") ist doch eine sehr schwache Lösung. Dafür ist ein div-Container sicher nicht da.

Mal so auf die Schnelle...

[Sören]

Das meiste hat NeoAramis ja bereits gesagt, was mir aber noch aufgefallen ist:

Der Text "Neues aus der Rugbyabteilung" ist unterstrichen, obwohl er kein Link ist. Sollte man vermeiden, manche werden versuchen dort draufzuklicken und sich wundern, warum nichts passiert. Normalerweise sind nur Links unterstrichen.

[Lester90]

Hallo,
danke für die Rückmeldung
Das ist wenigstens was, womit man was anfangen kann. Im Verein bekommt man ja nur zu hören sieht gut aus. Naja im Gegensatz zur alten Seite sowiso ^^

Dann fangen wir mal an das Ganze aufzuarbeiten:

Schön und gut, nur sind diese total verpixelt

Welche Bilder meint ihr? Also in der Kopfzeile habe ich ja ein Hintergrundbild, das von lnks nach rechts wiederholt wird. Und dem hatte ich ursprünglich eine Maserung gegeben. Aber das man das für verpixelt halten könnte da hab ich nicht dran gedacht. Ich denke mal darüber nach ;)
Das gleiche gilt ja auch für den Hintergrund der Seite.

Im Code hast du noch einen Codeschnipsel mit dem marquee-Tag (bewusst oder unbewusst)

Das zweite trifft es eher. Ursprünglcih war es geplant da nen Lauftext zu machen, ich habe mich dagegen entschieden aber vergessen ihr zu löschen.

div-Container (class="rand") ist doch eine sehr schwache Lösung

Da hat hast du ja Recht. War ne Notlösung
Mache ich mich auch nochmal Gedanken drüber wie auch über die Menüs.

Der Text "Neues aus der Rugbyabteilung" ist unterstrichen, obwohl er kein Link ist. Sollte man vermeiden, manche werden versuchen dort draufzuklicken und sich wundern, warum nichts passiert. Normalerweise sind nur Links unterstrichen.

Daran habe ich gar nicht gedacht. Und das, wo im Seminar ja extra darauf hingewiesen wurde.

Jetzt kommen eher noch Fragen:

Kodiere deine Dateien doch mit "utf-8" dann kannst du dir diese Arbeit ersparen.

Was genau hat es damit auf sich? Ich arbeite mit Webocton Scriptly und habe da die Standardteinstellungen genutzt. Es werden also alle Umlaute automatisch umgewandelt. Was hat utf-8 für Vorteile bzw wo wird das eingestellt?

das Design sieht also sehr altbacken aus

Meinst du damit den Aufbau, das die Seitengröße fest gemacht wurde oder wie kann man das verstehen? Ich kann mir leider grad nichts unter einem "aktuellen" Design vorstellen.

Ich glaube das war es ja erstmal. Aber noch mal Danke für die Hinweise

Mal so auf die Schnelle...

Ich fand es nämlich schon mal sehr anegend ;)

Gruß
Lester90

[Sarkkan]

Jetzt kommen eher noch Fragen:

Kodiere deine Dateien doch mit "utf-8" dann kannst du dir diese Arbeit ersparen.

Was genau hat es damit auf sich? Ich arbeite mit Webocton Scriptly und habe da die Standardteinstellungen genutzt. Es werden also alle Umlaute automatisch umgewandelt. Was hat utf-8 für Vorteile bzw wo wird das eingestellt?

das Design sieht also sehr altbacken aus

Meinst du damit den Aufbau, das die Seitengröße fest gemacht wurde oder wie kann man das verstehen? Ich kann mir leider grad nichts unter einem "aktuellen" Design vorstellen.

Für die Kodierung einfach den Zeichensatz (charset) ändern ;)
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

Und Zwecks des Designs:
Vergleiche einfach mal einige Designs von deinen häufig besuchten Seiten (:
Oder schau dir mal diese Templates oder diese an und vergleiche (:
Die meisten modernen Templates sehen recht "locker" aus Ich würde quasi Sagen, dass weniger mehr ist Beziehungsweise die Sachen einfach geschickter Positioniert sind^^
Kannst dir ja dort mal ein wenig Inspiration holen und ein Template nach basteln (Das ist zusätzliche Übung (: und du kannst deinen persönlichen Touch mit rein bringen )