Ansprechendes esign für Homepage

Hallo!

Ich arbeite schon seitjahren mit webspaces, emailzugriffen und HTML, und versuche manchmal, eine Homepage zu Programmieren, allerdings will mir das Design iwi nicht so recht gelingen… (einer meiner versuche: http://m-gate.de )
Meine Frage: Gibt es irgendwo einen Leitfaden wie man ein ansprechendes und hübsches Design für eine Homepage programmiert?
Ich habe als Grafikprogramm Photoshop elements 5 und als Wysiwyg editor nvu :wink: kann aber selber HTML

grüße
Marc

Hallo Marc

(Guten) Geschmack kann man nicht lernen :wink:

Schau Dir doch einfach den Quelltext und den Aufbau von Seiten an, die
Dir gefallen und mach dann was Eigenes, das Dir entspricht.

Gruss
Heinz

Hallo,

[vorab: egal was kommt, KEINE HINTERGRUNDMUSIK!]

lernen kann man sowas eigentlich nur selbst. Und wenn man absolut keinen Geschmack hat, wirds auch in 10 Jahren nichts werden mit schönen Homepages :smile:

Zunächst musst du dir klar darüber werden, für was die Seite überhaupt dienen soll. Unterhaltung? Information? Selbstdarstellung? Bilder? für einen Verein? für eine Firma etcpp…?
Der nächste logische Schritt wäre es dann, Inhalte zu strukturieren, zu ordnen und Verknüpfungen zwischen diesen sinnvoll zu erstellen. D.h. was für Seiten soll es geben, was soll dort und dort zu finden sein. Wie soll die Struktur des Menüs sein, wie findet sich die Zielgruppe gut zurecht? Eine Seite für Kinder und Jugendliche gehört anders strukturiert als eine Seite für ein Sanitätshaus.
Die ganze Planung findet idealerweise noch mit Papier und Bleistift statt…

Dann: wie willst du das ganze umsetzen? Mit Flash (tu’s lieber nicht…)? „Normales“, altes HTML? mit CSS? PHP?
Dann probier mit diesen Sprachen einfach ein bisschen herum. Versuch dein in der Planungsphase erstelltes Menü zu erstellen, probier verschiedene Anordnungen aus, verschiedene Farben, guck dir von anderen Homepages bestimmte Tricks ab, was gefällt dir an anderen Seiten, was nicht etc. Zieh dir einfach überall das Beste raus (ohne aber ein Design zu klauen wohlgemerkt!). Wie gesagt, lernen kann man das nicht.
Einfach mit einer Seite rumspielen und nochmals rumspielen, bis du Stück für Stück deinen Weg findest.
Beim Design und Strukturierung darauf achten, dass alles für den erstmaligen Besucher möglichst intuitiv ist. -> keine nervigen Werbe-poups, keine grellen Farben (denk an verschiedene Monitore!!), keine unübersichtlichen Menüs, keine exotischen Befehle verwenden für Menüs.
Womit wir auch schon beim Thema Kompatibilität wären. Probier die Seite in allen gängigen Browsern aus. Was im IE gut aussieht, kann in Opera oder Firefox kaum lesbar sein, wenn man es denn überhaupt sieht. Halte dich also für die Validierung deines Quelltextes an die Jungs von W3C.org. Wenn du jetzt ein bisschen Geschmack und Gespür für Farben hast, bist du auf einem guten Weg!

Grüße
VAST

PS: Oft ist das Problem bei fehlenden Desgin-Ideen, dass man nichtmal eine Idee für einen Inhalt hat…*räusper*

Danke für die tipps!!

Marc

Hallo, da es noch niemand erwähnte, ein bisschen Designorientierter als das gute selfhtml ist www.drweb.de
Dort muss man allerdings ein wenig scollen, auf der rechten seite unten findet man eine Navi-Liste mit Designthemen zu Farben und Co.

Schöne Grüße Susanne

Moin,

das ist eigentlich der ideale Zeitpunkt, aktuelles, semantisches HTML zu lernen und CSS-Design durch strikte Trennung von Inhalt und Layout.

Wenn Du nicht dadurch vorbelastet bist, ein bestimmtes, starres Design umsetzen zu „müssen“, kannst Du Dich voll darauf konzentrieren, wie man HTML richtig anwendet. CSS und das Design kannst Du beim Auszeichnen erstmal völlig außer Acht lassen. So kriegst Du eine perfekte HTML-Struktur hin: HTML, so wie es immer schon gedacht war.

Und dann erst das Stylesheet drauf, wenn der Inhalt komplett ausgezeichnet ist. Das ist Trennung von Inhalt und Layout.

Was mir noch dazu einfällt, auch wenn es (aufgrund der Anforderung) nicht der beste HTML-Code ist: http://www.csszengarden.com/ . Aber hier hast Du einen HTML-Code mit schier unendlichen Designs.

Oder Du schaust z.B. bei http://www.templatemonster.com/ rein und guckst Dir ein paar Designs an und downloadest oder kaufst sie da oder versuchst sie nachzubilden.

Gruß,
-Efchen

Hallo!

Ich arbeite schon seitjahren mit webspaces, emailzugriffen und
HTML, und versuche manchmal, eine Homepage zu Programmieren,
allerdings will mir das Design iwi nicht so recht gelingen…
(einer meiner versuche: http://m-gate.de )

Interessant finde ich die Wortwahl im Begrüßungstext:

„Schön dass du dich hierher verirrt hast!“

Verirrt haben sich doch eigentlich nur Menschen, die etwas ganz anderes gesucht hatten, oder? Meinst Du nicht auch das solche Sätze ziemlich abwertend wirken?

Gruß Marcus :smile:

Literatur: Missing Links
http://kommdesign.de

Ich habe als Grafikprogramm Photoshop elements 5 und als
Wysiwyg editor nvu :wink: kann aber selber HTML

Egal. Geschmack und Technik sind 2 paar Schuhe.

http://m-gate.de

Du hast keine Hintergrundfarben angegeben. Siehe Tipp 1: http://klafuenf.de/links_webmaster.shtml

Gruß

Stefan