Aussehen, Code und Aufbau bewerten (WYSIWYG)

Loon3y · 28 März 2010

Huhu...

ein paar "Kleinigkeiten" sind mir noch aufgefallen....

Code:

<div id='main'>
<div align="center">
  <img src="images4/startbild.png" alt="Max und Mary" />
</div>

</div>

- align="center" -> css
- width="" und height="" bei <img>-tag mit verwenden
- das innere <div> ist eigentlich überflüssig

dann...

Code:

<ul  id="switcher" class="switchlist">
	<li><a class="selectable" href="index.php?seite=max herla&stil=1" onFocus='if(this.blur)this.blur()'>O</a></li>
...

- die class="selectable" ist überflüssig, da du direkt per CSS das Tag ansprechen kannst

Code:

ul#switcher li { [I]styleangaben[/I] }

das ul#switcher muss nicht hin, also man kann auch Tags direkt "ansprechen" per CSS.

Code:

<h1 id="headline">

- Hier das Selbe wie oben, das <h1> direkt per CSS "ansprechen". h1 { styleangaben }

und noch eine Kleinigkeit..du verwendest in deinen Links Leerzeichen...das ist gefährlich und könnte schief gehen. :-)

Ansonsten...

- das groß Schreiben der Wörter missfällt mir ein bisschen....das geht via CSS mit text-transform:uppercase; besser :)
- Die Schrift ist auch ein bisschen klein (Ansichtssache).
- target="_blank" ist sehr benutzerunfreundlich.
- Das Gästebuch ist..naja, kann man in die Seite doch einbinden :)
- Aussagekräftige Seitentitel fehlen mir auch
- die Seite mit der Überschrift "Mary in Bad Kissing", da hast du 2x <h1> und..
- ein leeres <p> </p>
- Die Klassen / ID's würde ich noch etwas aussagekräftiger benennen und so gestalten, dass du sie auf mehren Seiten verwenden kannst. Also eine "Linie durchziehen" und nicht jede Seite anders Gestalten und Aussehen bzw. Strukturieren...ist einfacher zu pflegen und man hat etwas Gleichbleibendes. Finde ich - meiner Meinung nach - viel ansprechender anstelle von 10000 unterschiedlichen Seiten (der letzte Satz ist allgemein gefasst und bezieht sich nicht unbedient auf deine Seite)

Aber sonst..alles Sahne...was ich zumindest mir angeschaut habe. :) Einzigst lustige finde ich ist, das "Webdesign"...yoah...das ist schon fast ein Modewort in der Internetwelt geworden.

Weiter so!
Gruß
Loon3y

MH223 · 28 März 2010

Danke,
bin schon seit Tagen am Ändern und Verbessern, wird schon noch werden.
Hab auf jeden Fall auch durch das Umschreiben eine Menge Neues (für mich) gelernt.
Mein Hauptproblem ist dabei ein Selbstgemachtes:

meine 5 Stylesheets.

Die muss ich beim Ändern alle mitberücksichtigen, aber da merkt man am besten die noch vorhandenen Fehler im Code.

Efchen · 29 März 2010

Und weil es Loon3y gerade zitiert...der Alternativtext "Max und Mary" ist Mist.
"alt" definiert einen Alternativtext, und ist keine Bildbeschreibung.

Schalte einfach in Deinem Browser mal die Bilder ab und guck dir an, wie das wirkt. Ich bin mir ziemlich sicher, dass "Max und Mary" an der Stelle völlig unverständlich ist und keiner versteht, warum da jetzt "Max und Mary" steht. Zumindest solltest Du den Alternativtext per CSS ordentlich stylen. Das könnte evtl. schon helfen.

MH223 · 30 März 2010

Hallo, bin wieder da,
ich habs jetzt tatsächlich fertiggebracht, ALLE meine Seiten laut Markup Validation Service
fehlerfrei zu bekommen, bis auf diese Meldung, die ich nicht verstehe:

Line 1, Column 1: character "" not allowed in prolog
_<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3…

