Du bist nicht angemeldet.

Lieber Besucher, herzlich willkommen bei: WebStyleBoard. Falls dies dein erster Besuch auf dieser Seite ist, lies bitte die Hilfe durch. Dort wird dir die Bedienung dieser Seite näher erläutert. Darüber hinaus solltest du dich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutze das Registrierungsformular, um dich zu registrieren oder informiere dich ausführlich über den Registrierungsvorgang. Falls du dich bereits zu einem früheren Zeitpunkt registriert hast, kannst du dich hier anmelden.

1

Dienstag, 13. Juni 2006, 11:42

Papier und Pinwand?

Hallo!

Ich möchte eine Homepage machen, die auf einer Pinwand passiert.

Auf dies Pinwand sollen dann Zettel gepinnt sein.

Jetzt habe ich aber keine Ahnung wie ich ein Pinnwand mache, geschweige denn Papier und die Pins....

Kennt einer ein gutes Tut oder kann mir helfen?

2

Dienstag, 13. Juni 2006, 11:51

Mmmmh...

Ich glaube nicht, dass es für so etwas eine Art Tutorial gibt. Dafür ist Dein Anliegen zu Spezial. Tutorials vermitteln ja meist eher die Techniken eines Grafikprogramms.

Kannst Du eine grobe Skizze anfertigen, wie Du Dir das in etwa vorstellst?
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

3

Dienstag, 13. Juni 2006, 12:00

[img_upload]4_erste.jpg[/img_upload]


ganz grob....

EDs soll eine Korkpinwand sein mit einen rahmen. Auf den Papier (karo/linen) gepinnt wurde...wie soll ich es nur beschreiben...

4

Dienstag, 13. Juni 2006, 12:33

Deine Skizze reicht völlig aus, damit ich verstehe, was Du meinst...

Aber anstatt Dir Schritt für Schritt zu erklären, wie Du das selbst hinbekommst, wäre es vermutlich einfacher, Dir zu helfen indem ich mich selbst an die Grafiken mache...

Vorrausgesetzt, Du wärst damit einverstanden... Wenn ich dann etwas mehr Zeit habe, kann ich Dir gerne die eine oder andere Detailfrage zu den Grafiken beantworten...

Hilfreich wäre es, wenn Du mir Angaben machen könntest, wie Du das technisch umsetzen willst... Tabellen oder Divs usw. Und gibt es für die einzelnen Bereiche wie Kopf, Navi und die vier Blätter auf der Pinnwand schon ungefähre Größenangaben?
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

5

Dienstag, 13. Juni 2006, 12:39

Hallo nochmal und danke!

Da ich selber erst in der quasi Ideefindung bin....

Ich wollte ohne Tabbellen auskommen.
Ich dachte an optimiert für 800x600 Auflösung.

Die Seite den Fördervein der grundschule meiner Tochter. Ich habe zwar schonen einen Entwurf der sehr geschäftsmäßig ist - jetzt wollte ich was mehr verspieltes...
ich dachte da dann an eine Pinwand an der alles Gepinnt wird. Dachte auch an so kleine Gimnicks wie einen Hampelman der die Arme und Beine hebt wenn man ihn mit der Mouse berührt....

6

Dienstag, 13. Juni 2006, 13:33

Nur mal auf die Schnelle... Meinst Du ungefähr so etwas: KLICK MICH
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

7

Dienstag, 13. Juni 2006, 13:44

Das gefällt mir schon recht gut!
Danke - wie gehts weiter?

8

Dienstag, 13. Juni 2006, 13:46

Am besten gibst Du mir eine deatilierte Liste, welche Objekte und Flächen Du in welcher Größe brauchst...

Dann bastel ich das Ganze zusammen und schicke Dir dann die Bilder.
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

9

Dienstag, 13. Juni 2006, 18:54

[img_upload]4_vorlage.png[/img_upload]
so?

10

