Wie baut man Layouts für Homepages?

[Ninh]

Ja, wie der Titel des Threads schon sagt...
Ich möchte nun endlich mal wissen/lernen, da ich mich recht oft mit Adobe Photoshop beschäftige, wie man Layouts für Homepages bastelt.

So habe ich mal angefangen unter Google zu suchen und bin auf Glück auf diese Seite http://www.heise.de/ct/01/02/074/ gestoßen.
Ich bräuchte Hilfe wie es generell so funktioniert. Man muss viel mit HTML-Codes arbeiten, bzw. das Layout besteht ja eigentlich nur daraus.
Aber wenn man darin kaum Ahnung hat?!

Ich habe mir von dieser Seite nun mal dieses Brainstorm 1.0 gezogen. Ist es wirklich empfehlenswert? Vor allem, für einen Anfänger, wie mich?
Ein Beispiel, wie ich mir das Layout vorgestellt habe:
http://www.phantasmorgia.de/ Und soweit ich weiß, gehört dieses Layout zu den Einfachsten.

Meine Fragen:
Wie habt ihr dass mit dem TGA-Layout gemacht?
Mit welchen Programmen habt ihr gearbeitet?
Wo könnte ich mich anmelden, dass ich schonmal vorweg eine Homepage hätte, auf der ich dann das Layout ziehen kann?


Würde mich gerne aufklären lassen ;)

Gruß,
Ninh - Kathi (ICQ: 343218522)

[solace]

Das Layout für die TGA-Page hat Seele gemacht. Der php-Kram kommt glaube ich von Babba. Schreib Seele mal ne PM der kann dir da bestimmt die Progs verraten.

Ansonten bin ich eher ein Webdesign-Noob. Habe mich mal an Flash versucht, aber das wurde mir alles zu Zeitaufwendig.

Gruß Solace

[Ninh]

Ich sehe gerade http://www.phpbb.com/ *g*
Aber alles auf Englisch :|

[Xyvyon Oscura]

InDesign oder Photoshop anmachen *malen nach zahlen* ausschneiden und fertig :)

PS: nimm Flash geht leichter und ist echt simpel zu lernen

[Ninh]

InDesign oder Photoshop anmachen *malen nach zahlen* ausschneiden und fertig :)

PS: nimm Flash geht leichter und ist echt simpel zu lernen

Hilft mir nun aber auch nicht weiter... :?

[Farina]

ich glaub erstmal solltest dich ein wenig in Html einarbeiten,
diese Seite hiflt dir vielleicht
http://de.selfhtml.org/

als Editor eventuell den hier

http://www.winplanet.com/file/11576.htm

Allaire homesite



http://www.juergens-workshops.de/service/selfphp_1_2/index.html

vielleicht hilft dir das ein wenig weiter bei PhP.

Ansonten kannst mich auch gern per icq antippern, bin auch bei meiner HP bei und hab noch nen schönes PHP Buch hier liegen falls du fragen hast.

[Bato]

Mein Tipp: Kleine Programme wie Frontpage oder Dreamweaver. Natürlich von allen Cracks verpöhnt aber so ist der Einstieg leichter und dank "What you see is what you get" hackt man nicht an irgendwelchem Code rum sondern man sieht das Endprodukt (naja, manchmal haut's einem auch Sachen kaputt am im Großen und Ganzen funzt's).

Die Frage ist halt in welchem Umfang du jetzt tätig werden willst. Geht es nur um eine "einfache" Homepage oder willst du gleich etwas Community-mäßiges wie die TGA-Seite aufziehen? Dafür gibt es zum Beispiel auch fertige Baukastensysteme, die man sich kostenlos besorgen kann. Brauchst dann alerdings einen Webspace, der PHP unterstützt...

[Babba]

Adobe Image Ready und Photoshop ;)

Die arbeiten perfekt zusammen.

Aber ohne Buch wirds schwierig und weitergehende Funktionen wie Inhalte oder gar dynamische Seiten gehen damit selbstverständlich auch nicht.

Mit Image Ready anfangen (Hilfslinien setzen, Grundgerüst "malen"), für speziellere Effekte auf Photoshop switchen. Wenn alles passt mit Image Ready sogenannte Slices erzeugen (Ausschnitte/Schnittmuster) und nach HTML exportieren.
Alternativ kann man auch nur Photoshop nutzen und hinterher das Layout mit Dreamweaver etc zerschnippeln...so hat das damals Seele gemacht (glaub ich).

Fertig ist das komplette Grundgerüst..ein zerschnittenes Layout das im Browser wahlweise per Tabellen oder CSS wieder zusammengesetzt wird.

Wie üblich bei solchen Programmen ist auch nen Haufen unbrauchbarer Styles oder Tabellen dabei..wer keine Ahnung hat lässt sie drin, alle andern specken den Quellcode ab :)

Gruss

Babba

[Borbarad]

Geh in die Buchhandlung, da gibbet so schöne Bücher wie HTML (oder PHP) für Dummies, da ist eine CD mit allem möglichen Programmen dabei die Du zum lernen mit dem Buch brauchen kannst.

Sind schön geschrieben mit Beispielen etc.

[Ninh]

Verdammt, und ich dachte sowas geht recht einfach... :(
Was mach ich nun?

Der Owner hofft auf so ein Layout -> http://www.phantasmorgia.de
Also, kein Flash! Soll keine priv. Homepage werden sondern jediglich ein UO Rollenspiel-Freeshard.

[VimS]

Du kannste auch mit Macromedia Fireworks deine Seite "Malen" und dann das ganze als HTML+Bilder exportieren lassen.

Ansonsten empfehle ich Dreamweaver + Photoshop.
Da muß man aber einiges an Zeit investieren bis man damit umgehen kann. :roll: