mein erstes Projekt!

[phil]

Hallo liebe Forumgemeinde

Hab euch nun wie versprochen die Seite hochgeladen! Es handelt sich nur um die Homepage!
Das Menu ist noch nicht verlinkt, da diese Dateien nicht erstellt sind!

Homepage

Falls ihr Zeit habt könnt ihr gerne mal reinschauen! Die Page ist compatibel für alle gängigen Browser!
Jedoch macht der IE mächtig Probleme!
IE auf Mac, dass kannste vergessen! Ist aber auch nicht schlimm, hat ja sowieso niemand!
IE auf windows je nach version schlecht bis unbrauchbar!
aber sonst eigentlich kompatibel!

Der suckerfish (wo ich das menu her hab) schrieb, das auch ältere IE's mit dem Menu zurechtkommen, wegen der JS Brücke die er eingebaut hat!
Meine Freundin versuchte jedoch vergeblich die Submenus anzusteuern!

Könnte es sein dass sie JS deaktiviert hat? kA
kanns mir sonst nicht erklären, da es bei meinem Bruder funzt im IE!

Villeicht hab ich ja auch ein Fehler im Code? kA
Sehr wahrscheinlich einige^^

Wenn man das Browserfenster skalliert, dann sollte sich die Seite dynamisch anpassen,
bis das Horizontale Menu die gesamte Breite erreicht hat, ab dann soll unten der Scrollbalken erscheinen!

Bin froh um jede Hinweise und Feedbacks von euch! Kritik und Lob sind gerne gesehen!

c ya later

cheers

phil

[Timo]

IE auf windows je nach version schlecht bis unbrauchbar!
aber sonst eigentlich kompatibel!

Mit was dann noch?

1. Warum bleibst du nicht in deiner urprünglichen Anfrage?

2. Soll das eine Seite sein, oder nur die Demonstration eines bekannten menüs? Und dann funktioniert es nicht einmal.

3. Gestern hattes du geschrieben du hättest dafür extra gerade eine neue Domain. Wo isse denn nu?

4. Was hat das eigenlich mit der echten www.ipf.ch zu tun? Vermutlich gar nichts, also warum dieser Name?

Ich würde sagen fang noch mal ganz von vorne an, ohne irgendwelchen Spielereien oder viele CSS-Spielchen, denn das kannst du immer noch lernen, wenn du das Grundsätzliche hinbekommst.

Timo

[phil]

3. Gestern hattes du geschrieben du hättest dafür extra gerade eine neue Domain. Wo isse denn nu?

braucht 48h schreiben die auf der page in paragfaph 100

4. Was hat das eigenlich mit der echten www.ipf.ch zu tun? Vermutlich gar nichts, also warum dieser Name?

lol ich muss ipf.ch einen neuen webauftritt gestalten! das hats damit zu tun die farben sollen blau und weiss sein!

Ich würde sagen fang noch mal ganz von vorne an, ohne irgendwelchen Spielereien oder viele CSS-Spielchen, denn das kannst du immer noch lernen, wenn du das Grundsätzliche hinbekommst.

[wahsaga]

hi,

lol ich muss ipf.ch einen neuen webauftritt gestalten!

Wieso "musst" du, wie verzweifelt sind die?

das hats damit zu tun die farben sollen blau und weiss sein!

Also optisch ist der bestehende Auftritt m.E. immer noch um Längen besser, als dein "Entwurf".
(Technisch ist der bestehende eher schlecht. Vielleicht sollte man sich lieber darauf konzentrieren, dass auf technisch standsicherere Beine zu stellen - und die Optik erst mal weitgehend beibehalten, anstatt sie zu verschlimmbessern.)

gruß,
wahsaga

[phil]

Wieso "musst" du, wie verzweifelt sind die?

sehr oh sogar seeeeeeeeehr verzweifelt!

die bestehende Page wurde vom IT hergestellt, aber technisch ist die zumindest schlechter als das was ich bis anhing gemacht habe, oder?
meine nur schon die buttons die beim verkleinern des browserfensters sich über die ganze page verteilen!

