website kontrolle

[mustang]

hallo leute,
ich würde mich freuen, wenn ihr mal eine website von mir kontrollieren könntet.

Website

ich habe sie in adobe dreamweaver erstellt. ich habe nicht die perfekte professionelle ahnung vom websitebau. für ein paar kleine sachen reicht es.

ich habe auch bereits ein problem an der website festgestellt, bei dessen lösung ihr mir vielleicht direkt helfen könnt.
im firefox sieht die website exakt genau so aus, wie ich sie mir vorstelle, aber im internetexplorer verhackt es mir bereits auf der startseite die tabelle mit den slices. wie kann ich das beheben?
im ie wird außerdem dann auf der eigentlichen seite gar nichts mehr angezeigt.... keine ahnung warum :-(
freue mich über freundliche hilfe und angemessene kritik^^

gruß mustang

edit: ich würde auch kommentare, über animation, aufbau gut finden, obwohl das eigentlich schon so feststeht, aber vielleicht habt ihr ein paar interessante ideen.

 

[screengreen]

Ja eigentlich ne nette Idee die Seite.

Ich sag mal was zum Design:

Grafiken sind zu groß, viel zu groß ... das Teil läd sich ja tod.
Das mit der Roulettekugel würde ich via Flash lösen, wie auch
die Bildershow oben. Das ist alles zu hakelig. Außerdem sind die Thumbs
verschieden groß. Das sieht unschön aus.
Der Link Impressum sollte mit in die Seite oder als Button gestaltet werden.
So ein Textlink da unten sieht nicht schön aus.



Deine Seite hat ne Menge Tabellen ;-) ... Viel Spass hier, da werden sich
einige dran erfreuen ;-)

 

[mustang]

ja die grafiken muss ich noch überarbeiten. richtig^^
naja mit den tabellen... also vielleicht kann mir ja jemand ne seite zeigen, wo ich was über eine alternative zu tabellen lerne. wäre interessant für mich.

flash... ähm ja xD wenn ich wüsste wie^^ flash programmieren kann ich leider nicht, bzw habe ich da überhaupt keine ahnung, was man da machen muss, bzw. soll. finde das mit dem mouseovereffekt ganz gut gelöst. ist halt einfach^^

das mit den thumbs... hm ja xD liegt daran, dass mir einige bilder nur in schlechter auflösung vorliegen. weiß nicht, ob ich die mit großer quali viell einfach kleiner mache... aber man soll eigtl schon ein bisschen was drauf sehn....

danke dir für die tipps :-)

 

[screengreen]

;-) .... ne Seite wo man eine Alternative zu Tabellen lernen kann ---- überleg mal wo Du hier bist ;-)

 

[mustang]

vielleicht kannst du mir ja ein stichwort geben, wie sich die alternative nennt, dann kann ich die nette suchfunktion nutzen

edit: "div" das richtige stichwort? ^^

 

[Gimli]

Also:
Ich hab am anfang erstma überhaupt nicht gecheckt wo ich draufklicken muss. Alles viel zu Bunt und leich grell. Das Design ist schlecht, denn es lenkt vom text ab. Das tut dann in den Augen weh. Der Code ist nicht so wirklich bombe:
1. Alles mit Tabellen. Aber ich denke das willst du schon ändern.
2. Einige fehler gefunden:[Invalid] Markup Validation of http://croupier.piranho.de/startseite.html - W3C Markup Validator

mfg Mark.

(nimm die Kritik nicht zu persönlich. aus Fehlern lernt man ;))

 

[mustang]

ne wunderbar :-) find ich gut. derzeit echt nette kritik von euch. nicht wie in anderen foren, wo man gleich beschimpft wird^^
hm design... ich lass es so ;-)

das mit den tabellen schau ich mir grad an. also sollte sicher div dafür verwenden, oder? muss ich erstmal lernen

uiui. kaum ne zeile, die nicht korrekt ist kommt halt davon, wenn man dream verwendet^^

