Bitte Design, Technik und
lima-city → Forum → Die eigene Homepage → Grafikdesign
beitrag
bild
button
dav
design
dokument
dolores
duo
eintrag
eos
esse
korrektes schreiben
labor
lebenslauf
pack
platzhalter
sanctus
schreibfehler
schrift
verarbeitung
-
Hallo,
ich habe mich vor einiger Zeit daran gesetzt und ein neues Design f?r meine Site entwickelt. Das Ganze dann gesliced und zusammengef?gt. Das Men?, dass ich in einem anderen Thread schon mal angesprochen habe, ist nun nach einer Woche Arbeit komplett fertig und funktioniert auch in den moderneren Browsern.
Jetzt w?rde ich gerne wissen, wie ihr das Design, die Technik(ganz wichtig) und die "Verarbeitung" der Site findet.
Ich habe eine Testversion hochgeladen, die ihr unter diesem Link begutachten k?nnt: http://benni3005.be.funpic.de/neu/home.html
Benni
EDIT (by thoba): Der neue Link ist: http://www.benni3005.ag.vu
Beitrag ge?ndert am 7.03.2006 20:05 von thoba -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Das Design gef?llt mir schonmal Gut. Falls du mit der Technik die PopUp Men?s meinst sind Diese Gut gelungen und sehen sch?n aus. Ich verstehe nur nicht was du mit "Verarbeitung" meinst.
Schade nur das alle Links tot sind... -
Hey!
Also so der ertse eindruck gef?llt mir auch gut...
abe rich finde, dass man die schrift im menu relativ schlexht lesen kann, da der hintergrund der buttons auch ein wenig unruhig ist...
ich w?rde eher eine andere schriftart nehemn, die ein wenig mehr eckig ist und ggf ein wenig fetter ist...
meine meinung
lg winnie -
Naja, nicht wirklich mein Geschmack, sonst sieht das aber nicht schlecht aus.
Von der Verarbeitung/Technik her nicht schlelcht. Nur kann man "Musik" auf dem dazugeh?rigen Button nur schlecht lesen. -
Hallo
Vorerst ein Tipp: Man kann ein Design um einiges besser betrachten, wenn mehr Text darin enthalten ist. F?ge doch z. B. das "Lorem Ipsum" ein. Das ist ein Text, der von sehr vielen Webdesignern genutzt wird:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Quelle: Wikipedia
Nun zum Design: Es ist sehr schlicht. Die aufteilung ist nichts besonderes, ein einfaches 3 Spalten Design, aber egal... Die weiterf?hrung des Headers in das Men? finde ich ist eine gute Idee.
Alles in allem ein akzeptables Design!
MfG,
Andi -
Konkretes Design.
Lade aber die Bilder im Hover vor, das ist sonst schei?e und mach bitte nen testtext rein. -
Erstmal Danke f?r die positiven Antworten. Das hei?t ich bin auf dem richtigen Weg
Nur kann man "Musik" auf dem dazugeh?rigen Button nur schlecht lesen.
Ich habe schon so ziemlich alles probiert um die Schrift leserlicher zu machen, aber besser wird es nicht. Beim Hover kann man es zumindest besser lesen und einen Title, sowie einen Alternativtext habe ich auch angegeben, falls es garnicht zu lesen geht.
F?ge doch z. B. das "Lorem Ipsum" ein. Das ist ein Text, der von sehr vielen Webdesignern genutzt wird:
Hab ich gemacht. Zudem ist nun die Testversion auf dem selben Stand wie die Version auf meinem PC. Konkret: Der Besucherz?hler ist eingebaut. Das erweiterte Stylesheet ist hochgeladen. Und ich habe nun auch die ?berschriften eingebaut.
Lade aber die Bilder im Hover vor, das ist sonst schei?e und mach bitte nen testtext rein.
Testtext is drin. Aber wie kann ich die Bilder vorladen? Das ist n?mlich das einzige Manko, dass ich auch gerne noch ausmerzen w?rde.
EDIT: Mir is grad noch ne Frage eingefallen. Kann ich einen I-Frame so machen, dass er sich automatisch an die H?her der zu ladenden Site anpasst? Ich habe n?mlich vor mein G?stebuch in einem I-Frame anzeigen zu lassen und der Inhalt ist ja meistens nicht gleich hoch. Au?erdem will ich keine Scrollbalken in meinem Design haben.
Beitrag ge?ndert am 25.02.2006 23:07 von benni3005 -
sorry f?r den schreibfehler^^ wollte korrektes schreiben :D kommt von dem wenigen schlafen^^
vorladen tuste einfach indem du:
<img src="bild.jpg" style="display:none">
irgendwo in den quellcode schreibst, also noch die bilder reinschreiben^^ -
Danke f?r die Antwort. Ich bin mir nicht ganz sicher, deswegen frag ich jetzt nochmal nach
sorry f?r den schreibfehler^^ wollte korrektes schreiben :D kommt von dem wenigen schlafen^^
vorladen tuste einfach indem du:
<img src="bild.jpg" style="display:none">
irgendwo in den quellcode schreibst, also noch die bilder reinschreiben^^
Wenn ich die Bilder auf diese Weise vorlade dann entsteht aber kein freier Platz in der Gr??e des Bildes, da die Gr??enattribute fehlen, oder? -
nein, da das Bild nicht angezeigt wird, aber anstatt zu fragen, h?ttests einfach ausprobieren k?nnen.^^
-
Das Design gef?llt mir sehr gut :) vorallem das mit dem Men?
-
sorry f?r den schreibfehler^^ wollte korrektes schreiben :D kommt von dem wenigen schlafen^^
vorladen tuste einfach indem du:
<img src="bild.jpg" style="display:none">
irgendwo in den quellcode schreibst, also noch die bilder reinschreiben^^
Ich hab das bei mir mal in den Header gepackt.... also <head>-Tag. Einmal funktioniert es, dann wieder nicht. Was mache ich da falsch? *etwas verwirrt ist*
Manchmal wird erst die Seite "unsichtbar" aufgabaut und dann angezeigt (gleich mit Bild), manchmal kommt schon die Seite mit einem Bildplatzhalter *gr?bel* -
saubere arbeit und das men? ist top
-
das design gefallt mir ganz gut evtl etwass zu dunkel aber naja wirlich gute arbeit kompliment.
naja da die ausfahrverzeichnisse keine ahnung wie die heissen ... find ich etwas bl?de dass die ?ber den text gehen... das vermiesd irgendwie die sache etwas.
aber kopfhoch echt kuul -
sorry f?r den schreibfehler^^ wollte korrektes schreiben :D kommt von dem wenigen schlafen^^
vorladen tuste einfach indem du:
<img src="bild.jpg" style="display:none">
irgendwo in den quellcode schreibst, also noch die bilder reinschreiben^^
Ich hab das bei mir mal in den Header gepackt.... also <head>-Tag. Einmal funktioniert es, dann wieder nicht. Was mache ich da falsch? *etwas verwirrt ist*
Manchmal wird erst die Seite "unsichtbar" aufgabaut und dann angezeigt (gleich mit Bild), manchmal kommt schon die Seite mit einem Bildplatzhalter *gr?bel*
du sollst das aber nicht in den header packen! -
du sollst das aber nicht in den header packen!
Egal wo ichs reinpacke <body> oder <head> irgendwie klappt es nicht so, wie es geplant ist. Auch wenn ich es in einem vorangegangen Dokument mit <img> "Vorlade", kommen kurz die Platzhalter. -.-
Die besten Erfolge hatte ich jetzt mit dem Header-Eintrag, nur dass es da halt nicht immer funktioniert.
Noch irgendwelche sonstigen Ideen? Am besten mit einem Beispiel. ^^?
@Treadersteller: Das Men? deiner HP ist wirklich gut gelungen. ^^ -
bluedragonebook schrieb:
Du darfst auch nicht den gesamten Code verwenden, da es ansonsten ein PHP-Code w?re. Der richtige Code ist einfach nur: <img src="bild.jpg" style="display:none">
du sollst das aber nicht in den header packen!
Egal wo ichs reinpacke <body> oder <head> irgendwie klappt es nicht so, wie es geplant ist. Auch wenn ich es in einem vorangegangen Dokument mit <img> 'Vorlade', kommen kurz die Platzhalter. -.-
Die besten Erfolge hatte ich jetzt mit dem Header-Eintrag, nur dass es da halt nicht immer funktioniert.
Noch irgendwelche sonstigen Ideen? Am besten mit einem Beispiel. ^^?
@Treadersteller: Das Men? deiner HP ist wirklich gut gelungen. ^^
@alle: Die Testversion ist offline. Habe die Site jetzt fertig. Ihr k?nnt sie unter http://www.benni3005.ag.vu begutachten. -
Ich habe das Problem, dass ich garnicht erst auf deine Seite komme, um diese zu bewerten (habe Morzilla und I-Explorer verwendet)
-
Hast du Javascript deaktiviert? Ich leite n?mlich von einer Seite zur Homeseite weiter mit einem javascript.
-
Ah, perfekt, jetzt geht es
Also: ich finde deine Seite wirklich gut gelungen, nur dein Lebenslauf ist mir etwas zu ausf?hrlich um schnell einen Eindruck von dir zu erhalten. Daher w?rde ich den Steckbrief von dir eher an den Anfang deines Lebenslaufes setzen, aber dass ist Geschmackssache.
Kannst du mir vielleicht verraten, welche Programme zu zm erstellen der Webseite verwendet hast?
Danke
Beitrag ge?ndert am 3.03.2006 18:00 von dav
Beitrag ge?ndert am 3.03.2006 18:18 von dav -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
