[Wuschl1988/meinehp] unfertige webpage

Wuschl1988 · 28.07.2009

hallo leute!

Ich möchte euch meine erste hp vorstellen. Bin für Kritik offen.
Was ich jetzt bereits weiss (und eure Hilfe brauchen könnte):

beim IExplorer funktioniert der content-Bereich noch nicht so richtig (dicke weiße Umrandung)
Die Links auf der ersten Seite laden zwar die "hülle" der Umgebung für den content, jedoch wird der content selbst nicht geladen. Hintergrund dazu: ich wollte nicht jedes mal auf eine neue Seite verlinken auf der im endeffekt bis auf den content-Bereich eh alles gleich ist und habe daher ein iframe verwendet. Mit dem sollte dann der inhalt der seite bequem (und mit wenig ladeaufwand) je nach buttondruck geändert werden. Allerdings weiss ich nicht wie ich bei der startseite sofort die entsprechnde seite in das iframe einbinden soll...

Was ich leider noch nicht weiss:

wie bekomm ich das mit der dicken Umrandung im IExplorer geregelt?
gibt es eine einfache Lösung, Idee oder einen Vorschlag wie ich das iframe - startseite - Problem lösen kann? Ich hatte bereits die Idee mittels javascript eine funktion zu schreiben welche das irgendwie erledigt. Allerdings fehlen mir dazu die skills bzw. die erfahrung.

Ansonsten:

habt ihr sonst noch anregungen für mich?
laden die Seiten schnell genug?
passt das favicon zur seite?

LG =)
marko

LINK: home

Designerist · 28.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

Die dicke weisse Umrandung sehe ich auch in Mac-Safari. Checke alle relevanten Browser durch - auf beiden Systemen, und melde nochmal was wo nicht richtig angezeigt wird.
Grüsse, Designerist

DJ Fotoart · 28.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

Hallo

Bevor Du dich da weiter drauf einlässt, solltest du dich mal über die Benutzung von Tabellenlayouts zum gestalten einer Webseite schlau machen. Tabellen sind genauso überholt wie Frames auch. Für den Einstieg in die Materie, okay, aber auf Dauer wird das so nichts werden.

Ladezeiten schonen ist ja ganz löblich, aber bei deinem geringen Inhalt nicht notwendig, zumal sich wiederholende Elemente nicht neu geladen werden sondern aus dem Browser-Cache genommen werden. Also lass den Quatsch mit den iFrames bleiben.

MfG

Wuschl1988 · 28.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

Ich habe leider nur Win Vista und die beiden Browser Firefox und IExplorer und habe nicht vor mir alle anderen Versionen zusammenzustellen.

Was nehm ich Anstelle von Tabellen? <div> + css?
Wie bekomm ich denn das sonst hin wenn ich keine Tabellen verwenden soll? Ich hab mich an das () tutorial gehalten.
Da sind am Ende auch tabellen rausgekommen. Gibts da ne fortsetzung oder ähnliches was da anknüpft wenn tabellen hier der falsche weg sind...
Das mit dem Cache war mir nicht klar. Dann änder ich das mal "schnell".

DJ Fotoart · 28.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

Was nehm ich Anstelle von Tabellen? <div> + css?

Ja bitte.

Ist natürlich abhängig davon wie gut du dich mit der Materie auskennst und/oder bereit bist dich dort einzuarbeiten.

anoX · 28.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

Das ist genau das, was mir hier schon aufgefallen ist. Die "veralteten" Tuts. :hmpf:

Ja, richte dich nach dem Box-System bzw. Container - also ja - DIV's. :lol:

Was die Seite an sich angeht. Die Startseite ist eigentlich recht ansprechend. Bzw. die Idee ist gut. Allerdings ist mir das etwas zu trist.

Nur eine Idee, aber wie wäre es, wenn Du die Bilder entsprechend der jeweiligen Schriftfarbe färbst? Schaue mir das morgen nochmal genauer an, dann fällt mir sicher noch mehr auf.

Wuschl1988 · 28.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