danke euch erstmal. jetzt hab ich zu tun

 

[Gimli]

Ja, man macht das normalerweise mit divs und den ganzen anderen elementen dies noch so gibt. Ich benutz auch dreamweaver XD aber nur wegen der autovervollständigungsversion

 

[stachelbeer]

Auf Das Team dem div-Kontainer nicht overflow:scroll mit geben sondern overflow:auto;

 

[efwe]

wozu die intro-seite?;)
mgf--

 

[Flemli200]

Meiner meinung nach, brauchen die Mouseovereffekte zu lang zum laden... Versuch mal aus allen deinen .png grafiken .jpg grafiken zu machen... dann brauchen sie nicht so lang zum laden.
Ausserdem würde ich die Bilder etwas kleiner gestalten, sodass die Website auch für netbooks und diese kommenden minigeräte tragbar ist, aber auch auf großen Monitoren angezeigt werden kann... am besten mal verschiedene Monitore wärend des Programmierens (ich weiß mit html programmiert man nicht) ausprobieren und gucken wie sie auf anderen Monitoren aussieht.

Optisch find ich sie gar nicht mal so schlecht... aber ich würde dem Text mehr 'autorität' auf der Seite verleihen. Man ist vom Hintergrund und den ganzen Grafiken so 'überwältigt' das man den Text gar nicht richtig wahrnimmt.

Ausserde ist meiner meinung nach die Startseite überflüssig, wenn der User das weiter schild nicht lesen kann, weil dieses zu weit unten ist... wär selbst fast wieder runtergegangen...

Die idee an sich find ich gut... würde aber die Website nomma n bissl überarbeiten.

 

[mustang]

meinst du die mouseovereffekte sind dann besser, wenn ich die als jpg mache? wäre ja ne gute schnelle lösung. die anderen grafiken kommen auch wieder in jpg.

die introseite gibts jetzt auch nicht mehr. ist auch wirklich sinnlos.

ja das mit den anderen monitoren... joah^^ hab grad keinen zur hand. werde das aber mal machen.

das mit dem text muss ich auch noch überarbeiten. ist derzeit auch nur eine lösung, damit überhaupt was drin steht :-)

habe jetzt die ganze website noch mal neu erstellt. langsam wird es. jetzt sieht der code auch nicht mehr so schlimm aus, wie ich finde und alles ein bisschen geordneter. inhalte lassen sich jetzt auch besser bearbeiten (php sei dank^^)

edit:
habe die website jetzt im grundaufbau wieder fertig. würde mich freuen, wenn ihr noch mal drüber schauen könntet :-)
- ladezeiten verbessert
- browserkompatibilität verbessert
- aufbau des codes vereinfacht
- fehler im code bereinigt

 

[hokage555]

So wie ich das sehe bist du auf dem besten Weg, von einem falschen Weg auf einen anderen zu geraten.

Folgendes sollte man sich einfach mal zu Herzen nehmen:

HTML ist eine Auszeichnungs - / Strukturierungssprache. Diese wird dazu verwendet dem Inhalt eine Bedeutung zu geben. Sie wird NICHT dazu verwendet den Inhalt zu designen, schön zu machen.
In HTML gibt es sog. Tags. Mit denen zeichnet man seinen Inhalt logisch aus. Das heißt dem ganzen wird eine Bedeutung gegeben. Hat man einen normalen Textabsatz geschrieben, so zeichnet man diesen mit einem <p> aus. Einen Link mit <a>. Ein Bild mit <img>. Eine Liste (z.B. ein Menü) mit <ul>. Eine Überschrift mit <h1-h6>. Eine Tabelle mit <table>.
So könnte ich jetzt weiter und weiter machen. Was klar werden sollte, dass alle HTML Tags dazu verwendet werden dem Inhalt eine logische Bedeutung zu geben.
Das Element <div>, welches so gerne misbraucht wird, um zu designen, hat die Bedeutung "Gruppieren von mehreren Elementen.

