Meine neue Homepage: Verbesserungsvorschläge, etc.
Übersicht

DjDETEBetreff: Meine neue Homepage: Verbesserungsvorschläge, etc. |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
Nachdem meine alte Homepage grafischer Müll war, und es mir nun endlich aufgefallen ist, habe ich zum Wohle aller eine neue Homepage für mich und Goblin entwickelt.
Ich würde mich über Lob, Kritik und natürlich Verbesserungsvorschläge freuen. Hier der Link zur Homepage MfG DjDETE Und falls jemand noch die alte Homepage zum Vergleich sehen will |
||
Aktuelles Projekt: XXX |XXX | 3% der v1b fertig
www.emu-soft.de.vu Für die Homepage suche ich noch Linktauschpartner, bei Interesse einfach melden. |
Roggi |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
Hey,
An sich finde ich die Farbwahl nicht sehr passend. Du arbeitest auch noch mit Frames, was ich auch nicht so wirklich schön finde. Ich finde die ganze Website, wirkt ziemlich erdrückend und macht auf mich einen beengten Eindruck. Wenns eine deiner ersten Homepages ist, ist sie jedoch ganz gut gelungen. Mit ein bisschen Übung wird das schon besser ![]() MfG Roggi |
||
- Zuletzt bearbeitet von Roggi am Mi, Okt 29, 2008 21:05, insgesamt einmal bearbeitet
tobias12 |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
ich finde die home recht gelungen, für das was sie gedacht ist.
jedoch finde ich die arbeit mit dem frames nicht besonders gut + ich würde den Banner nicht wiederholen, denn wenn man einen breiteren bildschirm hat(so wie ich), dann erscheint der Banner zweimal, was nicht sehr schön aussieht:) Aber das kommt schon. mlg tobias12 |
||
Tritium |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
Im Vergleich zur alten bei weitem besser. Die neue erinnert mich an meine eigene (http://tritium.zxq.net/)... ![]() Auch mir gefällt die Framegeschichte nicht, da wird das verlinken kompliziert. Alles in allem nicht schlecht, aber noch ausbaufähig. |
||
DjDETE |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
Danke erstmal, wenn ich keine Frames benutze, soll ich dann eine Tabelle nutzen?
MfG DjDETE |
||
Aktuelles Projekt: XXX |XXX | 3% der v1b fertig
www.emu-soft.de.vu Für die Homepage suche ich noch Linktauschpartner, bei Interesse einfach melden. |
![]() |
ZaP |
![]() Antworten mit Zitat ![]() |
---|---|---|
Tabellen, oder CSS, das hat am meisten Stil ![]() |
||
Starfare: Worklog, Website (download) |
![]() |
hecticSieger des IS Talentwettbewerb 2006 |
![]() Antworten mit Zitat ![]() |
---|---|---|
Tabellen sollten wirklich nur auch als solche verwendet werden. CSS dagegen ist wirklich einfach zu erlernen und man kann seine Styles sehr schön recyclen, also immer wieder benutzen, was zum einheitlichem Design einer Seite erheblich beiträgt.
Zur Homepage an sich: Die Breite ist zu groß. Sobald ganze Absätze nur ein oder zwei Zeilen benötigen, sollte man darüber nachdenken die Seitenbreite zu begrenzen. Das geht mit CSS zum Beispiel ganz gut mit maxwidth: 800px; zu Beispiel. Wenn da etwa einer eine kleinere Breite eingestellt hat (Fenster klein gezogen) wird e denoch verkleinert, jedoch nicht größer als angegeben dargestellt. Damit gut dynamisch. Das man allein mit CSS ganz ohne Bilder schon schöne Sachen machen kann, zeige ich im nachfolgendem Code. Leider allerdings noch ohne maxwidth und mit absoluter Positionierung. Das geht also auch noch besser. index.html Code: [AUSKLAPPEN] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="styles.css" /> <title>www.BREMEN.de</title> </head> <body> <div id="kopf"> <h1>www.BREMEN.de</h1> </div> <div id="cont"> <h1>Inhalt</h1> </div> <div id="navi"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Info</a></li> <li><a href="#">Geschichte</a></li> <li><a href="#">Tipps</a></li> <li><a href="#">Impressum</a></li> </ul> </div> <div id="fuss"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Info</a></li> <li><a href="#">Geschichte</a></li> <li><a href="#">Tipps</a></li> <li><a href="#">Impressum</a></li> </ul> </div> </body> </html> styles.css Code: [AUSKLAPPEN] body {
margin: 0px; padding: 0px; font-family: Verdana, Arial; background-color: #333; color: #fff; } #kopf { position: absolute; margin-left: -400px; left: 50%; top: 0px; width: 800px; height: 100px; background-color: #222; } #kopf h1 { text-align: center; margin: 30px 0px; } #navi { position: absolute; margin-left: -400px; left: 50%; top: 110px; width: 150px; height: 400px; background-color: #000; } #navi ul { list-style-type: none; margin: 10px; padding: 1px 1px 1px 10px; background-color: #444; border: 2px dotted #888; } #navi ul li { margin: 0px; padding: 0px; border: 1px solid #444; } #navi ul li a { display: block; background-color: #888; text-decoration: none; font-weight: bolder; color: #fff; padding: 0px 5px; } #navi a:hover { background-color: #08f; } #cont { position: absolute; margin-left: -240px; left: 50%; top: 110px; width: 640px; height: 400px; background-color: #000; } #cont h1 { margin: 5px 10px; } #fuss { position: absolute; margin-left: -410px; left: 50%; bottom: 0px; width: 800px; height: 40px; background-color: #000; border: 10px solid #333; } #fuss ul { list-style-type: none; margin: 0px; padding: 0px; } #fuss ul li { display: inline; float: left; } #fuss ul li a { background-color: #888; text-decoration: none; font-weight: bold; margin: 0px 0px; padding: 0px 10px; color: #fff; display: block; width: 128px; height: 20px; margin: 10px 0px 0px 10px; } #fuss a:hover { background-color: #08f; } In diesen Beispielen sind allerdings nur IDs verwendet worden. Also Sachen die nur einmal im HTML-Code vorkommen dürfen. Für Formatierungen die öffters benötigt werden, werden im CSS nicht mit # sonden mit . gekennzeichnet. Diese werden dann aus HTML oder PHP herraus dann nicht mit <div id="name">...</div> sondern mit <div class="name">...</div> angegeben. Ansonsten kann mann auch ''hardcoded'' CSS in HTML einsetzen. Das sehe dann in etwa so aus <a href="..." style="margin-left: 16px; font-size: 0.7em;">...</a>, was man aber liebe nur selten benutzen sollte. |
||
Download der Draw3D2 V.1.1 für schnelle Echtzeiteffekte über Blitz3D |
DjDETE |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
Nochmal danke für die Antworten ![]() @hectic Dann werde ich mich jetzt an CSS ran machen... danke für das Beispiel ![]() MfG DjDETE |
||
Aktuelles Projekt: XXX |XXX | 3% der v1b fertig
www.emu-soft.de.vu Für die Homepage suche ich noch Linktauschpartner, bei Interesse einfach melden. |
![]() |
Smily |
![]() Antworten mit Zitat ![]() |
---|---|---|
Überdenke nochmal die Farbwahl. Hell auf schwarz ist wohl schon ein paar jahre "out". Und nach ein paar minuten tun den meisten davon die Augen weh.
Die Farben wirken erdrückend, wie Roggi schon sagte. Für den Hintergrund solltest du helle, dezente Farben wählen. Für die Schrift kräftige Farben mit hohem Kontrast zum Hintergrund. Damit wirkt eine Seite schonmal viel einladenter. cu, Smily0412 |
||
Lesestoff:
gegen Softwarepatente | Netzzensur | brain.exe | Unabhängigkeitserklärung des Internets "Wir müssen die Rechte der Andersdenkenden selbst dann beachten, wenn sie Idioten oder schädlich sind. Wir müssen aufpassen. Wachsamkeit ist der Preis der Freiheit --- Keine Zensur!" stummi.org |
DjDETE |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
Also ich finde die Farbwahl futuristisch und deshalb passend, da ich ja programmiere. Sonst finde ich, sieht es langweilig aus, lasse mich aber gerne vom Gegenteil überzeugen ![]() MfG DjDETE |
||
Aktuelles Projekt: XXX |XXX | 3% der v1b fertig
www.emu-soft.de.vu Für die Homepage suche ich noch Linktauschpartner, bei Interesse einfach melden. |
![]() |
Lunatix |
![]() Antworten mit Zitat ![]() |
---|---|---|
Die Farbwahl ist leider alles andere als "Futuristisch"... Futuristisch, Ordentlich und gut strukturiert sind folgende Seiten (Alle aus dem Szene Bereich). Vergleiche diese und deine Seite - du hast nichts anderes aös eine KlickiBunti Seite erstellt. An dieser Seite ist nichts besonderes, denn solche Seiten gibts genug, da lohnt es sich einfach nicht, zu fragen, ob sie "gut aussieht". Denn sie tut dies nicht... Vielleicht sieht sie für jüngere (~13,14,15) ganz "Freaky" und "bunt" aus - aber dies ist das falsche Design für eine Programmierer Homepage.
Folgende Seite würde ich als "Futuristisch" und Elegant beschreiben: http://www.east-power-soft.de/ Folgende Seite ist vielleicht ein wenig mehr Retro, aber auc hschön anzusehen: http://www.chaos-interactive.de/ Auch diese Seite ist gut durchdacht, gut aufgebaut und sogar extrem Futuristisch: http://www.cof2050.eu/ Und wenn du es wirklich ultimativ Futuristisch haben willst, schau dir mal IceTrucks Doom-PDA Seite an ![]() http://www.icetruck.de/pda/ Das nenne ich Futuristisch ![]() |
||
[size=9]Pro|gram|mier|er: Ein Organismus, der Koffein in Software umwandelt.
Geben Sie eine beliebige 11-stellige Primzahl ein, um fortzusetzen... |
DjDETE |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
@Lunatix: Ich sagte, die Farben seien futuristisch. Und soweit ich das sehe, sind die Farben auf meiner Homepage recht ähnlich mit denen von Campus Orange Flash und icetruck. | ||
Aktuelles Projekt: XXX |XXX | 3% der v1b fertig
www.emu-soft.de.vu Für die Homepage suche ich noch Linktauschpartner, bei Interesse einfach melden. |
![]() |
Pittan |
![]() Antworten mit Zitat ![]() |
---|---|---|
@Lunatix
Ich finde nicht das es ein "falsches" Design für Programmierer Pages gibt... warum sollte es? So unterschiedlich wie die Genres bei den Spielen, können auch die Homepages der Entwickler meiner Meinung nach sein. @DjDETE Gratz, sieht echt viel besser aus als eure letzte Homepage. ![]() Bei den News würde ich vielleicht das Datum der Einträge an den Anfang nehmen und noch etwas hervor heben. Man sieht nur wenn man den Text durchliest, wan eine News beginnt und wan sie endet. Und ich würde nicht mehr als 2 verschiedene Schriftarten verwenden, das gibt ein besseres gesammtbild. ![]() Ansonsten find ich es nicht schlecht wie es ist =D |
||
DjDETE |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
@Pittan: Danke für das Lob,aber es gibt nur 2 Schriftarten?!?
MfG DjDETE |
||
Aktuelles Projekt: XXX |XXX | 3% der v1b fertig
www.emu-soft.de.vu Für die Homepage suche ich noch Linktauschpartner, bei Interesse einfach melden. |
Quäiny |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
Gästebuch wäre noch super^^ | ||
tobias12 |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
@DjDETE
du kannst jede schriftart verwenden. also nicht nur zwei aber ich würde nur standärt schriftarten nehemen, da der internuser diese schriftart auch besitzen muss. mlg tobias12 |
||
DjDETEBetreff: Homepage aktualisiert |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
Nachdem nun 2 Monate vergangen sind habe ich die Homepage aktualisiert.
Und das ist neu: -> Das Newsdesign wurde verbessert -> Es gibt keine mailto Links mehr -> Man kann über "Kontakt" direkt über php Kontakt aufnehmen -> Die Frames wurden durch eine Tabelle ersetzt -> (Werbung) Meine Fragen an euch: -> Findet ihr es jetzt besser? Alte Version -> Mir ist aufgefallen das De-nic-vu meine Homepage über ein Frame ausführt, stört das und gibt es bessere Möglichkeiten an eine .de.vu Domain zu kommen? -> Klappt alles? -> Hat jemand Interesse an einem Linktausch(PN)? MfG DeTe |
||
Aktuelles Projekt: XXX |XXX | 3% der v1b fertig
www.emu-soft.de.vu Für die Homepage suche ich noch Linktauschpartner, bei Interesse einfach melden. |
![]() |
hecticSieger des IS Talentwettbewerb 2006 |
![]() Antworten mit Zitat ![]() |
---|---|---|
Ich hab mal gehört, dass etwa 60% aller Internetuser ihr Browser nicht komplett aufziehen. Diese Leute sehen dann von deinem ''EMU-SOFT'' vielleicht mal ''EMU-''. Also nicht so gut. Ansonsten hat sich das Design ja nicht wirklich verändert. Die Positionen einzelner Sektionen sind vielleicht mal ein paar Pixel verschoben. Zumindest ist die Aufteilung von Menü, Titel und Inhalt jetzt nicht mehr mit Frames formatiert.
Bei der größe der Schrift komme ich mir vor wie auf einer Blindenschulseite und es ist immer noch anstrengend zu lesen, da nur wenige Zeilen pro Absatz sich über mein ganzen Bildschirm ausbreiten. Bei wenig ihaltlichen Text kann ich dir wirklich nur eine Begrenzung der Seitenbreite empfehlen. Siehe mal zum Vergleich meine Seite die noch im Aufbau ist. Ich habe auch nur wenig Text und mache genau deswegen ein recht schlankes Design des Inhaltes, was wie ich finde gut aussieht und leicht zu lesen ist. Ansonste konnte ich alles machen was ich dachte wie es bei deiner Seite funktionieren sollte. Edit1: ''O'' durch ''U'' ersetzt. |
||
- Zuletzt bearbeitet von hectic am Do, Jan 08, 2009 20:37, insgesamt einmal bearbeitet
![]() |
Der_Schläfer |
![]() Antworten mit Zitat ![]() |
---|---|---|
EMU, nicht EMO ^^
ed. Ansonsten kann ich dir beiplichten. sowas wie hier http://img367.imageshack.us/im...nt1ug2.png geht garnicht, finde ich zumindest |
||
- Zuletzt bearbeitet von Der_Schläfer am Do, Jan 08, 2009 16:59, insgesamt einmal bearbeitet
![]() |
Smily |
![]() Antworten mit Zitat ![]() |
---|---|---|
Zitat: Meine Fragen an euch:
-> Findet ihr es jetzt besser? Alte Version nein Zitat: -> Mir ist aufgefallen das De-nic-vu meine Homepage über ein Frame ausführt, stört das und gibt es
bessere Möglichkeiten an eine .de.vu Domain zu kommen? Besorg die eine TLD, die gibts ganz billig Zitat: -> Klappt alles?
Ja, vor allem der Mailer klappt reibungslos. Ich kann ihn ohne lästige "Wartezeit-Zwischen-Mail-zum-Spamschutz-Fehler" ganz flüssig verwenden Zitat: -> Hat jemand Interesse an einem Linktausch(PN)?
nö Die Farbgebung ist immer noch so grausam wie vorher und wirkt noch immer irgendwie archaisch (Ach ja, und ich bekomme immer noch kopfschmerzen, wenn ich helle schrift auf dunklem grund lesen muss) |
||
Lesestoff:
gegen Softwarepatente | Netzzensur | brain.exe | Unabhängigkeitserklärung des Internets "Wir müssen die Rechte der Andersdenkenden selbst dann beachten, wenn sie Idioten oder schädlich sind. Wir müssen aufpassen. Wachsamkeit ist der Preis der Freiheit --- Keine Zensur!" stummi.org |
Übersicht


Powered by phpBB © 2001 - 2006, phpBB Group