Hallo zusammen!
Hier ist der Link zu meiner Band: www.shizuka.eu
Dank eurer Hilfe konnte ich das Aussehen nochmal überarbeiten. Über Anregungen, Kritik oder was auch immer, würde ich mich freuen! ^^
Danke,
Rina
Hausmeister Krause 
PeaveyUser „Shizuka Bandsite“
hi,
also mir gefällt die seite. die farben sind recht angenehm. nichts blinkt und flackert. keine popups oder sonstige störelemente, die das auge vom wesentlichen ablenken. alles ist klar lesbar.
die seite hat inhalt (was man heute leider bei vielen anderen seiten vermisst) und ist übersichtlich. weiteres pro: die songs werden frei zum download angeboten.
das einzige was man evtl. anprangern könnte, ist das die seite statisch ist, und sich nicht der fenstergrösse anpasst.
aber ansonsten: daumen hoch und viel erfolg weiterhin.
Borlander PeaveyUser „Shizuka Bandsite“
Nabend Rina...
Also zum Thema Inhalte/Thema hat unser Hausmeister sich ja bereits geäußert. Da hebt sich Eure seite schonmal positiv ab :-) Worüber ich da noch gestolpert bin: Bei der Konzertankündigung steht nicht dabei in welcher Stadt das Konzert stattfindet. Bedenkt, daß das Internet kein lokales Medium ist...
Optisch ist die Seite auf den ersten Blick auch gelungen. Auf den zweiten Blick hab ich dann aber doch noch was zum Meckern gefunden:
Die Textformatierungen sind nicht einheitlich. Teilweise ohne erkennbaren Grund kursiv, und die Farben nicht optimal eingesetzt. Links sind durch die mehrfache verwendung der Textfarbe rot (für Überschriften) nicht deutlich auf den ersten Blick als solche zu erkennen. Da könnte mal also schonmal optimieren.
Die Plazierung des Menüs über dem Seitenlogo halte ich für sehr unglücklich, da muß der User erst suchen. Schön wäre es auch die aktuelle Seite irgendwie hervor zu heben (dank Serverseitigem Scripting stellt das ja kein ersthaftes Problem da). Die Begrüßungsseite würde ich weglassen, zumal die IMO auch stilistisch nicht so recht zur Seite selbst passt (die Seite selbst is deutlich heller).
Von Technischer Seite hätte ich bei Bedarf noch einen Hinweise. U.u. weil noch mit alten HTML-Attributen formatiert wird, und man Hover-Links auch wunderbar mit CSS komplett ohne JS hinbekommt. Der Einsatz von CSS/position scheint mit größtenteils eher kontraproduktiv...
Gruß
Borlander
PeaveyUser Borlander „Nabend Rina... Also zum Thema Inhalte/Thema hat unser Hausmeister sich ja...“
Hallo!
Danke erstmal für das nette Lob. :)
@Borlander: Ich habe mir alles nochmal genau angeschaut und stimme dir aufjeden Fall zu was Textformatierungen und natürlich das Internet als nicht-lokales Medium angeht. Der Ort Berlin, sowie die Postleitzahl wurden zur Konzert-Location hinzugefügt und die Textformatierungen habe ich auch nochmal überarbeitet (Ich hoffe, jetzt ist das ganze stimmiger). Was die technischen Dinge angeht, bin ich ehrlich gesagt überfordert... Ich habe ein bisschen nach CSS-Hover-Links gesucht und kein Bespiel gefunden, wo diese Links Bilder sind... und wenn das geht (wovon ich ausgehe) bleibt noch offen, ob ältere Browser den Code verstehen. Was ich auch nicht weiß: Wie kann man die Seite genauso aussehen lassen ohne CSS/Position zu benutzen? Auch die aktuelle Seite hervorzuheben (ohne dass ich das jedesmal per Hand mache), stellt mich vor Probleme...
Gute Nacht,
Rina
Borlander PeaveyUser „Hallo! Danke erstmal für das nette Lob. : @Borlander: Ich habe mir alles...“
foreach($pages as $name) {
if($_GET['page']==$name)
echo 'Linktext'
} else
echo 'Linktext'
}PeaveyUser Borlander „ Muß gestehen, daß ich da auf den ersten Blick keinen Unterschied erkennen...“
Borlander PeaveyUser „ Das habe ich jetzt gemacht: Wirklich, sieht besser aus! Das mit den rRahmen hab...“
Nabend Rina...
Das habe ich jetzt gemacht: Wirklich, sieht besser aus! ;)
Definitiv :-) Hatte auf einigen Seiten aber trotzdem noch unstimmigkeiten entdeckt...
Das mit den rRahmen hab' ich doch so gemacht... (oder nicht?)
Jein. Bei Dir wurden die Block-Elemente zusätzlich (und größtenteils überflüssig) per absolut und pixelweise positioniert. Wenn Du die DIVs einfach an ihrer normalen Position lässt + ggf. noch margin veränderst wäre das deutlich sauberer und das Layout auch unempfindlicher gegenüber eine veränderte Schriftgröße.
Das Hintergrundbild hast Du nur als normales Bild eingefügt und per CSS hinter den Text gelegt, statt mit background-image ein Hintergrundbild zu definieren (welches dann ohne CSS unsichtbar bleiben würde)...
echo-Befehle funktionieren leider nicht. Ich habe die Seite php-basiert mit einer Shell, die ich aus dem Buch 'Professionelle Websites' von Stefan Münz habe...
Da kann ich dann leider nichts weiteres zu sagen...
Habe gerade nochmal in den Quelltext (der Newsseite) geschaut und bin da über was wirklich ganz böses gestolpert:
Du hast den CITE-Tag eingesetzt um den Text kursiv zu machen. Solche Tags sollten ausschließlich zur logischen Auszeichnung des Inhalts verwendet werden und nicht weil der Browser sie zufällig im gewünschten Textformat anzeigt. Also ersetze die durch I-Tags. Eleganter wäre es allerdings diese Aufzählung als Definition-List oder ggf. Tabelle aus zu führen, das wäre semantisch sauberer und mit CSS könntest Du es nach belieben formatieren (auch so wie es jetzt ausschaut). Hatte zu dem Theme vor ein paar Tagen eine schöne Seite gefunden, finde aber leider gerade den Link nicht :-(
Hab ihn doch noch gefunden (del.icio.us usern sei dank): http://www.maxdesign.com.au/presentation/definition/index.htm
Btw.: Die anderen News-Einträge solltest Du natürlich auch verlinken...
Und ein anderes Datumsformat wählen. Eine schreibweise mit / ist in DE nicht üblich. Endweder DD.MM.YYYY oder YYYY-MM-DD (nach ISO-Norm)
Gruß
Borlander
PeaveyUser Borlander „Nabend Rina... Definitiv :- Hatte auf einigen Seiten aber trotzdem noch...“
Hallo Borlander!
Danke erstmal für die viele Mühe, die Du Dir gemacht hast! ^^
Ich habe die cite-tags durch i-tags ersetzt. (Das ist natürlich ein dicker Hund... da habe ich wohl geschlafen. :) )
Um die css-Sache kümmere ich auch bald und hoffe, dass alles funktioniert. Ein Problem habe ich jedoch noch: Die 1. Zeile nach der Überschrift (Beispiel: News, die erste Zeile darunter) wird von einer unsichbaren Sache überdeckt, sodass doch keine Links funktionieren. Selektieren kann man auch nur die erstern 2-3 Buchstaben der zeile... Was könnte das sein?
Gute Nacht!
Rina
Borlander PeaveyUser „Hallo Borlander! Danke erstmal für die viele Mühe, die Du Dir gemacht hast!...“
Nabend Rina...
Die 1. Zeile nach der Überschrift wird von einer unsichbaren Sache überdeckt [...] Was könnte das sein?
Das liegt das DIV drüber, mit dem Logo und dem Bild rechts drin. Das steht auch im Zusammenhang mit dem schon erwähnten css/position:absolut...
Siehe auch
(in dem Bild sind alle Blocklevelelemente farblich umrandet dargestellt).
Bin im Quelltext noch über was anderes gestolpert: Du verwendest dort ziemlich am Ende target="about_blank". Das offizielle Target für ein neues Fenster ist ja "_blank", inbesondere auch in anbetracht des heutigen Tabbed-Browsings sollte man aber eher darauf verzichten links in einem neuen Fenster zu öffnen. Dadurch fühlen sich viele User nämlich auch in ihrer Freiheit eingeschränkt. Wer was im neuen Fenster öffnen will weiß wie er das schafft, andere wollen Links in einem neuen Tab öffnen, oder im selben Tab/Fenster öffnen.
Am Datenvolumen solltest Du auch nochmal optimieren. Insgesamt über 400KB. Wer das Pech hat kein DSL zu bekommen warten so gut eine Minute (wobei der Surfen dann schon sehr leidensfähig sein muß) bis die Seite geladen wurde. Das geht sicher noch deutlich kleiner. U.A. sind die folgenden Bilder sehr groß:
/bilder/background.jpg 143 KB
/bilder/mock.gif 62 KB
(da würden sicher 4 oder 8 Farben reichen. Sollte man unter 10KB bekommen können)
/bilder/deepbackground.jpg 40 KB
/js/prototype.js 46 KB
/js/effects.js 31 KB
PeaveyUser Borlander „Nabend Rina... Das liegt das DIV drüber, mit dem Logo und dem Bild rechts drin....“
Hi Borlander!!
Ich finde es total nett von Dir, dass Du Dir soviel Mühe machst!! Das hilft mir enorm weiter (auch wenn ich im Moment wenig Zeit habe wegen Matheklausuren...)!!
Die Bilder habe ich jetzt auf
/bilder/background.jpg 24 KB
/bilder/deepbackground.jpg 14 KB
gequätscht.
Wie ich die animierte gif-Datei kleiner machen kann, ist mir jedoch schleierhaft (Photoshop mag keine animierten gifs...).
Die Javascrips, die Du meinst, gehören zu der Gallery, da weiß ich nicht, was ich da verändern kann.
...in anbetracht des heutigen Tabbed-Browsings sollte man aber eher darauf verzichten links in einem neuen Fenster zu öffnen. Dadurch fühlen sich viele User nämlich auch in ihrer Freiheit eingeschränkt.
Angesichts der rechtlichen Lage, möchte ich alle externen Links in neuen Fenstern öffnen lassen. Ich habe gelesen, dass ein Link, der sich nicht in einem neuen Fenster öffnet, als Teil der Site angesehen werden kann.
Danke und gute Nacht!
Rina
Borlander PeaveyUser „Hi Borlander!! Ich finde es total nett von Dir, dass Du Dir soviel Mühe...“
PeaveyUser Borlander „ Wenn meine kritik so positiv aufgenommen und Vorschläge umgesetzt werden mache...“
Borlander PeaveyUser „ Ich studiere an der TU Berlin... ich muss im Juli Analysis I und Lineare...“
Nabend...
Ich studiere an der TU Berlin... ich muss im Juli Analysis I und Lineare Algebra schreiben... ^^
Na dann wünsche ich doch mal viel Erfolg! Dürfte dann irgendwas im Bereich Mathematik/Physik/Meteorologie/Informatik sein, oder habe ich irgendein Fach vergessen bei denen man diese Grundvorlesungen hören darf? ;-)
Früher haben sich die Bilder einfach in einem neuen Fenster geöffnet. Dann wurde mir hier im Webseiten-Forum eine animierte Galerie empfohlen.
Huch, wer empfielt hier denn sowas?
Öffnen im neuen Fenster ist IMO eine durchaus akzeptable Version, und lässt dem User auch alle Freiheiten in der Navigation. Hat alles irgendwie vor oder nachteile...
Gruß
Borlander