alles klar. dann werd ich mich mal da an die arbeit machen.
Danke für die vielen schnellen antworten. hab gar nicht damit gerechnet, dass das so schnell geht. ich fahr jetzt nähmlich auf urlaub und werd erst wenn ich zurück bin an der seite arbeiten können.

Danke für die idee. ähnliche ideen hatte ich auch schon. jedoch hab ich mich in das iframe problem verbissen. ich wollte den text der jeweiligen seiten der buttonfarbe anpassen und nicht alles weiss machen. aber ich denke das könnte dann zu bunt werden.
nun ich habe ja jetzt genug arbeit vor mir.
danke nochmal für die raschen antworten.

LG
marko

Wuschl1988 · 29.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

so. hab mir jetzt doch noch die mühe gemacht die tabelle durch css und divs (gibts da nen fachausdruck?) zu ersetzten.
auf der startseite ist soweit auch alles in ordnung. auf den darauf folgenden jedoch ist das letzte bild (untere waagrechte linie) um ein zwei pixel nach unten verrutscht. ich weiss aba nicht warum. Beim IExplorer sind die bilder darüber auch alle um ein bis zwei pixel zu weit unten und schließen somit mit den weißen linien des rahmens nicht ab.
die farbenspiele und die einzelnen links + seiten habe ich noch weggelassen. dafür ist heute keine Zeit mehr.
Ich wünsche allen schöne Träume.
Macht es gut!!

LG
marko

Thousandhands · 29.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

Und wo ist jetzt das konkrete Design?! - Ich sehe hauptsächlich schwarz und das auch im übertragendem Sinne...

Wuschl1988 · 29.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

mit "Bin für Kritik offen." meine ich natürlich konstruktive Kritik...

anoX · 29.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

Hm. Mir ist etwas schleierhaft, warum Du mit JS arbeitest. Du kannst die Grafiken auch per CSS ganz einfach tauschen.

Sobald Du JS oder Flash oder sonst was benutzt, "grenzt" Du bestimmte User aus.

Was Fehler der Seite angeht:

Du hast keinen Doctype.

Diese Zeile haut dir aufgrund der margin-Werte nochmal vier Fehler rein:
<body bgcolor="#000000" text="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('Bilder/home_b_aboutme_1.png','Bilder/home_b_education_1.png','Bilder/home_b_gallery_1.png','Bilder/home_b_contact_1.png')">

Wenn Du den body body sein lässt und den Bildtausch mit CSS machst, sind die Fehler schonmal weg und Du hast eine valide Seite.

Fehlt das Design.

Die Bilder würde ich jedenfalls farbig machen und dafür mit weiß als Schriftfarbe arbeiten.

Wenn man dann einen der Links benutzt und eine Seite weiter kommt, sollte sich die Seite nicht in einem neuen Fenster öffnen.

Hier würde ich die Reiter - also die Links auch farbig machen und weiß als Schriftfarbe nutzen.

Interessant wäre vielleicht, wenn (je nachdem welchen Link man anwählt) sich das Fenster (also das, wo der Link drin ist) nach rechts aufrollt und dort dann der eigentliche Text steht.

Ich hoffe, ich hab mich jetzt verständlich ausgedrückt?! ^^

So was in der Art:

Wobei Du damit auch wieder User ausschließt. Wenn dir das allerdings mehr oder weniger egal ist, ist das sicher eine witzige Alternative zu deiner jetzigen Variante.

photonova · 29.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

Wuschl1988 schrieb:
so. hab mir jetzt doch noch die mühe gemacht die tabelle durch css und divs (gibts da nen fachausdruck?) zu ersetzten.

Ja, Webdesign

Es wäre wichtig zu wissen, welche Version du vom IE einsetzt, denn da gibt es das berühmt berüchtigte Border-Box-Modell, weil alle es richtig machen, nur der IE (bis Version 7) nicht.

Kleiner Tipp: Teste erstmal nur im Firefox und dann besserst du die Fehler im IE aus. Opera und Safari würde ich sicherhaltshalber auch installieren.

tomtom81 · 30.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