Mittwoch, 14. Juni 2006, 14:33

Zitat von »LapisInfernalis«

Dann bastel ich das Ganze zusammen und schicke Dir dann die Bilder.
Auch wenn es mich nichts angeht.. meinst du nicht, es währe für ihn wesentlich hilfreicher, ihn mit einer Anleitung zu unterstützen, statt das für Ihn zu machen? Außerdem können andere WSBler vielleicht auch noch was dran lernen.

Ich habe so etwas ähnliches unter www.momo-online.com versucht, und habe die Erfahrung gemacht, dass es am realistischsten wirkt, wenn man sich die einzelnen Elemente (Pinnwand, zettel, Nadeln) zusammensucht (z.B. google, oder Datenbanken lizenfreier Fotos), die Webseite im Bildbearbeitungsprogramm gestaltet, und diese anschließend für das Slicing optimiert.

11

Mittwoch, 14. Juni 2006, 14:59

@Neumanns

Jupp, so ist OK.

@streifenkiste

Da hast Du mit Sicherheit Recht, doch wie ich in diesem Thread bereits eingangs erwähnte, fehlt mir einfach die Zeit, alle notwendigen Techniken zu erläutern, die für ein derartiges Vorhaben nötig wären.

Z.B. die Photos... Klar kannst Du Sie Dir im Internet zusammensuchen, aber zum einen gibt es da rechtliche Einschränkungen (auch lizenzfreie Photos darfst Du in der Regel nicht für kommerzielle Projekte nutzen) und zum anderen brauchst Du dafür ja auch entsprechende Kenntnisse, will heißen, die Bilder müssen ja auch freigestellt werden usw. usf.

Da ist es für mich einfacher, die Sachen zu machen (zumal ich dafür keine Photos brauche) anstatt alles zu erklären. Wenn ich wieder mehr Zeit habe, folgen ohnehin ein paar Grafik-Tuts. Und wenn es genug Leute interessiert, vielleicht auch zu so speziellen Themen wie diesen hier...
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

12

Mittwoch, 14. Juni 2006, 19:09

Danke nochmal!

Ich würde mich freu besser mit Photoshop umgehen zu können. Ich freue mich schon auf deine Tuts....

13

Donnerstag, 15. Juni 2006, 10:37

Hi,

Zitat von »Neumanns«

ich dachte da dann an eine Pinwand an der alles Gepinnt wird. Dachte auch an so kleine Gimnicks wie einen Hampelman der die Arme und Beine hebt wenn man ihn mit der Mouse berührt....

dann schau Dir mal http://css.fractatulum.net/ an...
Gruß
Ingo

14

Donnerstag, 15. Juni 2006, 21:24

Sag mal Neumanns, welche "Extras" außer dem Hampelmann wären wünschenswert oder vorstellbar?
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

15

Donnerstag, 15. Juni 2006, 23:47

@Ingo

Die seite kannte ich noch gar nicht. Das Papier sieht gut aus und dre Hampelmann ist sowas was ich als Gimmick meinte.

@LapisInfernalis


Ich habe da noch das Logo bekommen von der Schule
[img_upload]4_markuslogo.jpg[/img_upload]


Wenn man noch einen Rahmen hätte für Fotos......(Gallerie)

Was könnte man noch anpinnen als Gimmick? Einen Schlüssel, oder Eintrittskarten oder ein Button mit dem logo der sich dreht....

16

Freitag, 16. Juni 2006, 00:06

Das Logo der Schule hast Du nicht zufällig auch in einem vektorisierten Format? CorelDRAW! (.cdr), Adobe Illustrator (.ai), EPS oder Windows Meta File (.emf und .wmf)?
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

17

Freitag, 16. Juni 2006, 06:56

Leider habe ich es nur als .hpg bekommen. ich hatte mal CorelDraw 4 aber das ist nicht mehr auf der Platte, sonst hätte ich mir schon die Arbeit gemacht.. :)