im Quelltext des Browsers ist dieser Unterstrich nicht vorhanden.
was ist das ??

Loon3y · 30 März 2010

MH223 schrieb:
Line 1, Column 1: character "" not allowed in prolog
_<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3…

im Quelltext des Browsers ist dieser Unterstrich nicht vorhanden.
was ist das ??

Das nennt sich leider BOM :( Ganz großes Problem bei dem toller standardeditor von Windoof, das er dir die Byte Order Mark einfügt...

musst du mal nach BOM-Remover googlen, da gibts ein tool, welcher das entfernt. Ansonsten bringt auch ein Hexeditor die lösung.

Gruß
Loon3y

Gilles · 30 März 2010

Oder anderen Editor nehmen. Notepad++ kann auch ohne BOM abspeichern :)

MH223 · 6 April 2010

Hallo allerseits,
hab meine Seite komplett überarbeitet, war nicht einmal so viel Arbeit, wie ich dachte.
Wenn das Grundgerüst erst mal stimmt, lassen sich die einzelnen Elemente anordnen wie man (oder das Stylesheet) will und die Optik kommt von Photoshop.
Ich hab mein Augenmerk diesmal auf zwei unterschiedliche Auflösungen bzw. Seitenverhältnisse 4:3 und 16:9 gerichtet.
Die Abmessungen der Seiten sind fix und sind im Bild zentriert. Ich will auf jeden Fall das Scrollen der Seite vermeiden, irgendwie hab ich was dagegen, immer rauf und runter zu schieben und die Menues zu suchen.
Vielleicht kann mir jemand das mal auf unterschiedlichen Monitoren ausprobieren und mir Bescheid sagen, die Grössen zu ändern ist ja nun kein Problem mehr.

Loon3y · 6 April 2010

MH223 schrieb:
hab meine Seite komplett überarbeitet, war nicht einmal so viel Arbeit, wie ich dachte.
Wenn das Grundgerüst erst mal stimmt, lassen sich die einzelnen Elemente anordnen wie man (oder das Stylesheet) will und die Optik kommt von Photoshop.
Ich hab mein Augenmerk diesmal auf zwei unterschiedliche Auflösungen bzw. Seitenverhältnisse 4:3 und 16:9 gerichtet.

Hallöchen!

Man sollte die Seite nicht abhängig von der Auflösung machen. Wir sind im WWW nicht bei irgendeiner printfirma die Zeitungen / Zeitschriften gestaltet :)

Versuche doch mal mit max-width, min-width und width sowie mit %-tualen Werten zu arbeiten. :)

Die Abmessungen der Seiten sind fix und sind im Bild zentriert. Ich will auf jeden Fall das Scrollen der Seite vermeiden, irgendwie hab ich was dagegen, immer rauf und runter zu schieben und die Menues zu suchen.

Es gibt auch die möglichkeit elemente auf position:fixed zu setzen um sie fest an einer stelle im Browser zu binden. so kann man verhindern, dass etwas verschwindet. :)

Was mir auffällt ist, das es recht klein und düster ist und die Schrifta us der Box wandert beim zoomen :-(

Im HTML wieder ziemlcih viele - zu viele - klassen. Aber das hab ich schon 2x angemerkt, jetzt das dritte mal ;)

Weiter so!
Grüßli
Loon3y

Efchen · 6 April 2010

MH223 schrieb:
Ich will auf jeden Fall das Scrollen der Seite vermeiden

Wenn das Dein Ziel ist, wie kommst Du dann darauf, das von der Auflösung abhängig zu machen? Von der Auflösung ist das nämlich in keiner Weise abhängig, denn die Scrollbalken kommen ja nicht auf dem Desktop, sondern im Viewport des Browserfensters.

MH223 · 6 April 2010

Efchen schrieb:
Wenn das Dein Ziel ist, wie kommst Du dann darauf, das von der Auflösung abhängig zu machen? Von der Auflösung ist das nämlich in keiner Weise abhängig, denn die Scrollbalken kommen ja nicht auf dem Desktop, sondern im Viewport des Browserfensters.

