Kindertraum-Erlebnisraum

[L by D]

Private Nachrichten (PN): 0

Ich traue mich.....

von L by D

am Heute um 00:53:34

Schaltflächen formatieren

von astour

am Gestern um 21:07:44

Link zuweisen mit javascr...

von Roger Rabbit

am Gestern um 20:14:40

Probleme nach Neu-Install...

von gerd-johannes

am Gestern um 18:59:15

Excel Tabelle als Inlinef...

von Thomas Frei-Herrmann

am Gestern um 17:58:17

Subdomain Impressum

von L by D

am Gestern um 16:41:32

Schriftart herausfinden

von anfaenger

am Gestern um 16:06:51

HOME ohne Navi ?

von L by D

am Gestern um 15:57:01

Scrollbar mit Javascript

von Venom80

am Gestern um 15:51:30

link unter Fotos

von musika

am Gestern um 12:52:48

18 Gäste, 2 Mitglieder
moc
Leopard

[falk0455]

Hallo zusammen,

nach vielen guten Tips, danke an alle für ihre Geduld, hier nun ein erster Relaunch,
diemal ohne Frames *seufz*

http://www.oranier-kita.de/garten/

Mir gefallen einige Dinge noch nicht, aber ich warte erst mal was hier so bemängelt wird ;-))

Grüße

         Werner


PS. Dank vor allem für das Overlib, ist schick geworden:
http://www.oranier-kita.de/garten/html/der_masterplan.html

[schiller]

Tipp zum overlib ... Du könntest das noch weiter aufwerten, wenn die Beschreibungen um kleine Fotos der Objekte erweitert würden ;)

ist aber schon sehr viel besser als die vorherige Umsetzung des Plans ;)

[Strunz]

Hallo falk0455

Die untere Navi kann eigentlich raus...würde ich z.B. Impressum beschränken.

Und (ich weiß...Design ist Geschmacksache) ich finde deine Seite nicht passend zum Thema 

Gruß Strunz 

[HtmlNIX]

gefällt mir gut, ich mag klar gegliedere Seiten.

Bei der Footer Grafik musst du aber noch mal ran, da stimmt der übergang zum Rot nicht.
Die untere Graue Linie kannst du eigentlich weglassen, bei Planung-> Neibeginn ist der Freiraum zu groß.

@Strunz, mag sein das es vielleicht nicht so ganz dazu passt, aber wenn jemand grafisch nicht so fit ist, dann dann ist mir so eine Seite lieber.

Gruß
HtmlNIX

[Fratz]

Hallo falk0455,

ich bin da eben nur mal kurz drüber geflogen und habe bei den Overlib (unter Hängematten) einen Tipfehler gesehen.
Schau da noch mal nach der Rechtschreibung.

Ich finde, Du hast Dir viele Ratschläge angenommen und erfolgreich umgesetzt, aber was Stunz zum Thema Design schrieb muss ich unterstreichen.
Für "KINDER" hätte ich da sicher auch etwas mehr Frische und Kontrast gewählt

[Strunz]

@htmlNix

Ich verstehe das und gebe Dir Recht. Ich wollte falk ja keinen Vorwurf machen. Jeder macht...so gut er kann !!!
Es war nur mein erster Gedanke dazu.

Gruß Strunz 

[L by D]

Hallo falk.

Nimm dir eine halbe Stunde Zeit und bearbeite alle Bilder. Bilder niemals (!) in NOF klein ziehen.
Dafür hat man ein Grafikprogramm. Dann könnten die Bilder etwas mehr "Leben" haben. Sie sind sehr flau. Das geht mit der Größenänderung in einem Rutsch.

Impressum nicht Impresseum und das könnte dann über die Linie links "Ein Projekt der ..." wandern.

Gruß L by D

[dozi]

Allerdings an den Bogen musst Du noch mal ran, der sieht richtig abgebissen aus.
Villeicht mal als gif speichern.

Gruß
Dozi

[barbara0701]

Bannervorschlag:

Den Text oben Links kannst du über den Hintergrund in NOF reinschreiben... Aber nicht kursiv 

Das zweite Bild zeigt den Banner jetzt.

[falk0455]

Hallo,

Vielen Dank erstmal für die Mühe.
Zu sehen hier
http://www.oranier-kita.de/garten/indexb.html

Es gefällt mir - äh - garnicht *schäm*
Die Schrift passt IMHO nicht zu dem Rest, die Farbe auch nicht, und der Rahmen rechts ist  zwar gut, aber beliebig, besser wäre er themenbezogen.

Ich würde gerne nachher mal ein paar Vorschläge machen in der Hoffnung daß wir gemeinsam da was umsetzen