ich bin mir klar das ich nichts sonderlich athemberaubendes geleistet habe, aber ist dies nun nicht eine grundlage auf welche man aufbauen kann?

optik finden meine chefes, da ist meiner schon besser auch wenn in den nächsten wochen noch viel daran geschliffen wird!

inhalt hab ich vorerst ganz weggelassen! optik so in etwa dargestellt!

es geht mir vielmehr um die Strucktur und kompatiebel sollte sie sein! für IE Firefox Netscape und Opera!

Da ist doch *nur* der IE ein problem das zu beheben ist!?

cheers phil

[wahsaga]

hi,

die bestehende Page wurde vom IT hergestellt, aber technisch ist die zumindest schlechter als das was ich bis anhing gemacht habe, oder?

Das, was du bisher gemacht hast, ist mit dem bestehenden überhaupt nicht zu vergleichen.

Noch mal: Du hast unter eine adaptierte Menüliste einen Textabsatz gesetzt - das wird der Struktur und Komplexität der Inhalte der bestehenden Präsenz wohl nicht im Geringsten gerecht.

meine nur schon die buttons die beim verkleinern des browserfensters sich über die ganze page verteilen!

Ist nicht optimal gelöst, ja.
Dafür schiebt deine Navigationsleiste sich bei kleinem Fenster aus dem übrigen Layout heraus, und erzwingt querscrollbalken - auch nicht viel besser.

ich bin mir klar das ich nichts sonderlich athemberaubendes geleistet habe, aber ist dies nun nicht eine grundlage auf welche man aufbauen kann?

Möglich - aber was willst du dann zum jetzigen Zeitpunkt bewertet wissen?
Auf syntaktische Fehler kannst du es selber checken lassen.
Und ob das ganze strukturell sinnvoll aufgebaut ist, lässt sich wohl erst dann beurteilen, wenn etwas mehr als eine Liste und ein Textabsatz vorhanden sind.

optik finden meine chefes, da ist meiner schon besser auch wenn in den nächsten wochen noch viel daran geschliffen wird!

Welche "Optik" denn?
Das Logo ist noch das gleiche - lediglich farblich angepasst, das aber schlecht gemacht.
Farblich wirkt es noch extrem grob - knalliges Blau, mehr gibt es eigentlich noch gar nicht.
Um vom Kontrast her bietet die bestehende Seite m.E. auch bessere Lesbarkeit.

gruß,
wahsaga

[Ich]

Da ist doch *nur* der IE ein problem das zu beheben ist!?

cheers phil

Hallo,

das les ich aber anders hier heraus.

Zudem habe ich mir bisher auch nur die Seite angeschaut mit dem Firefox und es ist so wie gesagt, die ersten beiden ausklappbaren Menüs verschwinden hinter den Downloads.

Hm?

Gruß, Ich

[Zeromancer]

Hallo phil,

• Farbegestaltung verbesserungswürdig (blau und blau und weiß)
• die Untermenüs bei "Percoidei" und "Anabantoidei" verschwinden hinter der linken Navi
• die Untermenüs der Untermenüs erwischt man nur, wenn man schnell genug ist. ansonsten verschwinden sie wieder
• die linke Navi-Box ist für "Download" entschieden zu breit
• der Validator beim w3c meckert.
• der Validator bei Validator.de gibt auch Hinweise
• noch nicht sehr "aufregend" - etwas "altbacken"

Mit freundlichen Grüßen,
André

[phil]

Hallo phil,

• Farbegestaltung verbesserungswürdig (blau und blau und weiß)

ja da mach ich noch was aber die farben wurden mir vorgegeben!

• die Untermenüs bei "Percoidei" und "Anabantoidei" verschwinden hinter der linken Navi

welchen browser nutzt du? bei mir ist dies nicht der fall!
kann das sein weil ich für das downloadnavi den festen wert 300px eingegeben habe? sollt ich da auch mit em arbeiten?