Ich geh mal von einer Situation aus, dass das Browserfenster voll aufgezogen ist und der Zoom auf 100% steht, dann will ich erreichen, dass alles auf dem Bildschirm ohne "Viewportscroll" sichtbar ist. Also muss ich mich sehr wohl an die Auflösung des Besuchers anpassen. (Der Scroll ist sogar abgeschaltet)
Ausserdem möchte ich das Bild in der Mitte des Fensters haben. Bei fixer Positionierung bleibt das Bild (div id="hintergrund") an einer bestimmten Position, wie schon der Name "fixed" sagt, und ist nicht bzw. bei einer einzigen Einstellung zentriert.
Mit prozentualer Positionierung wandern mir meine DIV's aus dem zugehörigen Hintergrundbild, da dieses ja in der Mitte bleibt.
(Vielleicht sollte ich hier noch dazu sagen, dass ich die komplette Grafik im Hintergrundbild verstaut habe)

Ich hab mal spasseshalber meine Bildschirmauflösung auf 800:600 gesetzt und siehe da, es ist so, dass hierbei nur die kleine Variante voll sichtbar bleibt und dann aber den vollen Bildschirm ausfüllt und entsprechend gross aussieht. Genau das ist es, was ich bezwecken will.
Und ob das jetzt zu viele oder zu wenige DIV's sind, ist wohl Geschmackssache.
Ich wollte eigentlich von euch wissen, ob ihr auf euren Bildschirmen (ob alt oder neu) noch was zu bemäkeln habt.
Ach ja, dass die Schrift beim Zoomen aus dem Bild läuft, kann ich hier nicht nachvollziehen .

Efchen · 7 April 2010

MH223 schrieb:
Ich geh mal von einer Situation aus, dass das Browserfenster voll aufgezogen ist

Warum?

Du darfst niemals von irgendwelche speziellen Situationen ausgehen.

Also muss ich mich sehr wohl an die Auflösung des Besuchers anpassen.

Die Auflösung ist in CSS eine unbekannte Größe. Du kannst mit CSS nichts an die Auflösung anpassen.

Ach ja, dass die Schrift beim Zoomen aus dem Bild läuft, kann ich hier nicht nachvollziehen .

Nicht beim Zoom, sondern bei einer Änderung der Schriftgröße.
Im Firefox: Ansicht -> Zoom -> Zur Text zoomen (Häkchen setzen) und dann mit Strg-+ die Schriftgröße ändern.

Loon3y · 7 April 2010

MH223 schrieb:
Ich geh mal von einer Situation aus, dass das Browserfenster voll aufgezogen ist und der Zoom auf 100% steht, ...

Auflösung Bildschirm: 1920px x 1080px

Auflösung Browser:

Fensterbreite: 1095px
Fensterhöhe: 772px

Breite Ansichtsbereich: 1087px
Höhe Ansichtsbereich: 579px

Komme, um dich nochmals zu bitten - anscheinend überliest / ignorierst du es - bitte von dem "maximiertes Browserfenster + Auflösung xyz" weg...wir sind im World Wide Web, wo es sogar möglich ist mit 5 Zoll Displays, Armbanduhren oder Bleistiften zu surfen....

Wenn du eine Seite mit vorgegebener Größe haben willst, dann druck Sie aus und versende Sie doch bitte per Post. Allerdings bist du dort auch auf genormte DIN-größen beschränkt. (Außer du schnippelst dran rum)

Gruß
Loon3y

Edit: endschuldige die direkten worte...ich mag es nur nicht mich x-mal zu wiederholen und andere mögen das sicherlich auch nicht...du machst wahrlich fortschritte...aber in anderen "sektoren" auch gezielt rückschritte.

Efchen · 7 April 2010

Kannst Du mir die URL von dem Laden geben, wo man diese Internetfähigen Bleistifte kaufen kann? Kommen die mit eingebautem UMTS?

Loon3y · 7 April 2010

