Website hilfen

[greenDejavue]

Guten Tag,
bin grad auf dem weg mir eine Webseite zu erstellen.
Jetzt habe ich ein paar Probleme.
Die Grafischen sachen sind nicht das Problem, nur die umsetztung in HTML.
In HTML habe ich recht wenig erfahrung, früher habe ich immer das Design immer in fester Breite/Länge darstellen lassen.
Jedoch will ich dass die Seite sich an die Auflösung des jeweiligen Rechner sich anpässt.
Nun weiß ich allerding nciht wie man sowas anstellt, habe gehört dass man es mit DIV´s lösen kann, nur habe ich in die richtung keine Ahnung.

Es soll ein einfaches Portfolio werden mit den Buttons Home, Gallery und evtl. 1-2 reserve. Viellleicht kann mir einer da weiter helfen.

Hier mal den Entwurf:
In die Mitte soll mal der Content hin mit Bilder Gallery.

 

[patrick_l]

AW: Website hilfen

Stichwort responsive Webdesign und das Arbeiten mit "Media Queries" oder flüssige (fluid) Layout. Was jetzt flüssige Layoute angeht, ist man in der Gestaltung etwas eingeschränkt(er). Liegt hauptsächlich daran, das man berücksichtigten muss wie sich einzelne Bereiche samt Grafiken verhalten.

Vor allem auch was den optischen Eindruck angeht, wenn das Browserfenster verkleinert oder vergrößert wird. Ich würde mich also an deiner Stelle eher mit dem Thema responsive Webdesign auseinandersetzen. Dazu findest hier auf PSD-Tutorials aber auch sonst im Internet reichlich Lesestoff.

Bevor du dir aber Gedanken darüber machst, rate ich dir dazu, dich erst einmal ausreichend mit den Grundlagen auseinander zu setzen bzw. dir entsprechendes Wissen anzueignen. Sprich, erst einmal HTML und CSS lernen und verstehen.

Liebe Grüße, Patrick

 

[greenDejavue]

AW: Website hilfen

Hmm ok hört sich zeitaufwendig an.
Auf dieser Seite will ich nur meine Zeichnungen/Photogafien präsentieren.
Sind heutzutage fast alle seiten so aufgebaut dass sie sie anpassen?
Bin vor ca 8-9 Jahren was Webdesign angeht, stehen geblieben.
Einfachheitshalber werde ich wahrscheinlich meine Seite einfach auf das gängigste Format
einstellen und so belassen.
Mir fehlt einfach die Zeit sich mit dem Thema auseinander zu setzten.

Falls sich jemand für das Coden für ein kleines Endgeld meldet würde ich mich auch umstimmen lassen



PS: Verzeihung für die Gramathik/Rechtschreibfehler, wenn man von auserhalb kommt ist es nicht so einfach

 

[patrick_l]

AW: Website hilfen

Hmm ok hört sich zeitaufwendig an.
Auf dieser Seite will ich nur meine Zeichnungen/Photogafien präsentieren.

Klar, das Lernen kosten sicher Zeit. Wenn du es aber einmal drauf hast, steht einer individuellen Website nichts im Wege. Wenn es dir aber hauptsächlich um deine Arbeiten geht, wäre vielleicht ein CMS (Content-Management System) wie WordPress etwas für dich.

WordPress ist in 5 Minuten und weniger auf deinem Webspace installiert. Anschließend noch eines der vielen frei erhältlichen Templates (Themes) auswählen, das dir gefällt und zum Inhalt passt. Danach auf die eigenen Inhalte konzentrieren (veröffentlichen).

Sind heutzutage fast alle seiten so aufgebaut dass sie sie anpassen?

Definitiv nein. Allerdings wird es immer mehr. Das liegt aber hauptsächlich bzw. mit daran, das eben das Internet immer mehr auf mobilen Endgeräten genutzt wird. Aber nicht nur deshalb ist responsives Webdesign gefragt. Zudem sind Auflösungen der Monitore sind auch immer weiter gewachsen.

Du kannst ja auch mit fixen Werten arbeiten. Hier solltest du dich m.M.n. an dem meist "weiterverbreiteten" Viewport von 968 x 576 Pixel orientieren. Dieser entspricht einer Auflösung von 1024 x 768 Pixeln. Falls du dich fragst, was mit Viewport gemeint ist: Das ist der sichtbare Bereich deines Browsers, abzüglich Bedienelemente und Anwendungsfenster.

Liebe Grüße, Patrick

 

[greenDejavue]

AW: Website hilfen

Danke dir erstmal für die hilfreichen, konstruktiven Antworten.
Mit einem CMS habe ich es auch schon versucht.
Leider musste ich schnell veststellen dass man, wenn man es individuell haben will,
vieles anpassen muss.
Mit diesem Zeitaufwand kann ich mir auch ein fixes Design erstellen.

Das mit dem Viewport war mir bekannt(war vor 8Jahren auch so, als ich noch fit in diesem Thema war).

In nächster Zeit werde ich dann mein statisches Layout vorstellen und gegebenfalls hier und da noch ein paar Verbesserungsvorschläge annehmen.

 

[patrick_l]

AW: Website hilfen

Ja, da gebe ich dir recht. Wenn man eine individuelle Website habe möchte, sprich mit eigenem Layout, muss man sich schon mit dem Thema Webdesign auseinandersetzen. Bei einem CMS wäre es neben HTML und CSS auch PHP. Zusätzlich auch JavaScript (jQuery) für kleinere Spielereien .

Nun zu deinem Entwurf. Bis jetzt ist es ja "nichts Halbes, nichts Ganzes". Zwei Leisten und das Wabenmuster im Hintergrund (Kopfbereich). Die Gestaltung des eigentlichen Contents und die Navigation fehlen. So sieht es noch ziemlich leer aus.

Was jetzt die Farben angeht, gefällt es mir eigentlich ganz gut. Schwarz bzw. Grau und Grün ist sowieso eine nette Kombination. Ob das ganze in der Art auch zu deinen Inhalten passt, kann ich nicht sagen.

Liebe Grüße, Patrick

 

[greenDejavue]

AW: Website hilfen

So habe mal auf die schnelle die Navigation und ein contentfeld gemacht.
alles steht aber noch nciht fest. (Die Nav sollte evtl erst bei MouseOver grün werden, ansonsten weiß. Der Content Rahmen leicht grünlich?.



Werde es mal die Tage in einer HTML version mit fester Breite vorstellen.
Vielleicht ergeben sich dann noch verbesserungsvorschläge.

MfG

 

[vincitore]

AW: Website hilfen

So habe mal auf die schnelle die Navigation und ein contentfeld gemacht.
alles steht aber noch nciht fest. (Die Nav sollte evtl erst bei MouseOver grün werden, ansonsten weiß. Der Content Rahmen leicht grünlich?.



Werde es mal die Tage in einer HTML version mit fester Breite vorstellen.
Vielleicht ergeben sich dann noch verbesserungsvorschläge.

MfG

die Schrift im Menü ist für mich einen Ticken zu hoch, aber das lässt sich ja später im CSS noch an die richtige Stelle bringen

 

[lachender_engel]

AW: Website hilfen

Hier im Forum gibt es eine sehr, sehr gutes Videocast zum Thema. Der Erste Teil ist der hier:

Für alle vier Teile brauchst Du etwa 1 Stunde. Danach habe ich das Thema "gelernt" bzw. auch mal verstanden ;-). Eine echt tolle Grundlage auf der Du aufbauen kannst.
In jedem Fall wird alles erklärt um Deine Vorstellungen umzusetzen.