• die Untermenüs der Untermenüs erwischt man nur, wenn man schnell genug ist. ansonsten verschwinden sie wieder

echt? ist mir nicht aufgefallen! ich hatte probleme die linie zu halten, und so verschwanden diese, ich dachte mir ich könnte nun die buttengrösse erhöhen!

• die linke Navi-Box ist für "Download" entschieden zu breit

der ist nur so breit weil da lange namen der datein reinkommen werden!

• noch nicht sehr "aufregend" - etwas "altbacken"

kann ich verstehen ist ja mein erstes projekt, dass muss auch nicht sonderlich aufregend, eher professionell und ordentlich aussehen!

nuja ich weiss das hab ich noch nicht erreicht!

Danke für deine umfangreiche antwort :) ich werde weiter arbeiten und verbessern!

Herzlichst phil

[Steffi]

Nix besonderes! So eine Seite macht heutzutage ein Grundschüler
in der 5-Minuten-Pause.

[phil]

Nix besonderes! So eine Seite macht heutzutage ein Grundschüler
in der 5-Minuten-Pause.

ich denke kaum 3% der Grundschüler kennen sich mit html und css aus^^

villeicht kann man das auch mit frontpage erreichen oder i web wie auch immer!

ich möchte mich aber von Grund auf mit Code auseinandersetzen!

[Steffi]

ich möchte mich aber von Grund auf mit Code auseinandersetzen!

Genau das ist der richtige Weg, wenn man selbst codet ist man frei
in der Gestaltung, man hat aber etliche Jahre vor sich bis man
wirklich gut wird.

Frontpage ist doch Bullshit, wenn schon ein Programm dann
Adobe Indesign CS3.

[phil]

ich möchte mich aber von Grund auf mit Code auseinandersetzen!

Genau das ist der richtige Weg, wenn man selbst codet ist man frei
in der Gestaltung, man hat aber etliche Jahre vor sich bis man
wirklich gut wird.

Frontpage ist doch Bullshit, wenn schon ein Programm dann
Adobe Indesign CS3.

bist du sicher indesign? also ich kenn nur das cs2, das ist doch zum layouten für printdokumenten und bassiert nicht auf html??

meinst du ich krieg es trotzdem hin bis neujahr eine einigermassen saubere homepage zu entwickeln?

ich werd mich auch ins zeug legen, aber muss halt am tag trotzdem normalerweise 8 - 10 h arbeiten da bleiben maximal 5h das gibt 20 unter der woche plus 15 am weekend plus minus 20 wochen gibt 700 stunden lol das sollte doch reichen, wenn das ein grundschüler in der 5 minuten pause könnte ;)

cheers ich brauch n beer

[Steffi]

bist du sicher indesign? also ich kenn nur das cs2, das ist doch zum layouten für printdokumenten und bassiert nicht auf html??

Von "indesign" habe ich nicht geschrieben, sondern von
"Adobe Indesign CS3".

meinst du ich krieg es trotzdem hin bis neujahr eine einigermassen saubere homepage zu entwickeln?

Willst Du eine "einigermassen saubere homepage" oder eine
"saubere homepage"??? Bei letzterem kommt es auf Dein Talent
und auf Deine Schnelligkeit an, Grundschüler haben teilweise
mehr davon als einem Lieb ist.

[Ole]

Hi

Von "indesign" habe ich nicht geschrieben, sondern von
"Adobe Indesign CS3".

Ich kenne nur ein Programm namens InDesign und das ist eben Adobe Indesign (+ Version), welches ein DTP-Programm und imho ziemlich ungeeignet für Webworking ist.
Adobe Dreamweaver ist da wohl eher das Gesuchte.

so long
Ole
(8-)>

[Forw]

Die Seite ist kompatibel für alle gängigen Browser!
Jedoch macht der IE mächtig Probleme!
IE auf Mac, dass kannste vergessen! Ist aber auch nicht schlimm, hat ja sowieso niemand!
IE auf windows je nach version schlecht bis unbrauchbar!