18

Freitag, 16. Juni 2006, 16:30

Juut... Da kann man nix machen... :D

Lass uns die Liste der zusätzlichen Dinge auf er Pinwand mal konkretisieren... Da es sich um eine Seite für eine Grundschule, bzw. den Förderverein, handelt, sollten es auch in diesem Zusammenhang stehende Dinge sein...

Schlüssel oder Eintrittskarten würde ich daher eher nicht in Betracht ziehen.

Folgende Dinge fallen mir dazu ein:

- Logo als Ansteckbutton oben rechts (aber ohne Animation, die nervt auf Dauer)
- Hampelmann (wo willst Du den hinhaben, wie groß?)
- Ein Stundenplan?

Was würde noch schultechnisch Sinn machen? Ich war schon so lange nicht mehr in einer Schule... :D

Zur weiteren Vorgehensweise...

Wie gut kennst Du Dich mit Bildbearbeitung insgesamt aus? Gut genug, damit Du Dir die Grafiken zurechtschneiden kannst?

Ich meine kommst Du damit klar, wenn ich Dir eine zusammenhängende Grafik mache, die Du Dir in Stücke zerlegst, oder willst Du lieber einzelne Segmente, die Du im Layout nur zusammenfügen musst?
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

19

Freitag, 16. Juni 2006, 19:07

Zitat von »LapisInfernalis«

Juut... Da kann man nix machen... :D

Folgende Dinge fallen mir dazu ein:

- Logo als Ansteckbutton oben rechts (aber ohne Animation, die nervt auf Dauer)
- Hampelmann (wo willst Du den hinhaben, wie groß?)
- Ein Stundenplan?


Logo als Button, da dachte ich an einen Mouseovereffekt, die ganze zeit drehen würde ich auch nicht machen...oder er fällt bei over halb ab oder so....
Der Stundenplan ist zu groß....

Der Hampelmann von "Ingos" Seite so wäre es gut...

Zitat


Zur weiteren Vorgehensweise...

Wie gut kennst Du Dich mit Bildbearbeitung insgesamt aus? Gut genug, damit Du Dir die Grafiken zurechtschneiden kannst?

Ich meine kommst Du damit klar, wenn ich Dir eine zusammenhängende Grafik mache, die Du Dir in Stücke zerlegst, oder willst Du lieber einzelne Segmente, die Du im Layout nur zusammenfügen musst?

eine psd datei würde reichen danke

20

Samstag, 17. Juni 2006, 12:01

Hi Neumanns...

Bitte suche Dir hier mal einen Hampelmann aus, der Deinen Vorstellungen am nächsten kommt: Klick mich

Desweiteren habe ich die Pinnwand mal ein wenig überarbeitet. Die Breite entspricht Nun Deinen Angaben, gleiches gilt für die Größe des Headers, Navi und des Footers.

Zur Pinnwand hier entlang... Bitte zeichne dort einmal ein, wo und wie groß der Hampelmann erscheinen soll...


Was die Inhaltsbereiche angeht, so habe ich mal mit ein paar Papiersorten experimentiert. Für die finale Version würde ich Dir folgendes vorschlagen:

1. Die beiden Einzelzettel nebeneinaner größer, so dass nur ein kleinerer Spalt übrigbleibt

2. Als Alternative ein Zettel, der so breit ist wie beide Einzelzettel zusammen, aber genauso hoch

3. Du bekommst jede Variante in jeder Papiersorte, so dass Du diese entsprechend auseinanderschneiden und beliebig kombinieren kannst.

4. Du bekommst dazu noch einen Streifen reine Pinnwand, wenn Du die Pinnwand verlängern willst, und z.B. nur auf einer Seite ein Zettel erscheinen soll...

Alternativ könnte man z.B. zusätzlich noch normale Reißzwecken oder Tesafilm (siehe Blatt oben rechts) ins Spiel bringen...
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)