Webseite an Auflösung anpassen

[LassePC]

hallo!

ich bin gerade dabei eine webseite zu basteln.
da ich das ganze (erstmal) nur hobbymäßig mache, habe ich noch nicht so die große ahnung.
aber ich bin bei der selbst-fortbildung ;-)

nun habe ich eine frage, die mich bezüglich der nutzerfreundlichkeit interessiert. und zwar, wie schaffe ich es, die seite so zu schreiben/designen, dass sie sich automatisch an die auflösung der user anpasst? BZW, IST DAS ÜBERHAUPT SO IN DER FORM MÖGLICH?!?
besonders an der seite ist, dass sie eigentlich ausschließlich aus bildern besteht, das bedeutet, das es nicht bloß farben sind, die sich anpassen müssen.

am besten wäre es, wenn es auf der seite ansich nicht nötig ist, zu scrollen, vllt ab und zu innerhalb der seite, aber das werde ich anders lösen (frames vllt, oder wie das heißt).
am wichtigsten ist mir eigentlich, dass es einmal diesen statischen hintergrund (bestehend aus bildern) gibt, der sich automatisch an die desktop-auflösung anpasst.
dazu wäre es natprlich gut, wenn sich alle bilder synkron "runterskalieren", nicht dass irgendwelche unförmige bilder entsehen.

mein layout habe ich in der gesamtgröße "1680x1050" gebaut.


natürlich dürfen sich schrift etc nicht verändern, so dass man sie nicht mehr lesen kann (klar) xDD

mfg und vielen dank für hilfe (wenn es hilfe gibt xDD)



/edit: hier nochmal der link zur seite, wie sie bisher ist: Projekt
*und nicht vergessen, es ist ein hobby ;-)

 

[empty123]

ehm in CSS kann man die site in PX(pixel) und prozent formatieren,bei prozent passt sie sich an.(gibt noch min eine weitere einheit nach der man die site formatieren kann)
ich empfehle dir, google ma nach "selfhtml"

 

[QXARE]

ehm in CSS kann man die site in PX(pixel) und prozent formatieren,bei prozent passt sie sich an.(gibt noch min eine weitere einheit nach der man die site formatieren kann)
ich empfehle dir, google ma nach "selfhtml"

Du meinst auch sicher noch "em".

Erste Seite auf Google.
http://tjkdesign.com/articles/one_html_markup_many_css_layouts.asp

 

[empty123]

jups genau das meinte ich,fands aber net so wichtig das nun zu googeln

aber hab mir eben ma die site angeschaut,und sieht sehr nach baukasten aus und ka inwiefern da per quellcode ncoh was gemacht werden kann und soll

 

[agraaaaa]

Also als aller erstes: Vergiss Frames! Frames sind weder User- noch Suchmaschinenfreundlich und vor allem schon lange nicht mehr state-of-the-art.

Zu deinem eigentlichen Anliegen: Ja, es ist möglich Seiten trotz Grafiken für viele Auflösungen anzupassen, allerdings auch nicht ganz einfach.
Da du derzeit noch in der Lernphase steckst, solltest du dich mal mit Fluid bzw. Liquid Design im Web befassen. Meine Vorposter haben schon zwei gute Tipps dazu gegeben. Ich empfehle dir auch möglichst wenig Grafiken dynamisch zu machen, da es einfach aufwendig ist. Ebenfalls solltest du diese Dynamik nicht überspitzen, da zum Beispiel Texte nicht über z.Bsp. 800px Breite gehen sollten. Dadurch störst du nämlich die Übersicht und den Lesefluss. Textbreiten bis zu 500px sind aber auf jeden Fall noch vertretbar.

Und zu guter letzt noch: Niemals ein Layout mit einer Gesamtgröße für 1680 Pixel Breite anlegen. Solch hohe Auflösungen trifft man zwar immer öfters, doch wer will wirklich so eine Riesen Webseite? Ich habe eine Full-HD Auflösung hier, mein Browser füllt aber max. 2/3 der Breite.

Deine Beispielseite ist übrigens für ein flüssiges Layout geeignet, da die Grafiken nicht zum Inhalt beitragen, sondern auch kürzer noch gut aussehen. Die Hauptgrafik in der Mitte ist allerdings ziemlich wuchtig von der Dateigröße her, was wieder schlecht für Nutzer mit langsamer Internetverbindung ist.