Meine neue Homepage: Verbesserungsvorschläge, etc.

Übersicht Ressourcen Grafik & Design

Gehe zu Seite 1, 2  Weiter

Neue Antwort erstellen

 

DjDETE

Betreff: Meine neue Homepage: Verbesserungsvorschläge, etc.

BeitragMi, Okt 29, 2008 20:25
Antworten mit Zitat
Benutzer-Profile anzeigen
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

BeitragMi, Okt 29, 2008 20:51
Antworten mit Zitat
Benutzer-Profile anzeigen
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 Smile

MfG Roggi
  • Zuletzt bearbeitet von Roggi am Mi, Okt 29, 2008 21:05, insgesamt einmal bearbeitet
 

tobias12

BeitragMi, Okt 29, 2008 21:00
Antworten mit Zitat
Benutzer-Profile anzeigen
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

BeitragMi, Okt 29, 2008 21:27
Antworten mit Zitat
Benutzer-Profile anzeigen
Im Vergleich zur alten bei weitem besser. Die neue erinnert mich an meine eigene (http://tritium.zxq.net/)... Wink

Auch mir gefällt die Framegeschichte nicht, da wird das verlinken kompliziert. Alles in allem nicht schlecht, aber noch ausbaufähig.
 

DjDETE

BeitragMi, Okt 29, 2008 23:56
Antworten mit Zitat
Benutzer-Profile anzeigen
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

BeitragDo, Okt 30, 2008 0:27
Antworten mit Zitat
Benutzer-Profile anzeigen
Tabellen, oder CSS, das hat am meisten Stil Wink
Starfare: Worklog, Website (download)

hectic

Sieger des IS Talentwettbewerb 2006

BeitragDo, Okt 30, 2008 1:14
Antworten mit Zitat
Benutzer-Profile anzeigen
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

BeitragDo, Okt 30, 2008 9:56
Antworten mit Zitat
Benutzer-Profile anzeigen
Nochmal danke für die Antworten Very Happy
@hectic Dann werde ich mich jetzt an CSS ran machen... danke für das Beispiel Wink
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

BeitragDo, Okt 30, 2008 10:16
Antworten mit Zitat
Benutzer-Profile anzeigen
Ü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

BeitragDo, Okt 30, 2008 11:21
Antworten mit Zitat
Benutzer-Profile anzeigen
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 Wink
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

BeitragDo, Okt 30, 2008 15:37
Antworten mit Zitat
Benutzer-Profile anzeigen
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 Wink
http://www.icetruck.de/pda/

Das nenne ich Futuristisch Wink
[size=9]Pro|gram|mier|er: Ein Organismus, der Koffein in Software umwandelt.
Geben Sie eine beliebige 11-stellige Primzahl ein, um fortzusetzen...
 

DjDETE

BeitragDo, Okt 30, 2008 16:24
Antworten mit Zitat
Benutzer-Profile anzeigen
@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

BeitragDo, Okt 30, 2008 19:09
Antworten mit Zitat
Benutzer-Profile anzeigen
@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. Very Happy
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. Wink

Ansonsten find ich es nicht schlecht wie es ist =D
 

DjDETE

BeitragDo, Okt 30, 2008 22:39
Antworten mit Zitat
Benutzer-Profile anzeigen
@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

BeitragMi, Nov 05, 2008 16:12
Antworten mit Zitat
Benutzer-Profile anzeigen
Gästebuch wäre noch super^^
 

tobias12

BeitragMi, Nov 05, 2008 18:48
Antworten mit Zitat
Benutzer-Profile anzeigen
@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
 

DjDETE

Betreff: Homepage aktualisiert

BeitragDo, Jan 08, 2009 16:35
Antworten mit Zitat
Benutzer-Profile anzeigen
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.

hectic

Sieger des IS Talentwettbewerb 2006

BeitragDo, Jan 08, 2009 16:50
Antworten mit Zitat
Benutzer-Profile anzeigen
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

BeitragDo, Jan 08, 2009 16:56
Antworten mit Zitat
Benutzer-Profile anzeigen
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

BeitragDo, Jan 08, 2009 16:57
Antworten mit Zitat
Benutzer-Profile anzeigen
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)?




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

Gehe zu Seite 1, 2  Weiter

Neue Antwort erstellen


Übersicht Ressourcen Grafik & Design

Gehe zu:

Powered by phpBB © 2001 - 2006, phpBB Group