Homepage-Design: Wo fängt man an?

[Heiko]

Hallo!

Seit längerem Plane ich eine Homepage zu bauen. Einiges an Grundwissen habe ich auch schon zusammengetragen. Allerdings weiß ich nicht, wo ich anfangen soll.

Ich stelle mir vor, dass ich mit mehreren Frames arbeiten muss. Aber diese sollte nicht sichtbar sein (-> also BORDER=0). Auf der Seite soll es auch ein Grafik, als Hintergrund, geben, die sich durch mehrere Frames zieht. Bezgl. dieser Grafik tauchen die ersten Probleme auf. Erstelle ich die Grafik komplett für das komplette Frameset und schneide diese dann entsprechend auseinander, um sie dann in die einzelnen Frames einzufügen, oder erstelle ich für jeden Frame einen eigenen Hintergrund?

Gibt es evtl. auch Tools, die ein komplettes Bild entsprechend einem vorgegebenen Frameset zerhacken?

Vielen Dank im Vorab!

Gruß

Heiko

[Chräcker Heller]

Hallo,

immer wenn man anfängt eine neue Seite zu bauen, sollte man als erstes seinen Computer ausmachen. Nein, ehrlich. Dann nimmt man einen Zettel und überlegt: was will ich darstellen? Wer wird meine Seite besuchen? Was wollen die sehen und was will ich davon befriedigen?

Dann kommt erst die Überlegung, wie man das alles darstellen will. Wenn Du tatsächlich ein Menü brauchst, und dieses immer an einer Stelle stehen bleiben muß, egal wie lang die eigendliche Seite ist, dann sind Frames eine Möglichkeit. Ich persönlich bin der Meinung: es muß nicht immer Frame sein, aber es darf!

Ich male meine Seiten übrigens in meinem Grafikprogramm immer vor. Dann kann ich schneller sehen, wie sie sich anfühlen werden. Dazu nehme ich auch den Browserrahmen und lege ihn über das Bild.

Wenn Du ein Hintergrundbild über Framegrenzen hinweg haben willst, dann kann ich Dir nur raten: Laß es lieber .... denn: der Netscape ist nicht in der Lage, Deine Breiten und Höhenangaben korekt zu "benutzen": im klartext: Du hast keine absolute Kontrolle über die Breite der frames, daß sind zwar nur ein paar Pixel, aber die zerschiessen jedes zusammengekachelte Bild. Es gibt solche Seiten, aber das sind dann schon sehr rafinierte Konstrukte, bei denen unterschiedlich breite frames beim Bild nichts ausmachen. (weil an der natstelle sowieso nur z.Bsp. ein durchgehender Balken zu sehen ist und man diesen Balken dann als Hintergrundbild der Seite verwendet hat....) aber das ist schon die höhere Kunst....

Chräcker

<img src="http://homepages.compuserve.de/ackheller/stempel/grafiken/logo.gif" alt="">http://www.chraecker.de/stempel

[stefan(klein geschrieben)]

hallo heiko,

ich hänge mich mal an cräcker an (weil schon vieles gesagt ist).

was will ich darstellen? Wer wird meine Seite besuchen?

ich wirds umgedreht machen. grund:
-wer ist die zielgruppe bsp.:z.b. filmverleih, dann dhtml evtl. flash
nachrichtenagentur, pur html (etwas js)

wie gesagt wer will es sehen, dann die darstellung.

der rest ist gesagt, obwohl jeder seine eigene methode hat.

gruß stefan

[ole]

hi Chräcker

naja, ein bisserl unlogisch bist ja schon *smile*, erst den rechner aus machen und dann im grafikprogramm arbeiten *hehe*, das darfst du mir mal vormachen ;-).

hi heiko, Chräcker

aber der ansatz ist wirklich gut. ich hab mir vor wochen ein je ein paket blei-, bunt und flisstifte gekauft (und natürlcih den passenden stoss papier).
alles was ich mache bringe ich erstmal via stift aus meinem kopf aufs papier, geht viel schneller als mit nem grafikprogramm oder gar mal eben zu coden.