Efchen schrieb:
Kannst Du mir die URL von dem Laden geben, wo man diese Internetfähigen Bleistifte kaufen kann? Kommen die mit eingebautem UMTS?

Nein, die UMTS-Variante ist noch nicht Marktreif. ;)

Mein Ausdruck von "Ironie" oder "Zukunfstgefasel von Dingen die absolut sinnfrei aber möglich wären und deshalb verdeutlichen sollen das es im WWW keine Abhängigkeit von irgendwas gibt (außer M$ in Form einer "behinderung" von Neuheiten....)", scheint anscheinend zur Diskussion anzuregen.

MH223 · 7 April 2010

Moin,
hab mich heute mal mit Prozentrechnung beschäftigt :mrgreen:.
Das ist dabei rausgekommen, jetzt sollte jeder zufrieden sein, auch der internetfähige Bleistift. ;heart
Das Einzige, was ich noch nicht in den Griff kriege, ist eine prozentuale Mitnahme der Schriftgrösse. Dann könnte ich mich endlich um die restlichen eurer Einwände kümmern .

Übrigens, ich hab mich mal auf verschiedenen, teilweise hochgelobten und als vorbildlich beschriebenen Seiten umgeschaut. Wenn ich mir diese Quelltexte mit den Augen betrachte, wie sie hier üblich sind, bin ich ehrlich gesagt sehr zufrieden mit dem, was ich fabriziert habe !!!!!

(bitte jetzt bei mir nicht nach dem Design schaun, es ging mir nur um die technische Seite)

Efchen · 7 April 2010

Du kannst mit "%" Elemente an der Größe des Viewports ausrichten.
Du kannst sie mit der Einheit "em" an der Schriftgröße ausrichten.

Und, falls das untergegangen sein sollte, Du kannst sicher stolz auf Dich sein. Was wir hier an Dir bzw. Deinen Seiten bemängeln sind ja meistens nur noch Feinheiten. Aber ansonsten machst Du Dich *für Dein Alter* ;-) sehr gut!

MH223 · 7 April 2010

Efchen schrieb:
Aber ansonsten machst Du Dich *für Dein Alter* ;-) sehr gut!

mit dem Alter wird mancher weiser ... mancher halt auch nicht

ich hab übrigens die Schrift überall mit 'em' deklariert, trotzdem funktioniert das noch nicht so wie ich will

MH223 · 7 April 2010

Loon3y schrieb:
endschuldige die direkten worte...ich mag es nur nicht mich x-mal zu wiederholen und andere mögen das sicherlich auch nicht...du machst wahrlich fortschritte...aber in anderen "sektoren" auch gezielt rückschritte.

solange die Kritik konstruktiv ist, bin ich offen, andererseits muss ich hier einiges erst sortieren und begreifen, also Geduld

Efchen · 7 April 2010

MH223 schrieb:
ich hab übrigens die Schrift überall mit 'em' deklariert, trotzdem funktioniert das noch nicht so wie ich will

Nicht nur die Schrift, man kann jedem Element eine Größe in "em" geben. Dann passt sich das Element der Schrift an. Mit einem bisschen max-/min-width/-height und etwas weniger Rücksicht auf den IE6 könnte eine Mischung aus allem ganz brauchbar sein. Aber einfach ist diese Thematik sicher nicht.

MH223 · 7 April 2010

Ich will's aber umgekehrt:
eine Veränderung der Grösse des Browserfensters soll eine Anpassung der Schriftgrösse bringen, geht sowas überhaupt?

Aussehen, Code und Aufbau bewerten (WYSIWYG)

Neues Mitglied

Neues Mitglied

Efchen

Guest

Neues Mitglied

Neues Mitglied

Blogger

Neues Mitglied

Neues Mitglied

Efchen

Guest

Neues Mitglied

Efchen

Guest

Neues Mitglied

Efchen

Guest

Neues Mitglied

Neues Mitglied

Efchen

Guest

Neues Mitglied

Neues Mitglied

Efchen

Guest

Neues Mitglied