[Web-design]: klein+schnell+schön... Möglich? Wie?

[yankee]

Hi @ll.

Ich will mir (bzw. meiner Stufe) eine I-Net seite basteln. Praktischerweise habe ich schon einen funzenden Linux-Server, der direkt neben meinem steht (=>hat zwar alles drauf (MySQL´, PHP,...), ist allerdings an einer "langsamen" DSL-Verbindung (16kb/s) angebunden und die Verbindung wird ja nicht nur von dem Server, sondern auch von mir, meiner Schwester und meiner Mutter genutzt. Ich rechne zwar nicht mit vielen Anfragen an die Seite, aber trotzdem würde ich unter diesen erschwerten Bedingungen gerne ein Seite mit wenig Bildern und so basteln. Trotzdem soll das dann noch halbwegs vernünftig aussehen. Nur leider habe ich grundsätzlich sehr wenig ahnung von webdesign (html und php und ein bißchen javaskript kann ich schon) und wäre über ein paar hilfreiche Tipps äußerst dankbar!

[moritz]

Hallo,

ich hab die folgende Website letzlich gebastelt. Sie ist gerade mal 20KB groß, insgesamt mit Bildern usw: (Gallery und Blogs ausgeschlossen)
http://www.gaehnen.net und dann noch ein /index.php anhängen.

Gruß, mo

Edit: Schmarrn, höchsten 15KB
Edit2: -10KB Bild, das nur einmal geladen werden muss

[Meflin]

hi,
mit css kann man so einiges anstellen. siehe dazu der css zen garden
http://www.csszengarden.com/?cssfile...116.css&page=0

[Chewie]

Wenn du Kontrolle über den Server hast, bietet sich auch an, die Inhalte GZIP zu komprimieren. Hier gibts Infos dazu.

[RuX]

am einfachsten und stylishsten gehts wenn du einen einzigen farbverlauf verwendest, breite 1 pixel (bzw höhe ein pixel, je nach gewünschter richtung) und den dann per tag automatisch wiederholen lässt. damit lassen sich dann sehr passable balken, rahmen usw erstellen. oder für rahmen einfach standard html border width = 1 setzen oder ein 1x1 pixel breites bild. kleine feine rahmen schauen ziemlich gut aus. ein gutes beispiel für eine seite die mit wenigen grafiken viel erreicht ist z.b www.euro-tribesplayers.com. auf html generatoren wie frontpage (*hust*) würde ich zur vermeidung von overhead auch verzichten.
gl

[yankee]

Code:

*gähn*

Hier entsteht gähnen.net.

*gähn*s

Naja, bilder sehe ich garnicht und 3 zeilen, ok, dass ist klar, das die Seite klein ist...

also ich knn ja so ein bißchen css. Aber afaik kann man damit doch nur so sachen ändern, wie dass h1-tags immer mittelbündig sind usw. Aber so richtig Seitengestalltung? Also ich meien etwa mehr als etwas mittelbündig statt linksbündig ausgeben?

[Meflin]

nimm dreamweaver, der macht garantiert keinen overhead. (wusst garnicht dass man das bei html auch schaffen kann...)

[moritz]

ich hab doch geschrieben, /index.php anhängen :)
Okay, hier der ganze Link: http://www.gaehnen.net/index.php

[moritz]

Zitat:

Zitat von Meflin

nimm dreamweaver, der macht garantiert keinen overhead. (wusst garnicht dass man das bei html auch schaffen kann...)

Alle Websiteneditoren dieser Art machen Overhead, sonst würden sie sich nicht mehr im Code auskennen. Ich habe lnage Zeit mit Dreamweaver gearbeitet, und hatte fast immer 5KB overhead.

[Meflin]

Zitat:

Zitat von yankee

Code:

*gähn*

Hier entsteht gähnen.net.

*gähn*s

Naja, bilder sehe ich garnicht und 3 zeilen, ok, dass ist klar, das die Seite klein ist...

also ich knn ja so ein bißchen css. Aber afaik kann man damit doch nur so sachen ändern, wie dass h1-tags immer mittelbündig sind usw. Aber so richtig Seitengestalltung? Also ich meien etwa mehr als etwas mittelbündig statt linksbündig ausgeben?

nunja schau dir den link an. da wird keine einzige tabelle verwendet! folglich ist der code ziemlich schlank... mit css ist eben weit mehr möglich als du dir im moment vorstellen kannst!