Wie, erst behauptest du, sie sei mit "allen gängigen Browsern kompatibel" und im nächsten Satz schließt du gleich bummelige 80% aller Installationen wieder aus?

aber sonst eigentlich kompatibel!

Aua. Ganz offen: Bei solchen Eigentlich-Aussagen fallen mir nur Schlampigkeit, Schludrigkeit und Scheiß-egal-Mentalität ein.

Bin froh um jede Hinweise und Feedbacks von euch! Kritik und Lob sind gerne gesehen!

Auf der Seite ist außer einem arg hässlich verpixelten Logo so gut wie nichts zu sehen. Du kannst nicht als Architekt antreten und ernsthaft Lob für eine Baugrube erwarten, die du obendrein selbst als "schlecht bis unbrauchbar" bezeichnest.

[phil]

Wie, erst behauptest du, sie sei mit "allen gängigen Browsern kompatibel" und im nächsten Satz schließt du gleich bummelige 80% aller Installationen wieder aus?

IE wird ca. noch von 40% gebraucht!

Aua. Ganz offen: Bei solchen Eigentlich-Aussagen fallen mir nur Schlampigkeit, Schludrigkeit und Scheiß-egal-Mentalität ein.

Lol bin halt noch neuling

Auf der Seite ist außer einem arg hässlich verpixelten Logo so gut wie nichts zu sehen.

Das scheiss logo wird noch ersetzt lol und eigentlich wollte ich von euch wissen ob die Codestrucktur einigermassen oke ist!

Da dies mein erster codeversuch ist...

[Patrick Andrieu]

Hallo phil!

IE wird ca. noch von 40% gebraucht!

Wunschdenken?

Viele Grüße aus Frankfurt/Main,
Patrick

[phil]

hiho

IE wird ca. noch von 40% gebraucht!

Wunschdenken?

hab ich so im internet gelesen, nuja die prozent sind auch egal! ich bin mir bewusst dass die seite auch für den IE brauchbar sein muss!

Nebst opera firefox netscape! die raffen das auch nur der IE macht nen Buckel!

muss ich jetzt echt nochmals neu beginnen??

oder kann ich nicht mit einer Browserweiche, oder tanhacks das so richten dass das auch im IE geht?

phil

[Sven Rautenberg]

Moin!

muss ich jetzt echt nochmals neu beginnen??

oder kann ich nicht mit einer Browserweiche, oder tanhacks das so richten dass das auch im IE geht?

Du willst professionell coden? Dann sorg' als allererstes mal dafür, dass der Validator nicht mehr meckert.

Der zweite Schritt ist - aber wirklich erst dann - die Anpassung an den IE. Wobei sich die meisten Probleme durch validen Code von alleine erledigen dürften, und der Rest ist dann nur noch die Behandlung von mittlerweile gut erforschten IE6-Bugs durch Einbindung eines speziellen Reparatur-CSS mit Conditional Comments.

- Sven Rautenberg

[phil]

Ach danke sven,
du verstehst mich :)

aber wie ist das mit IE 5 der macht eigentlich nur probleme!

phil

[Sven Rautenberg]

Moin!

aber wie ist das mit IE 5 der macht eigentlich nur probleme!

Der IE 5 ist im Netz nur noch in winzigen Spuren auffindbar, um den würde ich mich einfach nicht mehr kümmern.

Relevant sind Version 6 und 7. Version 6 ist für alle relevanten und auch ausgestorbenen Windows-Versionen verfügbar (die Mac-Version 5.2 wird von Microsoft noch nicht mal mehr zum Download angeboten, schon seit Jahren nicht), Version 7 wird mit zunehmendem Alter auf allen Windows-Versionen ab XP anzutreffen sein und letztendlich zum Aussterben von Version 6 führen - das wird aber noch ein paar Jahre dauern, vermute ich.

Aber das ist auch nicht weiter wichtig, weil IE 7 die extremsten Bugs von Version 6 eliminiert hat, und deshalb als annähernd kompatibel im Verhalten zu standardtreuen Browsern betrachtet werden kann (zumindest, wenn man den Quirks-Mode vermeidet).

