Supportnet / Forum / Webseiten/HTML

Hallo, ich habe schon mal hier meinen "Webdesign-Versuch" hier vorgestellt und gutes Feedback erhalten. Ich mache zur Zeit eine Seite für meinen Bekannten. Die Seite ist fast fertig und ich würde mich über Eure Meinungen / Kritik sehr freuen.[url]http://home.arcor.de/ywes/kunst/[/url] Die Seite hat keine Werbung. Da habe ich leider auch ein Problem. Auf meinem PC sieht die Seite einigermaßen O.K aus und funktioniert. Auf dem Pc meines Bekannten ist irgendwas mit Schrift und Javascript funktioniert auch nicht ganz richtig. Wie kann ich Bildergalerie bzw. Javascript verbessern? Und wieso sehen die Schriften(links) auf einmal ziemlich schlecht aus? Bitte helft mir. Trotz sehr einfachen Design habe Ich die Seite mit viel Mühe erstellt, schade dass die nicht richtig funktioniert :-(( Danke im voraus Gruß Ywes

Hi !

Die Schriften mußt du mit hochladen bzw. muß der gegenüber sie auch haben um sie anzeigen zu lassen.
Java muß auch im Browser installiert sein.

bye
Grabestau

hi
@Grabestau.....hmmm.. hast du die Seite angeschaut? wohl nicht, oder?........

Gruß
Ywes

also das wird bei mir alles normal angezeigt.. nur würde ich dieses "Hier Presentiere ich einige meiner Bilder. Ich wünsche Ihnen viel Spass bei anschauen" noch überarbeiten. Sind ein paar Fehler drin und zentriert ist der Text auch nicht wirklich (ausser es muss so sein).

Gruß

Thomas

Hi Ywes,
also bei mir wird das auch alles absolut problemlos angezeigt. Doch die Rechtschreibfehler korrigiere bitte möglichst schnell: "Hier Presentiere ich einige meiner Bilder. Ich wünsche Ihnen viel Spass bei anschauen" - Wie Thomas vor mir schon erkannt hat. Ansonsten: Mein Lob! Tip-top gemacht!

thomania

Jetzt habe ich Sie mir angeschaut. Ja, ist gut geworden, bis auf die, ja du weißt schon ;-)
Aber vom Inhalt her wars das noch nicht, oder ? Ich denke da so an Interpretationen, woher die Anregung kam, etc. (Wenn es schon eine Kunst-site ist)

bye
Grabestau

P.S. Schrift wird bei mir auch ordentlich angezeigt.

Bei mir ist es auch 1a!

Bei mir sieht auch alles ganz ordentlich aus. das mit den Schriftarten ist möglicherweise leicht erklärt. Auch wenn die Schriftarten bei deinem Bekannten gleich heißen und normalerweise etwa gleich aussehen, müssen sie nicht gleich sein. Arial ist eine der Schriftarten von der es viele verschiedene Versionen gibt. Die älteren Versionen (die oft auch nicht das Eurozeichen enthalten) haben oft eine schlechtere Qualität. Das wird besonders bei kleiner Schrift und/oder bei kursiver Schrift deutlich. Außerdem kann es sein, dass dein Bekannter die Option "Bildschirmschriftarten glätten" nicht aktiviert hat. Auch das sieht das besonders bei kursiver Schrift nicht so gut aus. Der Fehler liegt also nicht an deiner Seite sondern am PC des Bekannten.

Aber 3 wesentliche Fehler sind mir aufgefallen.

1. Die Rechtschreibfehler wurden schon genannt.
   
2. Die Ausrichtung des Seiteninhaltes sieht auf großen Monitoren nicht gut aus. Auf meinem Monitor ist der gesamte Seiteninhalt in der linken Bildschirmhälfte. Mir ist schon klar, warum du das ganze in eine Tabelle mit fester Breite gemacht hast (ich hätte es trotzdem nicht gemacht), aber du solltest darauf achten, dassdiese Tabelle dann in der Mitte des Fensters erscheint. Deine Tabelle ist 662 Pixel breit. Das sieht auf einem 21-Zoll-Monitor schon arg einseitig aus, wenn die Tabell ganz links klebt.
   
3. Auf den Galerieseiten hast du mit JavaScripten Mist gemacht ;-).
   
   
   1. Du öffnest gleich beim Laden der Seite(n) ein Fenster mit der start.htm. Das ist natürlich nicht sinnvoll, denn das Fenster wird möglicherweise ja gar nicht benötigt. Warum keine Fehlermeldung kommt, wenn man das Fenster schließt und dann die Galerieseite verlässt ist mir nicht klar. Aber so genau habe ich auch nicht gesucht wo du das gerade biegst. Auf jeden Fall ist es sinnvoller das Fenster erst zu öffnen wenn es gebraucht wird.
      
   2. Die Funktion ende() wird offensichtlich gar nicht gebraucht.
   
   
4. Ich weiß, dass das schon der 4. Punkt ist ;-). Aber das ist kein wesentlicher Fehler. In deiner CSS-Datei hast du vor .galery einen Zeilenumbruch vergessen.
   
5. Noch eine Kleinigkeit: In den Seiten in denen die vergrößerten Bilder gezeigt werden, sind die Bilder mit Hilfe von Tabellen ausgerichtet. Das macht natürlich nur Sinn, wenn die Bilder nicht oben links sein sollen. Sind sie bei dir aber. Du leitest die Zellen mit

   <td width="400" height="389" valign="top">

   ein. Ich würde statt dessen

   <td width="100%" height="100%" valign="middle" align="center">

   empfehlen. Dann ist das Bild horizontal und vertikal zentriert.