hmm hmm, ich weiss nicht sieht bekannt aus.. aber nicht so pralle . auch die unterseiten dachte da fahrt was an rand wenn man rauf klickt.

Wuschl1988 · 31.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

danke anoX für die anregungen. sind wirklich viele gute ideen. mit der realisierung wirds noch dauern. aber ich geb mir mühe. *g* das mit dem aufrollen hab ich sofort verstanden was du meinst. *gg* die idee hatte ich auch schon, und jetzt weiss ich sogar wie ich das dann anstellen kann... danke =)

ich hab jetzt mal das ganze JS-frei gemacht. also wirklich nur HTML und CSS. blöderweise weiss ich jetzt nicht ganz wie ich die div-felder (falls man das so nennen kann) als links verwende. das verlinken müsste doch über html gehn. allerdings wenn ich ein <div id..><a href...></a></div> schreib dann hab ich klarerweise nichts wo man draufklicken kann. wenn ich ein bild einfüge funktioniert das mit den hover- und active- effekten nicht mehr. ich hab im internet rechachiert:
bilder kann man nur bei ausgewählten browsern unsichtbar machen und
text kann man erst ab css3 um 90° drehen. was nun ? o_O

ich verwende eigentlich sowieso nur firefox (3.5.1) aber ich habe eben auch mit dem IE getestet (version 7)

was meinst du mit sieht bekannt aus? wo fährt was raus? o_O

?

Wuschl1988 · 31.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

soda. hab jetzt a lösung gefunden. ich hab ein transparentes bild mit ungefähr derselben größe genommen und einfach mittels <img src=...> eingefügt. ist zwar bestimmt nicht die beste lösung (wenn sie jemand weiss: ich will sie wissen!!!!) aber es funktioniert mal.

jetzt kann ich das ganze ein bisschen verschönern...
aber heute nicht mehr. gute nacht..
LG
marko

floppy1989 · 31.07.2009

AW: [Wuschl1988/meinehp] unfertige webpage

mmh nette idee aber ich find die umsetzung von den Farben her nich so dolle...

der schwarze hintergrund mit dem hellen rahmen passt find ich nich so richtig...

was mir aufgefallen ist: wenn man die Seite zum ersten mal läd kann man das Education nicht richtig Lesen bzw. ist schwer zu lesen wenn das Bild dahinter eingeblendet wird. Da fand ich die Idee von anoX nicht schlecht mit der weißen Schrift und den eingefärbten Bildern.

Meathor · 01.08.2009

AW: [Wuschl1988/meinehp] unfertige webpage

Wuschl1988 schrieb:
danke anoX für die anregungen. sind wirklich viele gute ideen. mit der realisierung wirds noch dauern. aber ich geb mir mühe. *g* das mit dem aufrollen hab ich sofort verstanden was du meinst. *gg* die idee hatte ich auch schon, und jetzt weiss ich sogar wie ich das dann anstellen kann... danke =)

ich hab jetzt mal das ganze JS-frei gemacht. also wirklich nur HTML und CSS. blöderweise weiss ich jetzt nicht ganz wie ich die div-felder (falls man das so nennen kann) als links verwende. das verlinken müsste doch über html gehn. allerdings wenn ich ein <div id..><a href...></a></div> schreib dann hab ich klarerweise nichts wo man draufklicken kann. wenn ich ein bild einfüge funktioniert das mit den hover- und active- effekten nicht mehr. ich hab im internet rechachiert:
bilder kann man nur bei ausgewählten browsern unsichtbar machen und
text kann man erst ab css3 um 90° drehen. was nun ?

ich verwende eigentlich sowieso nur firefox (3.5.1) aber ich habe eben auch mit dem IE getestet (version 7)

was meinst du mit sieht bekannt aus? wo fährt was raus? ?

Als tip.....

Pseudoklasse in CSS...

Habe schon viele buttons mittels pseude klassen erstellt...

eine pseudoklasse zb sieht so aus:

div.menue:hover { // hier den hover effekt }

Pseudo-Klassen: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

mfg