Frage zum Thema wie fangt ihr eure Homepage an?

[janny15]

Hallo alle zusammen,

mir ist gerade ein Gedanke durch den Kopf geschossen als ich mich an die Homepage für meinen Bruder ran machen wollte.

Und zwar mit was fangt ihr eure Designs für eine Homepage an.
(Mit der Idee natürlich^^ aber danach wie gehts weiter)

Ich meine ich zum Beispiel fange immer mit dem Header an und arbeite mich dann allmählich runter.

Wollte einfach mal wissen wie ihr anfangt und das Design erstellt.
Vlt habt ihr ja andere weißen wo auch vlt einfacher von der Handhabung sind das Design am Ende gut ausschauen zu lassen.

Hoffe das ich meine Anliegen verständlich an euch rüber bringen konnte.

Liebe Grüßle
Janny

 

[ingvar]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

eine einfache möglichkeit ist im Photoshop einfach die gesamt seite zu erstellen.

buttons, header, usw in eigenen ebenen. evlt rollover's erstellen, dann mit dem slice tool zurechtschippeln und übersichtlich abspeichern.

später dann erst an den code heranarbeiten.

viel erfolg

 

[Pionierbrigade70]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

És gibt da ein Buch darin habe ich mich belesen. nennt sich modernes Webdesigen von Galileo Press. Hier wird sehr ausführlich beschrieben wie Webseiten gestaltet werden, was zu beachten ist und wie mann überhaupt anfängt.
So zum Beispiel:
- Basisinformationen
- Technische Informationen
- Zielgruppe
- Blick über den Tellerand
- Vorstellungen
- Anforderungen
- Zeitraum
- Grundlagen
- Sonstiges
- Budget
Praktisch ist es, erste Ideen einfach per Hand mit Zettel und Stift zu skizzieren.
Inhaltsbereiche für den Aufbau isolieren und abarbeiten:
- Kopfbereich mit Logo und Navigation
- Navigation mit Listenpunkte (und Sitebereich), Home, Über mich, ....
- Hauptinhaltsbereich : Begrüßung und Information des Nutzers
- Weitere Informationen
- Fußbereich mit Adresse und Ansprechpartner

Das wäre nur eine von vielen Möglichkeiten eine Seite zu bauen.

 

[dapoldi]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

Ich hab zwar noch nie ne Homepage erstellt, mir aber schon oft Gedanken darüber gemacht und ich denke das Design wär wohl das kleinste Problem.
Ich scheitere schon immer am Konzept. Was draufmachen, wie viele Einzelseiten, wie genau aufgebaut, welches Bildmaterial.
Sicher bin ich mir nur über die Schriftauswahl, das Zeug sollte auf jeden Fall alles lesbar sein.

LG

 

[MyBad]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

Das Thema gab es hier auch schon unzählige Male. Finde aber momentan keinen passenden Link (Ich hab auch nicht wirklich danach gesucht).

Meine herangehensweise:
- Ideen sammeln
- Skribble erstellen
- Wireframe erstellen
- Farbgebung überlegen
- Design in Photoshop erstelle
- Slices erstellen
- Template per HTML & CSS basteln

Natürlich halte ich mich nicht immer an all diese Schritte. Aber in den meisten Fällen gehe ich so vor.

Edit:
Konzeptionelle Schritte wie Zielgruppenanalyse etc. habe ich mal weggelassen.

 

[fabi29]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

hey

das erste was ich mache..raufinden was will die person, welche funktionen soll es geben, wieviel seiten ca? wie ist die seitenstruktur? welche farben sollen eingesetzt werden?

wenn ich dies alles habe mache ich auf einen blog erst mal eine grobe struktur wo was hinkommt, und auch wie es dort zu sehen sein soll. wenn ich dies habe überleg ich mir wo welche farbe hinkommmt.. schau mal hier: kuler.adobe.com

danach mach ich erst das grunderüst mit hilfslinien in ps ( gleich beachten ob die seite dynamisch oder fest in der breite ist) und dann fang ich meistens oben mit dem richtigen designen an, also inhalte einfügen, schatten, konturen, verläufe...und wenn alles fertig ist füge ich noch beispielinhalte rein, dass man auch sieht wie die seite aussehen wird wenn inhalte vorhanden sind. ich nehme immer den lorem ipsum text..einfach googlen, da gibts ein paar seiten wo man ihn generieren kann