Die Javascriptdatei wüde ich an deiner Stelle komplett löschen. Statt dessen würde ich beim Klick auf das Tumbnail ein Script aufrufen das das Bilderfenster öffnet. Beim Verlassen der Galerieseite könnte man dann ein Script aufrufen, das prüft ob das Fenster offen ist und es gegebenenfalls schließt. Kann man aber auch sein lassen. Es ist nicht sehr unwahrscheinlich, dass sich jemand ein bestimmtes Bild noch ansehen will, die Homepage des Künstlers aber zu machen will.

Fazit: Gelungenes Design. Die Bilder gefallen mir auch (das Lob kannst du weiter leiten *ggg*)

danke an alle für schnelle Antworten.
@Friedel
Die ganze Seite werde ich noch in die Mitte setzen, war auch geplant. Es ist nur so, dass bei meinem Html Editor sowas am besten zum Schluß zu machen, sonst gibt es kleine Probs im Visuellen Modus.
Mit dieser Seite wollte ich eigentlich eine Galerie ausprobieren, wohl nicht ganz geklappt.
Also die Idee war alle vergrößerte Bilder in einem neuen Fenster, jedoch immer im selben zu öffnen. Die Bilder einfach in neuen Fester öffnen, so dass man dann zig Fenster im Hintergrund hat, finde ich nicht besonders gut.

Kann man vielleicht Javascript irgendwie verbessern? Den Zweck erfüllt es ja.

Gruß
Ywes

Das mit immer dem selben Fenster geht ganz einfach. Du kannst die Links zu den 3 Galerien durch einfache Links ersetzen. Die Links in den Vorschaubildern machst du mit

<a href="JavaScript:neuFenster1()">bild1.jpg</a>

Im Head muss dann folgendendes Script stehen:

<script type="text/javascript">
<!--
function neuFenster1()
{
nw = window.open("bildseite_1.htm","Fenstername","screenX=0,screenY=0,status=no");
nw.focus();
}
// -->
</script>

Die Adressen und Dateinamen musst du natürlich anpassen. Den Namen den du statt "Fenstername" verwendest, nimmst du für alle Links. Alle derartigen Links verwenden also ein Fenster namens "Fenstername". Solange es ein Fenster mit diesem namen gibt, wird es verwendet. Nur wenn es kein solches Fenster gibt, wird ein neues Fenster mit diesem Namen auf gemacht. Am besten verwendest du statt "Fenstername" etwas wie "ogu7wr14fl8o" oder so was, denn wenn der besucher im Hintergrund noch eine andere Site offen hat, die zufällig auch ein Fenster mit dem selben Namen verwendet, gibt es ein kleines Unglück. Also Finger weg von namen wie "Fenster1", "neufenster", "galerie" oder so was.

In die einzelnen Galerieseiten sollten dann so aussehen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
var b=123;
var h=234;
var sb = screen.availWidth;;
var sh = screen.availHeight;

self.moveTo((sb-b)/2,(sh-h)/2);
self.resizeTo(b,h);
//-->
</script>
</head>

<body bgcolor="#003333">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td valign="middle" align="center">
  <img src="bild_xx_web.jpg">
</td></tr></table>
</body>
</html>

Bei a trägst du statt 123 die Breite in Pixeln ein, die das Fenster haben soll. Bei b trägst du statt 234 die Höhe ein. Diese Angaben sllten natürlich immer etwas größer sein, als die tatsächlichen Abmessungen des Bildes.

Die Zeilen

var sb = screen.availWidth;;
var sh = screen.availHeight;

self.moveTo((sb-b)/2,(sh-h)/2);

kannst du auch weg lassen, wenn du sie nicht verwenden willst. Sie sorge dafür, dass das Fenster immer in der Bildschirmmitte ist.

Hallo,
@Friedel,

Super Tipps, danke. Werde ich ausprobieren.

Gruß
Ywes

Mich stört, und das nicht nur an deiner Seite, daß alles auf deutsch geschrieben ist, aber das Wort "Galerie" ist englisch geschrieben. Warum macht man so etwas?

Übrigens sind die o.g. Rechtschreibfehler immer noch drauf.

ciao

Du solltest dir auch bewusst sein, dass Webseiten im Internet Explorer, Netscape und Opera ANDERS dargestellt werden !!!

Naklar, wird jetzt kommen wer benutzt die schon. Es sind immerhin ca. 20-30% der User, die nicht mit dem IE browsen.

Vielliecht lag es ja auch daran, dass bei deinem Freund die Seiten anders dargestellt wurden.

Anderl

also mozilla zeigt die Seite gleich an wie der IE.
Warten wir lieber mal ab, bis er die Seite umgebaut hat. Friedel hat ihm ja alles gesagt was er noch zu tun hat.

@Anderl72: Ich hab mir die Site auch angesehen. Ich benutze zum Testen den IE5.5SP2, den NN4.75, NN6.2, NN7.0, Mozilla1.1, Opera 5.12, Opera 6.05 und Opera 7.0. Es ist davon aus zu gehen, dass es nicht am Browser liegt, sondern an den Einstellungen.

• Homepage
• Homepage Problem!!!
• Homepage
• Homepage
• Homepage