Bitte nicht böse sein und Danke!

Grüße
Werner

[falk0455]

Hallo zusammen,

vielen Dank für die Anmerkungen.
Hier mal eine Sammelantwort:

gemeldete Tippfehler / zu große Seitenlängen
wurden beseitigt.

Overlib mit kleinen Bildern:
die Idee hatte ich auch, aber keine Bilder.
Die Erklärung als PS weiter unten, da NOF-irrelevant.

Navi unten weglassen / "Impressum" links in Navi
Bei langen Seiten hat man dann gar keine Orientierung mehr.
Also entweder eine Krümelnavigation, eine Textnavi ohne Unterebenen (so
wie jetzt) oder nur [Impressum] [Seitenanfang]

Das Gras unten positioniert falsch:
Ja, im FF. IE machts es anders.
Muß ich suchen, ist aber eine Tabellenlayout , wird am Box-Modell liegen

Kleine Verbesserungen:
Schrift auf Hauptseite zu groß - nun sie sollte so so groß sein daß sie
so breit läuft wie die Seite, das war die Absicht.Leider schlecht angekommen, Mift.
Untere graue Linie weglassen - die korrespondiert extra mit der oben.
Aber es stimmt, so richtig brauchen tut die niemand.

Bilder flau und Bogen oben zerfressen:
Ja. Aber wenn das Design sowieso Murks ist brauche ich da jetzt keine
Arbeit in den Bogen reininvestieren. Für die Bilder habe ich zwei
Unterordner: Bilder(original) und Bilder(upload). Wenn das Layout fertig
ist (ich habe ja eben erst die Seitenbreite angepasst auf 900) *dann*
nehme ich die Bilder aus Original, jage sie durch IrfanView ins
Uplodaverzeichnes und binde die dann ein.

Design passt nicht zum Thema, Design fehlt Frische/Kontrast
Ja-ja.
In der Tat, Phantasie, Kreativität sind nicht meine Domäne.
Und mein Grafikprogramm kann ich garnicht bedienen.
Mea Culpa.
Mir "gefällt" das Design insofern, als es von den Farben
(hervorgehobener Text, Links nimmt Hintergrundfarbe auf, wenige Farben
insgesamt (5)), nur eine Schrifttype, klare Formen.
Ich halte es für lahm, aber konsequent.

Ich hätte ein paar Ideen wie es aussehen könnte und würde die gerne mal
aufscribbeln und mit Euch diskutieren. Gbt nmir dafür mal bis heute
abend Zeit.

Wichtiger Hinweis:
Es ist keine Kinderseite! Wir wollen (auch) damit viel Geld sammelt,
also der Kundenkreis sind Großunternehem wie z.B. Dykerhoff-Zement oder
Henkell, Spielbank Wiesbaden oder Fraport.

Deswegen die wichtige Frage an Euch: ist die Struktur der Seite logisch?
Es gibt genau die 6 Hauptbenen (und wird auch nie mehr geben), dazu jeweils genau eine Unterebene.
Fertig.  Geht aus den Seiten klar hervor was da wie passiert und um was es geht? Ich bin da
eher betriebsblind.


Die meisten meiner Bemerkungen sind als Fragen gemeint,
ich freue mich über jede Anregung.

Grüße
  Werner



PS.: Vorschaubilder in Overlib.
Die Kita ist evangelisch, auch da ist Geld knapp.
Es hat gerade gelangt, um dem Landschaftsarchitekten den Masterplan
abzuschwatzen, Grobplanung also.
Mit anderen Worten: Wo da "Klettergerüst" steht kommt eins hin, wir
wissen aber noch nicht welches genau, das kommt in der Feinplanung und
die wenn Geld da ist.
Und es wäre jetzt blöd irgendwelche Bildchen zu zeigen und nachher sieht
es anders aus, das mögen Sponsoren nicht.
Außerdem darf ich keine Bilder von Schaukelherstellerseiten einfach
kopieren und übernehmen. Deswegen hat es - leider - keine Bildchen.
Es sei denn hier kommt eine geniale Idee?

[barbara0701]

Nur kurz, da leider wenig Zeit:

Die Schriftfarbe hatte ich absichtlich geändert, weil etwas weniger Kontrast zum Hintergrund ruhiger und leichter zu lesen wäre. Soll natürlich überall geändert werden.

Das Feld oben (rechts? meinst Du links?) ist beliebig, aber auf jedem Fall besser, als die einfache Schrift, die Du ursprünglich dahin platziert hast. Den Text musst Du natürlich kleiner schreiben und die Farbe anpassen. Oder Du machst es eben "themenbezogen". Es war eine Möglichkeit, das ganze harmonisch einzubinden, ohne Aufwand zu verursachen.