und wenn die seite deinem bruder gefällt beispielinhalte raus und design slicen...erst dann kommt der code..also html,css,javascript.. bei cms sind php-kentnisse auch nicht schlecht

Grüße Fabi

 

[kempf]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

@fabi29
auf das risiko hin, mich jetzt völlig als doof zu outen: was ist slicen?
machst du die komplette seite in der originalgrösse in ps und reisst das dann quasi auseinander?

 

[MuhQ]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

Genau das ist damit gemeint.
Die einzelnen Elemente der Seite werden in Originalgröße erstellt, dann mit dem SliceTool in Photoshop ausgeschnitten und anschließend mit HTML und CSS positioniert.

LG MuhQ

 

[fabi29]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

Genau das ist damit gemeint.
Die einzelnen Elemente der Seite werden in Originalgröße erstellt, dann mit dem SliceTool in Photoshop ausgeschnitten und anschließend mit HTML und CSS positioniert.

LG MuhQ

genau es ist ja am Anfang eine große Bilddatei. Oder man macht für jede Grafik eine neue Ebene, so mache ich es, so geht es meist schneller, natürlich muss ich auch noch bestimmte Elemente slicen d.h. ausschneiden. Beim slicen machst du aus der großen Bilddatei viele kleine Bilddateien. so kannst du nachher den effekt erzielen z.B. im menü wenn du drüber fährst dass sich dort z.B. der Hintergrund ändert, wie auch hier auf der psd-tut seite....

Für das positionieren verwendet man css, und z.B. für das langsame einrollen von untermenüs oder auch das einblenden von bildern mit abgedunkeltem hintergrund, wo man noch nicht sieht nimmt man noch javascript/jquery dazu.

und hier outet sich niemand. Dafür ist doch ein Forum da um Fragen zu beantworten.

 

[kempf]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

he, super! danke.

ich bin grad wieder mal ein wenig am dreamweaver lernen. hab glaub ich endlich mal den unterschied von html und css kapiert

ich hab die buttons immer einzeln gemacht, 3-fach (normal, mousover und dann noch aktiv). aber eigentlich könnte ich das ganze ja wirklich mit ebenen versuchen. ich werd das bei gelegenheit mal angehen...

 

[fabi29]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

was für was zuständig ist ist relativ einfach:

CSS
Ist für das komplette Design zuständig. Also wie breit die Seite sein soll, Welche Farben, welche Schrift, wo die Elemente erscheinen sollen und was für Bilder im Hintergrund man sehen soll.

HTML
Da fügst du den Text und Überschirften ein, verlinkst den Text, fügst Bilder mit <img ...> ein, machst Tabellen(jedoch nicht für das design!! dafür verwendet man <div></div>), machts aufzählungen..... joah

grob gesagt, in html kommen texte und seitenrelevante bilder hinein, und in css ordnest du dann an, wo was hinkommt. CSS ist wie eine schöne verpackung um den inhalt herum.

 

[janny15]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

Ok sind wirklich gute Beiträge gekommen wofür ich mich bedanke...

Habe jetzt auch noch eine Frage und zwar was ist Skribble erstellen soll das heißen skizze?
Habe das noch nie gehört

 

[patrick_l]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

Ein Skribbel sind erste Entwürfe deiner Seite. Einfach auf einen Zeichenblock oder digital am Computer gezeichnet. Unter anderem kann man dort gleich wichtige Informationen festhalten. Beispielsweise besondere Details, Infos oder Funktionen der Seite. Später kann man so anhand dieses Skribbels die Seite umsetzen.

 

[Deluxe_StyLe]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

Also da ich es in der Schule lerne professionel Websites zu erstellen sag ich es mal so.

Als erstes fängt man immer mit einer Main-Idea an also man macht sich gedanken was die Website eig. rüber bringen soll. Und dann sollte man eig. erst Skizzen machen. Worauf ich persönlich auch kein bock hab. Aber manchmal hilft es echt das man schon eine Vorstellung zu haben und nicht die ganze zeit in PS oder ID rum zu experementieren.

 

[muh83]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

Was auch sehr schön ist, wenn man einzelne Bereich wie z.B. Header, Footer usw. in PS in Smart-Objekte konvertiert. Damit arbeite ich sehr gerne, da man so nicht gleich 1000 Ebenen hat. Hierbei setze ich nur mein Wireframe in Smart-Objekten um und erst innerhalb der Smart-Objekte erstelle ich die Ebenen.

 

[Deluxe_StyLe]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

