Design erstellt, wie gehts weiter?

dan!eL · 28.02.2008, 12:42

hallo zusammen,

zunächst einmal ein riesen HUHU an alle, denn ich bin neu hier

ich kenne die seite schon seit längerem und habe ein paar fireworks grundlagen tutorials durchgearbeitet. nun stehe ich vor einem problem, dass denke ich wohl schon jeden anfänger betroffen hat. kurz im vorraus, ich besitze html grundkenntnis ggf. auch ein wenig mehr

nun bin ich vor kurzem auf den kicker gekommen mir ein neues design zu entwerfen und habe dies nun auch bewältigt. bei meinen alten homepages habe ich mein html grundgerüst (meist nur tabelle) gestrickt und die grafiken dann entsprechend angepasst bzw genau auf diese größen entworfen und eingefügt. jetzt ist es aber umgekehrt. ich habe mir ein design entwerfen und möchte es nun "zurechtschnipseln" bzw mit code schmücken.

dazu ein kleines, anschauliches bespiel wie es in der alltäglichen arbeit mit windows aussieht. ich öffne einen menü mit mehreren registern, diese logischer weise verschiedenen inhalt haben. so ist das grundprinzip meiner/jeder seite. ich habe einen kontentbereich der mit meinen html-seiten bzw inhalten gefüllt werden soll. und jetzt komme ich zum WIE. wie stelle ich das an, das ich meine 800x600 grafik so zurechtschnipsel bzw sich nur der bereich ändert, der einen anderen inhalt hat. es wird ja nicht jedesmal alles neu geladen (about me, downloads, ...).

ich hoffe ich versteht wie ich das meine. mir stehen div html editoren (phase5, dreamweaver, ...) zu verfügung. aber ich denke die vorarbeit muss nun doch mit fireworks gemacht werden. kann mir jemand erklären wie ich das zu bewältigen habe?

marc22 · 28.02.2008, 15:45

Du musst vor allem davon wegkommen, die Seite als statische Grafik zu betrachten. Dann kommst Du ganz schnell wieder auf die zusammenschnipsel- und Tabellentechnik. Eine Webseite besteht optimalerweise aus Elementen, die entsprechend Deinem Design optisch angepasst werden -> (x)html & css

Wenn Du immer nur Teilbereiche ändern möchtest -> ajax

dan!eL · 28.02.2008, 19:24

mir hat gerade jemand was gezeigt:
http://www.webmaster-elite.de/tutori...slicen,11.html

so wie ich das verstehe, muss ich wieder mit tabellen arbeiten. bei dynamischen inhalten ist das eher unpraktisch. kann mir jemand auf anhieb sagen, wie ich einen bereich zum weiterblättern ohne php oder iframes realisieren kann?

1XbolleX · 28.02.2008, 19:26

vergiss das tut ... ist von 2004 !!!

dan!eL · 28.02.2008, 19:50

Zitat:

Zitat von 1XbolleX

vergiss das tut ... ist von 2004 !!!

kannst du mir ein anderen empfehlen?

Rinaldo · 28.02.2008, 19:55

Um was geht es hier jetzt eigentlich?

Um das zerlegen eines fertigen Layouts? Um PHP?

Irgendwie blick ich da nicht mehr durch...

dan!eL · 28.02.2008, 20:03

Zitat:

Zitat von Rinaldo

Um was geht es hier jetzt eigentlich?

Um das zerlegen eines fertigen Layouts? Um PHP?

Irgendwie blick ich da nicht mehr durch...

ich hab mir ein komplettes design entworfen und möchte das nun "becoden". soweit kein ding, mir war das mit dem slicen (photoshop) bzw. segmentieren (fireworks) nur unklar. hab hier was tolles gefunden:
http://www.webmasterwelt.net/artikel...otoimpact.html