Der Seitentitel könnte rechtsbündig auf der gleichen Linie mit dem Bannertitel gebracht werden.

Das es Dir "gar nicht" gefällt, ist ok, aber es sind kleine puzzle-Teile zum Ganzen.... Von nichts kommt nichts!

[h-d.neuenfeldt]

Unter der Maßgabe "Sponsorenseite, Sponsoren gewinnen" :

- Dann finde ich das Originalbanner besser (sorry Maskottchenmama, der Kontrast des Schriftzuges ist mir zu gering)

- Lieber ein einfaches, "langweiliges" Design als etwas verspieltes. Das mögen Geldgeber im Normalfall auch nicht. Sie wollen einfach nur informiert sein ....

- Textgestaltung : Da scheint sich schon jemand Gedanken gemacht zu haben, aber um Spenden zu aquirieren, ist der Text zu "brav" ...
Bsp.:
Mit Augen und Ohr, Herz und Hand wollen Kinder die Welt erfahren. Für eine optimale Entwicklung brauchen sie ein ungezwungenes, großflächiges und altersgerechtes Bewegungsangebot

textlich gut, aber wo ist denn die Verlinkung auf die Spendenseite ??
Die Ansprache an den einfachen Besucher fehlt ....
Große potente Geldgeber werden eh im Klinkenputzverfahren abgegrast, auf die würde ich bei der Webseite weniger Rücksicht nehmen ....

kleine Bilder : dann nimm doch keine Fotos sondern stilisierte Grafiken. Die Profis hier werden dazu sicher Quellen kennen (fotolia ??)

lange Seiten : mittlerweile hat es sich eingebürgert bei langen Seiten an der Seite und am Ende einfach einen Button Seitenanfang einzubauen, der auf einen Anker am Seitenanfang verlinkt ist

[dozi]

Hallo falk,
was Du noch ändern solltest ist die Dateigröße Deiner Bilder. Die sind zum Teil über 200 KB groß.
Das geht gar nicht. Es gibt noch genügend User im Netz, die nicht mit DSL unterwegs sind.

Gruß
Dozi

[Fratz]

Hallo Falk,

@falk

Außerdem darf ich keine Bilder von Schaukelherstellerseiten einfach
kopieren und übernehmen. Deswegen hat es - leider - keine Bildchen.
Es sei denn hier kommt eine geniale Idee?

Wegen kleiner Bilder für den Spielplatz (von Klettergerüsten usw.) könntest Du ja mal "tnw" hier aus dem Forum anfragen
http://www.nof-forum.de/kommerziellegewerbliche_seiten_mit_nof_erstellt/meine_neue_homepage-t17962.0.html

bis Du eigene hast.

[L by D]

Für die Bilder habe ich zwei
Unterordner: Bilder(original) und Bilder(upload). Wenn das Layout fertig
ist (ich habe ja eben erst die Seitenbreite angepasst auf 900) *dann*
nehme ich die Bilder aus Original, jage sie durch IrfanView ins
Uplodaverzeichnes und binde die dann ein.

Moing Falk.

Diesen Absatz verstehe ich so rein gar nicht    Hat es eigentlich einen besonderen Grund weshalb du die Seiten nur 900 px breit gemacht hast.

Gruß L by D

[falk0455]

So , gemacht habe ich jetzt folgendes:
Seite auf 990 px (der Grund für die 900 war einfach Dummheit)
Schrift auf Hauptseite verkleinert
Grauer Strich unten ist weg
Schrift weniger grell (alerdings ist sie mir persönlich jetzt ein bißchen arg ins Orange spielend)
Navi unten weg / "Impressum" links in Navi
Anker für lange Seite geht noch nicht
Bildqualität verbessert, Dateigröße unter 80k


Overlib mit kleinen Bildern:
Nochmals der Hinweis, dass ich keine realen Geräte zeigen möchte, weil das mit der späteren Ausführung sicher nicht übereinstimmt. Aber man kann, wie vorgeschlagen, Symbolisches zeigen.
Ich habe das jetzt für die Schaukeln mal eingebaut, das ist einer der beiden Punkte links unten.
Tres chic.
 
Adressaten
Die Site wendet sich natürlich nicht ausschließlich an Spender. Sie soll alle Interessierten, Bürger, Nachbarn, Eltern, zukünftige Eltern informieren was sich so tut.
Aber wenn wir mit der Pressearbeit beginnen wird immer auch auf die Site verweisen, wir planen für später auch einen OnlineShop! Werden Sie Buschpate! Virtuelle Spenden, sozusagen.
Ich wollte nur zum Ausdruck bringen daß ich keine 7 Zwerge im Header haben möchte, weil’s so herzig kindergartig ist.