Fazit: HTML gibt dem Inhalt eine logische Bedeutung. Für uns Menschen mag die Bedeutung selbsterklärend sein, aber die Browser, die die Seite darstellen benötigen eben die Tags, um den Inhalt als solchen zu erkennen.

Kommen wir zum Design:

Design wird ausschließlich mit der Layoutsprache CSS gemacht. Wenn du dich damit nicht auskennst, dann hift dir Google weiter.

Ich gebe hier mal ein beispiel, was das ganze veranschaulicht:

Falsch:

<div id="Überschrift">Überschrift</div>

Richtig:

<h1 id="Überschrift">Überschrift</div>

Abschließend ist zu sagen, dass man Tabellen also nicht verteufeln sollte. Genauso wenig wie divs. Beide richtig eingesetzt, haben sie durchaus ihren berechtigten Sinn in HTML.

Zusatz: Jedes Element in HTML kann man gezielt mit CSS designen. NICHT NUR das Dev-Element ^^

Ich hoffe jetzt ist das Thema etwas klarer.
Bei Nachfragen einfach nachfragen

grüße hokage

 

[Efchen]

ich habe sie in adobe dreamweaver erstellt. ich habe nicht die perfekte professionelle ahnung vom websitebau. für ein paar kleine sachen reicht es.

Wenn Du Dich da mal nicht täuschst. Wenn es Leute gibt, die mit Deinem (aus Sicht von HTML) grundfalschen Code Probleme bekommen, dann reicht es nicht. Viele denken, ein "ich bin Anfänger" würde als Entschuldigung gelten, wenn eine Website nicht den Anforderungen entspricht - Tatsache ist aber, dass Deine Site Millionen oder Hunderten von Millionen Menschen offen steht und die alle erwarten von Dir eine perfekt nutzbare Site, nicht mehr und nicht weniger. Das ist den wenigsten klar, die eine Website ins Netz sellen - die Benutzer verlangen von jede Perfektion.

naja mit den tabellen... also vielleicht kann mir ja jemand ne seite zeigen, wo ich was über eine alternative zu tabellen lerne. wäre interessant für mich.

Es gibt keine "Alternative" zu Tabellen. Tabellen sind schlichtweg falsch. Das ist nicht der Sinn von HTML, bei HTML geht es um die Semantik des Inhalts. In den 1990er Jahren hat man Tabellen zu Layoutzwecken missbraucht (die waren auch damals schon zu nichts anderem gedacht als zur Auszeichnung tabellarischer Daten), weil es keine Layoutsprache gab. Die - CSS - gibts aber seit ca. 10 Jahren, daher gibt es auch keinen Grund mehr, HTML dafür zu missbrauchen und das Verständnis für die Clients zu erschweren.

Ja, man macht das normalerweise mit divs und den ganzen anderen elementen dies noch so gibt. Ich benutz auch dreamweaver XD aber nur wegen der autovervollständigungsversion

So pauschal ist diese Aussage natürlich völliger Unfug. Layout macht man mit CSS und mit keinem bestimmten HTML-Tag, weder <table> noch <div> oder <ul> oder <p> oder sonstwas. Das weit verbreitete "Layout mit divs" ist genauso Unfug wie Layout mit Tabellen und nicht im Sinne von HTML. Verwende HTML zur Auszeichnung Deiner Semantik und baue darauf Dein Layout mit CSS auf.

 

[Elroy]

@hokage

Wenn du schon Beispiele gibst dann achte bitte auch darauf was du tippst.
Deine Beispiele sind beide falsch, schaue sie dir doch noch einmal genau an.

Gruss
Elroy

 

[burbot]

Hallo!
Deine Seite gefällt mir nicht so gut, das liegt aber wahrscheinlich daran, dass ich Flash-Animationen nicht gerade liebe. ;)
Das Laden der Hover Effekte dauert ein bisschen zu lang und die Schriftart auf der Startseite würde ich auch noch ändern!