Also wie erwähnt: Conditional Comment in den Header rein, der nur für IE-Browser kleiner 7 gilt, und dort ein separates Stylesheet einbinden, der den IE 6 repariert, sofern notwendig. Aber erst als Schritt 2.

- Sven Rautenberg

[phil]

<?xml version="1.0" encoding="iso-8859-1"?>
<?xml version="1.0" encoding="UTF-8"?>

ist das das gleiche? versteh ich das richtig?

und wo muss das hin? es heisst am Anfang des dokuments aber das klappt so nicht!

<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml">

[Jonathan]

Hallo,

<?xml version="1.0" encoding="iso-8859-1"?>
<?xml version="1.0" encoding="UTF-8"?>

ist das das gleiche?

Nein. (Sieht man doch...)

versteh ich das richtig?

Was verstehst du denn? Dann kann ich dir sagen, obs richtig ist.

und wo muss das hin? es heisst am Anfang des dokuments

Das ist korrekt.

aber das klappt so nicht!

<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml">

Was soll dieser Quellcodeausschnitt?

Das <?xml version="1.0" ... muss ganz an den Anfang, vor das <html>, sofern du es benutzen willst, was durchaus Nachteile bei kaputten Browsern wie dem IE6 bringt.

Jonathan

[Zeromancer]

Hallo phil,

<?xml version="1.0" encoding="iso-8859-1"?>
<?xml version="1.0" encoding="UTF-8"?>
ist das das gleiche? versteh ich das richtig?

du kennst doch http://de.selfhtml.org/index.htm? Dann gehst du über http://de.selfhtml.org/html/index.htm zu den von dir gewünschten Seiten

http://de.selfhtml.org/html/allgemein/index.htm oder auch
http://de.selfhtml.org/html/xhtml/unterschiede.htm
http://de.selfhtml.org/html/xhtml/unterschiede.htm#xml_deklaration
http://de.selfhtml.org/inter/unicode.htm
http://de.selfhtml.org/inter/zeichenkodierungen.htm#iso8859

und findest den Unterschied ganz schnell selbst heraus. Versprochen!

Mit freundlichen Grüßen,
André

[Der Martin]

Hallo,

aber wie ist das mit IE 5 der macht eigentlich nur probleme!

erfahrungsgemäß macht der IE5 (oder 5.5) eigentlich wenig Probleme, deshalb benutze ich den hauptsächlich. Probleme macht vor allem der IE6.

So long,
 Martin

[wahsaga]

hi,

eigentlich wollte ich von euch wissen ob die Codestrucktur einigermassen oke ist!

Du hast es geschafft, dass Suckerfish-Menü zu adaptieren, und einen Textabsatz im Dokument unterzubringen.

Erwartest du jetzt wirklich eine Beurteilung dieser "Leistung"?

gruß,
wahsaga

[Gunther]

Hallo!

Bin froh um jede Hinweise und Feedbacks von euch! Kritik und Lob sind gerne gesehen!

Was soll man denn da begutachten!?
Deine coderische Einzelleistung besteht aus einem DIV-Element mit einem Textabsatz und einer einfachen unsortierten Liste mit 5 Punkten! Davon abgesehen sind nicht mal die ordentlich positioniert.

Auch deine sonstigen Beiträge hier im Forum lassen mich eher annehmen, dass dir nicht klar ist, worum es eigentlich geht und worauf es ankommt.

Wenn du dann irgendwann mal eine "richtige" Website" erstellt hast, der Validator nichts zu meckern hat, und die mit dem nötigen Ernst und etwas mehr Seriösität hier auftrittst, dann, ja dann können wir eventuell mal weitersehen.

Gruß Gunther

[Klawischnigg]

Hi there,

Auch deine sonstigen Beiträge hier im Forum lassen mich eher annehmen, dass dir nicht klar ist, worum es eigentlich geht und worauf es ankommt.