Daher die Frage ob man mit der Seitenstruktur begreift um was es überhaupt geht.

Ich mache jetzt mal über das komplette Layout her.

Grüße

   Werner

[L by D]

Seite auf 990 px (der Grund für die 900 war einfach Dummheit)

  Das ist ehrlich. Sonst kommen da immer irgendwelche Ausreden ... Vollmond, Oma krank usw. 

Wobei ich 995px gemessen habe.

Das Impressum liegt links unten in der Wiese, nicht bei der Linie oder der richtigen Navi.

Die "Alt. Texte" der Bilder können bei Gelegenheit noch geändert werden.

Gruß L by D

[schiller]

das Banner könnte durch echten Text ersetz werden ... das freut die Suchmaschinen. auch die Seitentitel ließen sich noch optimieren.

Von der Struktur her ist es logisch aufgebaut. Man kann sich bequem und einfach informieren. Den Punkt "Sie wollen helfen" würde ich trotzdem rausziehen und so präsenter machen. Ohne Geld geht's halt nicht und im Moment geht das ein wenig unter. Wenn man die Site nur überfliegt, kann sonst der Eindruck entstehen, das läuft schon alles ... sind schon fleißig dabei. Bei der Gelegenheit vielleicht auch die Spender auf der Seite "Partner" verlinken.

Auf der Startseite kann der Bannertext ausgetauscht werden ... da steht zweimal das Gleiche untereinander ... Alternative: der Text von unten links: "Ein Projekt der Kita ... Wiesbaden Biebrich". So weiß man auf den ersten Blick, um wessen Projekt es sich handelt und vor allem WO.

Ansonsten hoffe ich, dass sich das Bauvorhaben nicht so lange zieht wie beschrieben ... "einer Finanzierung in zwei Bauabschnitten für die Jahre 2010 und 12011 zugestimmt"

[Fratz]

Schau mal Falk...(Bild unten)....da hast Du eine häßliche Stufe.....nicht stolpern

[falk0455]

Hallo,

danke für die Tips.
Ich habe jetzt auf der Startseite mehr Infos untergebracht (siehe unten), auch verlinkt.
Das mit der Grasnarbe hatte ich schon bemerkt, dennoch danke.

Aber!

Irgendwie hat es wenig Sinn an Details zu fummeln wenn das Große Ganze noch nicht stimmt.
Das sind für mich der komplette Kopfbereich und das allgemeine Seitenlayout.

Unter
http://www.oranier-kita.de/garten/index.html
das bekannte, die beiden Headlines sind jetzt untereinander, damit sin wir das Problem des Kastens links los.

Unter
http://www.oranier-kita.de/garten2/
Das ganze entschlackt und aufgeräumt.
Die Header „Kindertraum...“ und „wir schaffen...“ müssen natürlich gleichlang sein.
Das schaffen wir indem wir das mit einem Grafikprogramm als Bild einfummeln.
Das ganze ist ein Draft, die Banner etc verspringen, Navi geht nicht bis runter,
Impressum ist kein Link usw.. Fehler kann ich noch suchen wenn
ihr meint das sei das Richtige.

Unter
http://www.oranier-kita.de/garten3/
Auch hier kann man am Header noch ganz viel machen.
Frage ist aber ob man überhaupt eine vertikale KlappNavi braucht.
Die Screens werden kleiner, und wenn man die Seiten mal so durchschaut: irgendwie kann ich mit der gewonnen Breite wenig anfangen.

(Warum die Navi die Sachen immer ein Feld weiter rechts anzeigt weiß ich nicht, aber das kriegt man bei Bedarf auch hin)

Frage:
Welche Version verfolgen wir jetzt weiter?
Wenn wir das wissen könnten wir gemeinsam den Header irgendwie schön machen
und dann die Details die ihr genannt habt und die ich mir alle notiert habe,  einpflegen.

Lieben Dank für das Interesse und die Tips

Grüße

Werner

[HtmlNIX]

Werner, ganz klar, lass es bei der jetztigen und optimiere diese!

Gruß
HtmlNIX

[barbara0701]

Du hast Dir eine Menge Arbeit gemacht, super!  Alle Layouts sind gut zu gebrauchen. Mir gefällt der zweite Entwurf gut, wirkt sehr aufgeräumt. 

Zum Navi-Problem im dritten Entwurf:

http://www.nof-forum.de/nofallgemein_nof_75_8_9_10_11/klappleistenmenuuml_nof_9-t8073.0.html

[schiller]

Version 2

[mia]

Wenn das hier eine Abstimmung sein soll:

auch Version 2.