Auf Thema antworten 2026

JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Beitrag: <blockquote data-quote="rockscientist01" data-source="post: 1710050" data-attributes="member: 220195">AW: Was mache ich falsch?spacle du brauchst vor allen Dingen mal einen Plan.Geh doch mal Schritt für Schritt vor: 1) lege das grundlegende Layout fest, d.h. mach in Photoshop (PS) eine Datei in etwa in Bildschirmgröße, und lege da nur rechtecke rein: Wo Dein heder hin soll und wie groß, wo deine navi hin soll und wie groß, wo der content hin kommt, und wie groß, und zum Schluß noch wo der footer... Das nennt man mock up und sieht dann irgendwie so aus:<a href="http://www.dawnreel.com/website-mockup-small.gif" target="_blank">http://www.dawnreel.com/website-mockup-small.gif</a>2)lege neue Ebenen an, und designe deine site. Soll heißen: Baue Deine site so, wie sie aussehen soll exakt in PS.3)mach dein layout in html. Also lege alle divs an, die du brauchst, in das div, in das die navi kommt machst eine ul mit allen entsprechenden Listenpunkten, lege in den content-div ein paar Überschriften h1-h4 oder so, und 2 paragraphen mit ausreichend blindtext, in etwa so viel, wie du später gedenkst in die site einzupflegen. Wenn du das hast gehts ans stylen:4) Vermiss Dein mock up!!! Pixelgenau! Slice die benötigten Bilder, die du brauchst, aus deinem PS mock up uns speichere sie in einen image Ordner.5) Style mit css! Geh von oben nch unten Dein Layout durch und style alles so, wie du es gerne hättest. Natürlich kannst/musst/solltest du schon vorher in Punkt 3 ein stylesheet anlegen und darin grob das Layout vorgeben, aber eben nur soweit, dass du alle divs auseinander halten kannst und siehst, ob z.B. bei zu viel Text irgendwelche divs aus dem Ruder laufen. Aber hier und jetzt kannst du deine site fertig bauen und das css tweaken.Das ganze beschreibt einen iterativen Prozess, soll heißen: Manchmal muss man wieder von vorne anfange, weil man merkt, dass man von vornherein Fehler gemacht hat.Aber wenn du so strukturiert vorgehst, dann hast du einen Faden, an dem Du Dich langhanglen kannst. Und es macht es leichter, Dir zu helfen, weil du immer konkret an einem Punkt arbeitest.hier z.Bleistift gibbet Tutorials, wie man websites in PS entwirft:<a href="http://www.google.de/#hl=de&source=hp&q=website+layout+tutorial&aq=f&aqi=g1&aql=&oq=&fp=47cdb7b9cadaa4c7" target="_blank">http://www.ast-blog.de/2009/05/03/30-photoshop-weblayout-tutorials/</a>So das wars <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile    :)" loading="lazy" data-shortname=":)" />AOok eins noch: fang klein an, ganz klein <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile    :)" loading="lazy" data-shortname=":)" />1 index.html mit menüvon 2 Punkten, 2 untersites. Das kann man auch als Anfänger bewerkstelligen und man hat schnell ein Erfolgserlebnis. Und man lernt unheimlich was. Die 2. site kann dann aufwändiger werden. So, jetzt aber <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile    :)" loading="lazy" data-shortname=":)" />AO</blockquote> Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung: Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?