How to colles Design ?

    <blockquote><font size="1">In Antwort auf:</font><hr> 30 Tage trial version von Marcomedia Dreamviewer <hr></blockquote>
    esrtens hei&szlig;t das programm dreamweaver und zweitens sind drei&szlig;ig tage vielleicht etwas kurz. du wirst ja auch immer wieder veränderungen machen!


    aber in kurzform:
    so ein design macht man mit tabellen, also einer zeile oben (der header) dann zwei spalten (menü und hauttext) wieder eine zeile (fu&szlig;)
    bei sotb.de gibts dazu ein tutorial, das hei&szlig;t, wenn die seite mal endlich wieder online geht...


    ------
    momentan nur halb zur Stelle...
    <a href="http://www.simpsonssource.de" target="_blank">http://www.simpsonssource.de</a> &nbsp;

    In letzter Zeit tauchen hier immer wieder Fragen nach Tutorials und Anleitungen zu Flash, Dreamweaver, Homepagegestaltung usw. auf. Dazu mu&szlig; ich sagen: In den Macromedia-Programmen sind gute Tutorials enthalten, schaut Euch die mal an! Leider werden auch die wenigsten Leute hier die Zeit haben, solche Anleitungen zu erstellen, geschweige denn, jemand anderem eine Website zu gestalten.


    Deshalb immer wieder mein Tip: Schaut Euch die anderen Seiten an, sucht Anleitungen im Internet (gibt es reichlich, man mu&szlig; nur etwas suchen!) und lest Bücher und Zeitschriften, die sich mit diesen Themen beschäftigen! Und am allerwichtigsten: Selbst ausprobieren und herumbasteln! Nur so findet man heraus, was die Programme alles können, und nur so lernt man es auch! Man darf keine Wunder erwarten, und es wird sicher auch nicht auf Anhieb alles perfekt sein, aber mit der Zeit kommt die Erfahrung dazu, und nach und nach wird man immer besser!


    EDIT: Ach ja, und siehe hier: <a href="http://www.homepagemodules.de/board/show.php4?board=1875&amp;subc=G&amp;id=33692&amp;forum=4602" target="_blank">http://www.homepagemodules.de/…p;id=33692&amp;forum=4602</a> (danke an SunJay für das Posting).


    Andreas


    <img src="http://www.lisasimpson-net.de/sigs/sig5.jpg" border=0>
    &middot;&middot;&middot; Website: <a href="http://www.lisasimpson-net.de" target="_blank">http://www.lisasimpson-net.de</a> &middot;&middot; E-Mail: <a href="mailto:webmaster@lisasimpson-net.de">webmaster@lisasimpson-net.de</a> &middot;&middot;&middot; &nbsp;

    Carpi


    Naja, mir gefallen diese "Tabellen-Designs" nicht mehr so. Mittlerweile hat doch sogut wie jede Simpsons-Site so ein Design. Das einzige wodurch sich die Sites noch wirklich unterscheiden ist der Name und die Farben. Versuche lieber etwas aussergewöhnliches aus, damit hast du mehr erfolg!


    --
    <img src="http://buerger.metropolis.de/pepcid/emily_pascal_sig.jpg" border=0>
    &nbsp;

    Tabellen sind als Layout-Hilfe wirklich unverzichtbar (es sei denn, man bastelt sich da was mit Layern und Stylesheets zurecht, aber das kann nix werden <img src="http://img.homepagemodules.de/wink.gif">). Die mittlerweile weitverbreiteten "Standard-Simpsons-Layout-Tabellen-Websites" finde ich hingegen auch etwas zu strapaziert, um es noch innovativ aussehen zu lassen. Aber es ist sicher der einfachste Weg, ein wenigstens halbwegs vernünftiges Seitenlayout zusammenzustellen. Und auch Frames können, geschickt eingesetzt, eine ganze Menge bewirken (wer sich bei KMS daran gestört fühlt: Ich habe schon eine Idee, es noch besser zu machen... <img src="http://img.homepagemodules.de/grin.gif">).


    Andreas


    <img src="http://www.lisasimpson-net.de/sigs/sig5.jpg" border=0>
    &middot;&middot;&middot; Website: <a href="http://www.lisasimpson-net.de" target="_blank">http://www.lisasimpson-net.de</a> &middot;&middot; E-Mail: <a href="mailto:webmaster@lisasimpson-net.de">webmaster@lisasimpson-net.de</a> &middot;&middot;&middot; &nbsp;

    Natürlich sind Tabellen unverzichtbar!
    Mit "Tabellendesign" meinte ich nicht alle Designs die Tabellen verwenden (das währen fast alle), sondern dieses spezielle Layout mit dem typischen Header, der Navigation auf der linken Seite und dem Vote und den Buddies auf der rechten Seite..Nicht zu vergessen..unten drunter kommen natürlich noch die "Legal Notice".


    Mit Frames kann man zwar auch ordentliche Design bastellt, aber wenn man es so sieht sind da Tabellen auch unverzichtbar!
    --
    <img src="http://buerger.metropolis.de/pepcid/emily_pascal_sig.jpg" border=0>
    &nbsp;

    Pascal : Wenn eine der gro&szlig;en Seiten jetzt mit einem innovativen neuen Design kommt, werden es die anderen aber eh früher oder später nachmachen!
    ----------
    Kristof


    <img src="http://www.simpsonsline.de/temp/sig_16.jpg" border=0> &nbsp;

    Kristof : Natürlich. Aber einige wenige Seiten haben ein wirklich ausgefallenes Layout, das macht keiner so schnell nach, und diese Seiten haben bei mir immer einen Extra-Bonus. <img src="http://img.homepagemodules.de/smile.gif"> Ich denke da z. B. an den "Simpsons Folder", an "Little Miss Springfield" usw.


    Andreas


    <img src="http://www.lisasimpson-net.de/sigs/sig5.jpg" border=0>
    &middot;&middot;&middot; Website: <a href="http://www.lisasimpson-net.de" target="_blank">http://www.lisasimpson-net.de</a> &middot;&middot; E-Mail: <a href="mailto:webmaster@lisasimpson-net.de">webmaster@lisasimpson-net.de</a> &middot;&middot;&middot; &nbsp;

    Aber <a href="http://irsburger.com/" target="_blank">http://irsburger.com/</a>
    hat noch keiner nachgemacht!!


    Auber das Springfield-Story.de.vu design kommt ihr bekannt vor<img src="http://img.homepagemodules.de/rolling_eyes.gif"><img src="http://img.homepagemodules.de/rolling_eyes.gif"><img src="http://img.homepagemodules.de/rolling_eyes.gif">


    <a href="http://www.simpsonsline.de/apu" target="_blank">http://www.simpsonsline.de/apu</a> &nbsp;

    Carpi : Hab' ich gerade auch gepostet. <img src="http://img.homepagemodules.de/wink.gif">


    EDIT: An die Admins: Warum bin ich immer noch Focusin-Member??? <img src="http://img.homepagemodules.de/grin.gif">


    Andreas


    <img src="http://www.lisasimpson-net.de/sigs/sig5.jpg" border=0>
    &middot;&middot;&middot; Website: <a href="http://www.lisasimpson-net.de" target="_blank">http://www.lisasimpson-net.de</a> &middot;&middot; E-Mail: <a href="mailto:webmaster@lisasimpson-net.de">webmaster@lisasimpson-net.de</a> &middot;&middot;&middot; &nbsp;

    <b>Shakers Weg Zum Perfekten Design!</b>


    Befolge einfach diese einfachen Schritte!


    1. Lerne mit HTML, Perl, PHP, ASP, MySQL, Flash, dHTML, CSS, SSI, Java, ... umzugehen!


    2. Besorge dir FirstPage2000 und PSP/PS


    3. Sammle Ideen, indem du
    a) http://www.coolhomepages.com besuchst
    b) auf http://www.k10k.net und http://www.designiskinky.com auf alle links klickst


    4. Füge alle Ideen in deinem Kopf zusammen - <b>schreibe nichts auf/mache keine Skizzen!</b> (das ist nur was für Weichkekse!)


    5. Setz' dich für 3-4 Wochen vor deinen PC und designe so viele seiten wie nur irgend möglich!


    6. wähle dann das beste aus!


    7. mache es einfacher, indem du nutzlose dinge rauswirfst!


    8. mache es noch einfacher


    9. such dir nen guten host, lade es hoch und freue dich!


    10. vermeide es englische sprache auf deiner seite zu benutzen! (sie 'Topic' und 1.Beitrag - es hei&szlig;t cool! <b>C O O L</b>



    Ain't it easy?!
    ___________________


    <i>Shake along with me!</i> &nbsp;

    Ich kenne aber eine Weg mit dem es noch einfacher ist als mit Tabellen seine Seite zu gestalten man. Manchmal kann es ja vorkommen, dass eine Spalte zu breit oder zu schmal ist, doch man kann jetzt die Tabellen genau so plazieren wo man sie hinhaben will. Normal würde das ja ganz grob so aussehen :


    <TABLE BORDER=1 WIDTH=100%>


    <TR>
    <TD COLSPAN=2>


    Header


    </TD>
    </TR>


    <TR>
    <TD>


    Menü


    </TD>
    <TD>


    Inhalt


    </TD>
    </TR>


    <TR>
    <TD COLSPAN=2>


    Fuss


    </TD>
    </TR>


    </TABLE>


    Ich wei&szlig;, für manche wird so was überhaupt kein Problem sein, aber für mich war das damals auch eine ziemliche Umstellung von Frame-Seiten auf Nicht-Frame-Seiten. Also hier die vereinfachte Variante:


    <TABLE BORDER=0 WIDTH=100% STYLE="position:absolute;top:5px;left:20px">


    <TR>
    <TD>


    Header


    </TD>
    </TR>


    </TABLE>


    <TABLE BORDER=0 WIDTH=30% STYLE="position:absolute;top:20px;left:20px">


    <TR>
    <TD>


    Menü


    </TD>
    </TR>


    </TABLE>


    <TABLE BORDER=0 WIDTH=70% STYLE="position:absolute;top:20px;left:200px">


    <TR>
    <TD>


    Inhalt


    </TD>
    </TR>


    </TABLE>


    <TABLE BORDER=0 WIDTH=100% STYLE="position:absolute;top:50px;left:20px">


    <TR>
    <TD>


    Fuss


    </TD>
    </TR>


    </TABLE>


    Das Einfachere hierbei ist, dass die Spalten und Zilen nicht mehr voneinander abhängig sind. Au&szlig;erdem kann man sie plazieren, wo man sie hinhaben will. Aber so etwas finde ich nicht gerade professionel. Ich würde es immer nach dem ersten Beispiel machen, aber die, die es nicht besser können, können ja das zweite Beispiel als Alternative wählen.



    <i>Bild in Arbeit</i> &nbsp;

    niemals prozentangaben! 1. sieht deine seite unter verschiedenen auflösungen anders aus und 2. brauchen langsame pcs ewig zur berechnung. wenn einer mit nem Pentium100 surft, kannn das berechnen der seite manchmal länger dauern, als das herunterlden der dateien


    ------
    momentan nur halb zur Stelle...
    <a href="http://www.simpsonssource.de" target="_blank">http://www.simpsonssource.de</a> &nbsp;