Ich denke, er wollte seine Seite bewertet wissen und nicht seine Einstellung. Wobei Du mit Deiner Replik auf sein Posting auch zwangsweise die nicht uninteressante Frage aufwirfst: Worum geht es denn eigentlich? Erzähl uns das doch bitte...

[Gunther]

Hi there,

Auch deine sonstigen Beiträge hier im Forum lassen mich eher annehmen, dass dir nicht klar ist, worum es eigentlich geht und worauf es ankommt.

Ich denke, er wollte seine Seite bewertet wissen und nicht seine Einstellung.

wahrscheinlich, aber bevor ich mir die Mühe mache, möchte ich zumindest auch das Gefühl haben, dass es sich "lohnt". Hier habe ich halt den subjektiven Eindruck, dass es an der richtigen Einstellung zur Materie hapert. Außerdem waren die wesentlichsten Punkte ja bereits geschrieben worden, und ich habe meine Auffassung kundgetan, dass es imho eigentlich nichts zu bewerten gibt.

Wobei Du mit Deiner Replik auf sein Posting auch zwangsweise die nicht uninteressante Frage aufwirfst: Worum geht es denn eigentlich? Erzähl uns das doch bitte...

Lass' es mich in diesem Fall einfach mal kurz und knapp so formulieren:
Semantisch korrektes und valides Markup in einer benutzerfreundlichen Art & Weise präsentiert, die es möglichst allen Usern zugänglich macht.

Gruß Gunther

[Klawischnigg]

Hi there,

Semantisch korrektes und valides Markup in einer benutzerfreundlichen Art & Weise präsentiert, die es möglichst allen Usern zugänglich macht.

Auch wenn das nicht für jeden Güligkeit haben mag und zutreffen muss kann ich das so akzeptieren...

[Klawischnigg]

Hallo liebe Forumgemeinde

Bin froh um jede Hinweise und Feedbacks von euch! Kritik und Lob sind gerne gesehen!

Die Farben sind imho etwas gewöhnungsbedürftig und vom Kontrast her würd ich einmal sagen von sehrschwächeren Personen schwer zu lesen. Das Logo ist total zerfranst (ist ja vielleicht ein feature und kein Bug, Geschmäcker und Ohrfeigen sind ja bekanntlich verschieden).

Leider unbrauchbar das Menü, da es bei Viewports mit eine Weite unter schätz' ich einmal von 1000px unterhalb des linken "Menüs" gerät, wo Du Deine Downloadliste drinnen hast...

[Kai345]

Grütze .. äh ... Grüße!

Hab euch nun wie versprochen die Seite hochgeladen! Es handelt sich nur um die Homepage!
Das Menu ist noch nicht verlinkt, da diese Dateien nicht erstellt sind!

Homepage

Falls ihr Zeit habt könnt ihr gerne mal reinschauen! Die Page ist compatibel für alle gängigen Browser!
Jedoch macht der IE mächtig Probleme!

Nicht nur der ...

Schau mal meinen  Screenshot an, so wird es bei mir dargestellt:

1. Der Menütitel wird umgebrochen, weil nicht genügend Breite zur Verfügung steht, das i ganz alleine auf der nächsten Zeile ist sehr unschön.

2. Zwischen Klappmenü und Untermenü ist ein Abstand, daher ist es fast unmöglich, diese
   Punkte anzuwählen, weil vorher das Menü schon wieder zugeklappt ist.

3. Völliger Wirrwarr der Sub-Submenüpunkte .. alles auf einer Zeile

4. Der große Abstand zwischen Menü und Contentbox ist Platzverschwendung (wie auch der leere Bereich oben neben dem Logo)

Cü
Kai

[Richard Rüfenacht]

Hallo phil!

Sag mal lieber phil, hat eigentlich ipf-ipr offiziell Kenntnis davon, dass du hier gleichsam in ihrem Namen herumtrollst? Oder ist das ganze einfach Teil eines Projekts der Waldorfpädagogik?

Beste Grüsse aus dem Emmental
Richard

[phil]

Hallo

ich bin ein mitglied von ipf ;)