ich habe einen gewissen datenbereich, den conten (hier soll alles angezeigt werden). beispiel 400x400px , nun habe ich aber z.b. einen 10 seitigen text den ich da nicht unterbekomme, somit müsste ich mich durchblättern (seite 1 von 10 | zurück - weiter). um diese realisierung geht es mir nun. lässt sich das ohne php/iframes regeln? iframes verwendet ich nicht gerne, die sterben auch aus. und php bin ich soweit noch nicht bewachsen

hab hier eine seite gefunden wo es verdeutlicht wird: http://www.guddis-teddys.de/LormeX/
hier verändert sich auch jeweils der hintergrund pro akte/seite. ist das javascript? geht sowas mit div-containern?

Rinaldo · 28.02.2008, 20:18

Zitat:

Zitat von dan!eL

iframes verwendet ich nicht gerne, die sterben auch aus.

Sagt wer?

Und seh auch bei dem genannten Beispiel nichts besonderes?! Ein paar Seiten, die miteinander verlinkt sind... Normales Webdesign also?

dan!eL · 28.02.2008, 20:39

hab ich in diversen foren und sogar büchern(!) gelesen. wie geht das andere nun?

dan!eL · 29.02.2008, 14:58

das prinzip:

seite 1

ÜBERSCHRIFT

ein wunderschöne geschichte... bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
*mist kein platz mehr*


das hat zu folge das das komplette design auseinadergezerrt wird, da keine "dynamischen hintergründe/grafiken" daneben sind die sich "mitdehnen" (bilderwiederholung) könnten.

*gedankenblitz* bestes beispiel: 2 personen halten präsentierend ein holzschild in höhe der hüfte. das ist von der fläche begrenzt, also müsste man im holzbrett blättern können

<< 1 .. 2 >>

so müsste es dann aussehen

seite 1

ÜBERSCHRIFT

ein wunderschöne geschichte... bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
*umblätter zum weiterlesen*

Seite(n) << 1 .. 2 >>


seite 2

*fortsetzung lese*
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
ENDE der geschichte

Seite(n) << 1 .. 2 >>

MediTim · 02.03.2008, 13:20

Zitat:

*gedankenblitz* bestes beispiel: 2 personen halten präsentierend ein holzschild in höhe der hüfte. das ist von der fläche begrenzt, also müsste man im holzbrett blättern können

Gute Idee, bloß wo ist das Problem bei dir/bzw was verstehst du nicht?

rewboss · 02.03.2008, 15:44

Am Einfachsten ist, du erstellst zehn (oder wie viele Seiten du auch brauchst) Seiten und schreibst die Navigation auf jeder Seite neu.

dan!eL · 03.03.2008, 14:42

Zitat:

Zitat von MediTim

Gute Idee, bloß wo ist das Problem bei dir/bzw was verstehst du nicht?

WIE das ganze codetechnisch auszusehen hat, bzw. nach was ich mich da umsehen muss.

Zitat:

Zitat von rewboss

Am Einfachsten ist, du erstellst zehn (oder wie viele Seiten du auch brauchst) Seiten und schreibst die Navigation auf jeder Seite neu.

das war mir soweit klar, s.o.

rewboss · 03.03.2008, 19:16

Zitat:

Zitat von dan!eL

WIE das ganze codetechnisch auszusehen hat, bzw. nach was ich mich da umsehen muss.

Wie, "codetechnisch"? Brauchst du eine Einführung in die HTML-Codierung, oder wie soll ich das jetzt verstehen?

MediTim · 04.03.2008, 10:07

Ich hab das so verstanden, dass du jetzt ein Design hast und z.B in derr Mitte einen Raum/Platz hast, in dem Textinhalt geschrieben werden soll.
Dein Problem ist es jetzt, dass wenn der Text zu lang ist, das Design vertikal auseinandergezogen wird, weil der Platz für den Text nach unten hin ja größer werden muss.
Nun hast du die Idee, dass wenn der Platz für den Text größer werden soll, der Text einfach auf "seite 2" weitergeht.

Wenn ich das jetzt so richtig verstanden hab, schreib das doch bitte ggf verbesser mich.