Was auch sehr schön ist, wenn man einzelne Bereich wie z.B. Header, Footer usw. in PS in Smart-Objekte konvertiert. Damit arbeite ich sehr gerne, da man so nicht gleich 1000 Ebenen hat. Hierbei setze ich nur mein Wireframe in Smart-Objekten um und erst innerhalb der Smart-Objekte erstelle ich die Ebenen.

Wenn du keine 1000 Ebenen haben willst kannst du auch Ordner machen, ist auch sehr vorteilhaft, denn wenn du die Ordner richtig bennenst kannst du z.B. den Ordner "Header" nennen und hast alle Ebene im Ordner zur verfügung.

 

[muh83]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

Klar, aber die Ordner mache ich unterhalb der Smart-Objekte.

 

[filmer007]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

Hallo Ich habe mit dem Vorgänger von Dreamweaver einige HPs gemacht, damals hieß es Adobe Golive, das klappte auch ohne großes Programmieren, effekte des Bildwechsels mit mousover, sogar Diaschau war möglich, wie flexibel ist da Dreamwiever, müsste jetzt wieder eine neue machen und Golive habe ich nicht mehr für meinen Mac?Möchte aber ohne programmierkenntnisse eine machen, gelingt das auch??

 

[Wolfgang_Dz]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

Hallo,

naja, die Hauptidee, was so eine Seite rüber bringen soll, kommt ja meist schon vom Kunden. Wenn dein Bruder eine Website will, wird er Dir ja schon irgendwie auch gesagt haben, wofür. Wenn das unklar ist, hilft natürlich nachfragen und miteinander reden.

Dann kommt es meines Erachtens aber sehr darauf an, für wen so eine Webseite gedacht ist. Will man die nur ein paar Freunden zeigen, darf das gerne verspielt oder cool oder sonstwie "aufregend" sein. Will dein Bruder damit aber was seriös verkaufen, oder eine Dienstleistung anbieten, dann kommt es meines Erachtens zu allererst darauf an, wie seine Seite am besten von seiner Zielgruppe gefunden wird.

Ich mache mir dann immer erst mal ein Konzept, was ist wichtig, für die Leute, die so eine Webseite suchen. Wie kann man bei google ein gutes Ranking erreichen? Wie sollte also die Domain lauten, der Seitentitel, Überschriften, Inhalte... womit könnte man die Seite vernetzen, welche Foren spielen vielleicht eine Rolle, macht es Sinn, für diese Webseite "offline" zu werben?

Wenn man sich sozusagen durch diesen ganzen "Kontext" durchgearbeitet hat, wenn erste Inhalte klar sind, was auf welcher Seite rüber gebracht werden soll, dann fange ich erst an, übers design nachzudenken. Meistens wirklich erst mit Papier-Skribbeln, später dann Photoshop-Entwürfen. Aber das ist dann häufig immer auch noch eine "brainstorming-Phase. Gibt es eine Möglichkeit, diese "Idee der Website" den Besuchern so rüber zu bringen, dass sie wirklich auch auf der Website bleiben und nicht gleich nach einem ersten Blick drauf und einem "naja, alles klar"-Gedanken weg klicken? Oder kann man die Besucher durch irgendetwas (Spiel? Fragestellung...) so neugiering machen, dass sie sich tatsächlich tiefer in die Site einklicken.

Und irgendwann, ganz am Ende des Projekts kommt dann auch mal Coding, Qualitätskontrolle usw. dran.

Klingt vielleicht etwas altmodisch, aber ich sage immer noch, wer am Anfang gut plant, ist am Ende der schnellste.

Schöne Grüße

Wolfgang

 

[kempf]

AW: Frage zum Thema wie fangt ihr eure Homepage an?

voll cooles thema - hab schon viel erfahren hier

ich bin auch anfänger, arbeite mit cs4 dreamweaver. mühe macht mir einfach noch wie man die hp praktisch aufbaut.
was ist eine id - was ist ein tag - was ist ein div? was ist wo drin? was steuert was?

wenn ich mich nicht täusche, nehm ich eine leere html seite und mach da mal einen body (da beginnt's schon - ist das ein div?) rein, der mir dann auch die breite und höhe definiert...

geht es dann innerhalb vom body weiter mit divs und innerhalb vom div kann man ids definieren oder wie? DAS ist das, was ich noch nicht ganz versteh.

ich hab schon sehr viel gegoogelt, bin mir aber immer noch sehr unsicher. wäre irgendwie genial, sowas wie eine grafik zu haben, was wo wie verschachtelt ist.