deine ersten gedanken müssen eh sein:

1. was will ich?
2. für wen will ich das?
3. welches ziel hab ich?
4. wie komm ich da hin?

und die allerletzte frage sollte sein

5. wie soll es aussehen

ich denke damit kann man sich ne menge arbeit ersparen, wenn man sich das vorher durch den kopf gehen lässt.

alles liebe
ole
(8-)>

[Bernhard Peissl]

Hi!

Also ich finde die zwei schwierigsten Dinge sind:

a) die graphische Konstruktion
b) die inhaltliche Struktur

für a) hab ich selbst noch keine passende Lösung gefunden :-( Aber die beiden Tips mit dem Browserfenster im Grafikprogramm und den Filzstiften fand ich schon ganz nett, obwohl ich gestehen muss, ich krieg mit den meisten Grafikprogrammen auch nicht das so hin wie ich gern hätte, aber das liegt zum Grossteil auch an meiner grafischen Unfähigkeit *g*

für b) brauche ich immer die meiste Zeit: Man bekommt die Direktive: "Das, das, das muss rein, dann das, dieses soll auch nicht vergessen werden, ..." Aber es liegt dann an dir, wie du alles arragierst. Du musst dir überlegen, wie du die Texte am geschicktesten in verschiede (und in welche) Gruppen  zusammenfasst, die Navigation danach einteilst, und schliesslich das filesystem danach modellierst.

Das finde ich (bei grösseren Seiten) den anstrengendsten Teil. Wo stell ich was rein? - Spreche da aus leidvoller Erfahrung. Man sollte die Navi-items so "viel"sagend wie möglich formulieren. Damit man, wenn man eine neue Seite reinstellen soll, dann nicht vor der Qual steht: "Ach verdammt, wo passt diese Seite jetzt bloss dazu?" Und die Navigationsleiste jedesmal um eine Kategorie erweitern, hat irgendwann seine Grenzen. Ich finde also die Struktur entscheidend!

liebe Grüsse
Bernhard

[Kevin]

Hallo,

am besten Du bastelst dir, wenn dir die Fragestellungen der anderen klar sind, ersteinmal ein paar Musterseiten. Ohne groß einen Inhalt ... Zuerst muß alles laufen, die Naviagtion z.B., bevor man die Seite mit Inhalten füttern kann.
Wenn das Grundgerüst steht geht das andere meist recht problemlos

Gruß Kevin

[Björn Höhrmann]

Seit längerem Plane ich eine Homepage zu bauen. Einiges an Grundwissen habe ich auch schon zusammengetragen. Allerdings weiß ich nicht, wo ich anfangen soll.

Wie plant man eine gute Website?

1. Überlege dir, was du mit der Website erreichen willst, und was du
     anbieten möchtest. Schreibe das auf einen Zettel.
  2. Wirf diesen Zettel weg und überlege dir, warum die Leute auf deine
     Website kommen, was sie dort wollen und suchen
  3. Biete diese Dinge ihrer Priorität für den Besucher entsprechend
     leicht zu finden und zugänglich an, so strukturiert, wie der
     Besucher danach sucht, nicht, wie deine Firma oder Webseite intern
     strukturiert ist.

Wie erstellt man eine gute Website?

· Wenn du möchtest, benutze Erweiterungen wo sie sinnvoll sind
· Stelle sicher das die Inhalte auch ohne diese Erweiterungen
   zugänglich bleiben
· Beachte die Tipps zu gutem Site-Design

Für einzelne Seiten: Inhalte erstellen, mit XHTML Elementen Semantik zuordnen, mit CSS Präsentationsempfehlungen machen.

[proover]

Hallo Björn,

kurz, knapp, Inhaltsmäßig alles gesagt.... --> Top

Markus