Webseite - Kleine Bewertung, Tipps usw.
Übersicht

![]() |
DaysShadowBetreff: Webseite - Kleine Bewertung, Tipps usw. |
![]() Antworten mit Zitat ![]() |
---|---|---|
Hi,
ich habe mich letztens Mal ein wenig (mehr) mit HTML und CSS beschäftigt und mir eine Seite erstellt. Es gibt zwar leider nicht wirklich viel Inhalt, aber es wäre nett, wenn ihr sie mal anschaut und kurz eine Meinung abgeben könntet. Vor allem auch vom Codestil, ob das so ok ist oder nicht, was besser ginge oder fehlt. Ich habe beim schreiben darauf geachtet, dass sie XHTML konform ist, das CSS ist auch valide. Auch wird die Seite in allen großen Browsern, also IE, FF, Chrome, Opera und Safari, so dargestellt wie ich das will. Solltet ihr das überprüfen wollen und es gibt Fehlermeldungen, dann ist das die manchmal eingeblendete Werbung die mir die Validierung killt, da ich halt nur eine kostenlose Webspacelösung nutze. Zuletzt natürlich auch mal die Seite: http://www.daysshadow.kilu.de Ich danke schonmal ![]() |
||
Blessed is the mind too small for doubt |
![]() |
Farbfinsternis |
![]() Antworten mit Zitat ![]() |
---|---|---|
Naja ... das Positive: Die Seite ist valide ![]() |
||
Farbfinsternis.tv |
![]() |
DaysShadow |
![]() Antworten mit Zitat ![]() |
---|---|---|
Soweit war ich auch schon ![]() Und sonst? Einfach zu gewöhnlich, langweilig und zu wenig zu sehen oder wie?^^ |
||
Blessed is the mind too small for doubt |
![]() |
XeresModerator |
![]() Antworten mit Zitat ![]() |
---|---|---|
Ich finde den Hintergrund etwas zu kontrastreich, die dunkelsten Quadrate stechen sehr hinaus.
Saubere Schriften in guter Größe - die Links könnten stärker betont werden. Generell etwas... farblos. Ich würde mehr ein blau-grau wählen, oder zumindest Akzente setzen. Die Inhaltsbox ist etwas groß nach unten hin - da kann man weit scrollen, auch wenn oben nur ein paar Sätze stehen. Sonst nett und übersichtlich. |
||
Win10 Prof.(x64)/Ubuntu 16.04|CPU 4x3Ghz (Intel i5-4590S)|RAM 8 GB|GeForce GTX 960
Wie man Fragen richtig stellt || "Es geht nicht" || Video-Tutorial: Sinus & Cosinus THERE IS NO FAIR. THERE IS NO JUSTICE. THERE IS JUST ME. (Death, Discworld) |
![]() |
HolzchopfMeisterpacker |
![]() Antworten mit Zitat ![]() |
---|---|---|
Was mir als Allererstes auffiel, war der verschwommene Hintergrund. Und auch danach zog der mein Auge zu sehr in den Bann. Der ist bestimmt überarbeitungswürdig (vielleicht reicht's ja schon, einfach den Kontrast extrem runterzuschrauben), denn so lenkt er vor allem ab.
Die Schaltflächen oben sind auch nicht so das Gelbe vom Ei. Auch hier ist es wohl einfach ein Kontrastproblem, beim drüberfahren kann ich sie nämlich sehr gut lesen, aber sonst finde ich den schwarzen Text auf dem dunkelgrauen Hintergrund eher unglücklich. Ausserdem: Wieso sind die Schaltflächen-Beschriftungen als Bilddatei gespeichert? Einfacher Text täte es doch auch? Und die Startseite sowie die Kontakt-Seite müssten wohl nicht ganz so hoch (oder tief?) sein, die könnten durchaus dort aufhören, wo auch der Inhalt aufhört. Das sind mal so kleine Kritikpunkte, die mir direkt ins Auge sprangen und eigentlich leicht umzusetzen sein sollten. mfG Holzchopf |
||
Erledige alles Schritt um Schritt - erledige alles. - Holzchopf
CC BY ♫ BinaryBorn - Yogurt ♫ (31.10.2018) Im Kopf da knackt's und knistert's sturm - 's ist kein Gedanke, nur ein Wurm |
![]() |
DaysShadow |
![]() Antworten mit Zitat ![]() |
---|---|---|
Ok, danke.
Beim Hintergrund hatte ich eine Weile gerätselt, was ich nehme, ich hatte zuerst das Muster ohne den Blur, da fand ich es allerdings persönlich als störend, dann hatte ich es so gemacht wie jetzt und fand es fürs erste in Ordnung. Das große leere Nichts habe ich gerade "behoben", es war noch eine min-height eingestellt. Beim Hintergrund habe ich den Kontrast herabgesenkt, vielleicht ist es ja jetzt besser. Warum ich den Text als Bild habe weiß ich ehrlich gesagt nichtmal mehr genau, ich meine aber, dass ich es nicht valide hinbekommen hatte mit normalem Text. Da lässt sich aber natürlich auch noch basteln. Ansonsten sind es nichtmal 4 kb die man lädt. Die Schaltflächen sind bei mir gut lesbar, vielleicht ist es bei dir, Holzchopf, die Helligkeit oder der Kontrast generell etwas niedriger? Andererseits hast du trotzdem recht, dunkel auf dunkel ist schon etwas bescheiden. Und zum farblosen: Dieses farblose grau-grau ist mein standard den ich problemlos hinbekomme, ist ja auch nicht viel dabei. Ich würde gerne etwas farbigeres schöneres erstellen, allerdings hapert es da bei mir meist an der Umsetzung in den Grafikprogrammen. Aber auch hier: Basteln und probieren ist angesagt. Habe die Seite auch aktualisiert, also vielleicht nochmal reinschauen und Bescheid geben ob es besser ist oder vielleicht doch komplett für die Tonne ![]() Danke! |
||
Blessed is the mind too small for doubt |
![]() |
hecticSieger des IS Talentwettbewerb 2006 |
![]() Antworten mit Zitat ![]() |
---|---|---|
Von dem Design will ich mich jetzt nicht zu tief äußern. Die Kontraste zuwenig, der Hintergrund verwirrt etc...
- - - Was störend ist, das die ganze Seite aufflackert, wenn man einen der Buttons klickt. Woher das genau kommt weiß ich nicht, aber folgendes würde ich komplett anders machen. Hast schon schön die CSS-Klassen definiert, aber irgendwie sehr eingeschränkt eingesetzt. Grundsätzlich würde ich jeden ''Sektor'' einer Oberklasse geben, in der alle Unterelemente eingeschlossen werden. So lässt sich einfach und schnell jeder Sektor per CSS nachträglich verändern. Innerhalb eines solchen Bereiches sollten dann einzelne HTML-Elemente definiert sein, und zwar ohne immer jedes einzelne einer Klasse zuzuweisen. Beispiel Statt: Code: [AUSKLAPPEN] <h1 class='tolleSache'>jo</h1>
<p class='tolleSache'>bla bla bla <a class='tolleSache' href='http...'>klick</a></p> Besser: Code: [AUSKLAPPEN] <div class='tolleSache'>
<h1>jo</h1> <p>bla bla bla <a href='http...'>klick</a></p> </div> Macht die Sache übersichtlicher. Definition per CSS: Code: [AUSKLAPPEN] .tolleSache h1 {
position: relative; font-size: 16pt; font-weight: bold; margin: 0 0 10pt 0; } Ob dadurch dann das ewige geflackere (Iron) beim Seitenwechsel aufhört, kann ich nicht sagen. Außerdem würde ich empfehlen einen Div-Container zum einrahmen aller anderen benutzen. Das würde bedeuten, dass man nur einmal margin:796px auto; macht, und alle anderen sich da drin einordnen. Jetzt muss der Browser jeden einzelnen Container neu dessen Mittelposition berechnen. Das ist quatsch und kann im späteren Verlauf zu Fehlern führen. - - - Sorry, das Design ist echt ''nicht auszuhalten''. Hab mal was abgeändert. Als Beispiel: http://www.hectic.de/data/__.png |
||
Download der Draw3D2 V.1.1 für schnelle Echtzeiteffekte über Blitz3D |
![]() |
DaysShadow |
![]() Antworten mit Zitat ![]() |
---|---|---|
Danke hectic, werde mir das ganze mal zu Gemüte führen und dann anwenden.
Das Design erfordert scheinbar dringend einer Überarbeitung, es steht 3:0.^^ Zum Flackern: Chrome basiert ja auch auf Chromium und da flackert nichts beim klicken, aber mal sehen, ich werde mir den Browser einfach mal installieren und dann wird sich das schon zeigen. Und danke für Screen, für dich scheint das ja ganz einfach zu sein^^ |
||
Blessed is the mind too small for doubt |
![]() |
Der Eisvogel |
![]() Antworten mit Zitat ![]() |
---|---|---|
Ich würde die Kontaktinformationen nicht als Text auf die Seite nehmen, sondern als Bild-Datei, aus Sicherheitsgründen und als Schutz vor bösen Bots. | ||
Ungarische Notation kann nützlich sein.
BlitzMax ; Blitz3D Win 7 Pro 64 Bit ; Intel Core i7-860 ; 8 GB Ram ; ATI HD 5750 1 GB Projekte: Window-Crasher Ich liebe es mit der WinAPI zu spielen. |
![]() |
hecticSieger des IS Talentwettbewerb 2006 |
![]() Antworten mit Zitat ![]() |
---|---|---|
Sicherlich auch gewöhnungsbedürftig, sollte aber schnell gehen, hab ich folgende Seite gemacht.
Besteht nur aus drei Containern. Einer (SUMM) der die beiden inneren (MENU, BULK) umspannt: HTML-Code: [AUSKLAPPEN] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> <link rel="stylesheet" type="text/css" href="haupt.css" /> </head> <body> <!-- SUMM --> <div id="summ"> <!-- MENU --> <div id="menu"> </div> <!-- BULK --> <div id="bulk"> <h1>Willkommen bei www.hectic.de</h1> <h1>An dieser Seite wird noch gearbeitet</h1> <p>Demnächst werden hier meine Projekte veröffentlicht. Das wären zum Beispiel:</p> <ul> <li><a href="http://www.blitzforum.de/forum/viewtopic.php?t=21659">Draw3D2</a></li> <li>Dreamplayer</li> <li>BTM-Builder</li> <li>Buggy 2D</li> </ul> <p>Dennoch wünsche ich einen schönen Tag</p> <p><img src="hectic.png" /></p> </div> </div> </body> </html> Zielsetzung war, einfachste Handhabung. Abgerundete Ecken erhält man durch: CSS-Code: [AUSKLAPPEN] -khtml-border-radius: 15px;
-moz-border-radius: 15px; Werden zwar vom IE ignoriert, es kommt aber auch kein Fehler. Man sollte sich Gedanken darüber machen, dass andere Menschen andere Bildschirmauflösungen nutzen. Manche arbeiten bei Vollbild, andere wiederum per Fenster. Dazu eignet sich den umschließenden Container per CSS min-width: 600px; und max-width: 900px; einzugrenzen. Wobei - hier muss ich zugeben - 900 Pixel als Maximum auch schon recht wenig sind. |
||
Download der Draw3D2 V.1.1 für schnelle Echtzeiteffekte über Blitz3D |
Macintosh |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
Ich würde alles ein wenig kleiner machen. Ist so riesig, besonders die menu-buttons. | ||
Toasty |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
Macintosh hat Folgendes geschrieben: Ich würde alles ein wenig kleiner machen. Ist so riesig, besonders die menu-buttons.
Also ich finde die Größe ist okay, sonst sieht das so leer aus, oder nicht? |
||
@AMD Phenom BE X4 2,5Ghz(Overclocked 2,61Ghz); 4GB DDR2; 512MB nVidia GeForce 8400gs; Win7 Home Premium 64bit
Lua for President! |
tim3333 |
![]() Antworten mit Zitat ![]() |
|
---|---|---|
Also ich finde deinen Hintergrund nicht besonders und die schwarze Schrift im Banner würde ich auf weiß ändern. | ||
![]() |
DaysShadow |
![]() Antworten mit Zitat ![]() |
---|---|---|
So, habe mich heute mal an die Überarbeitung bzw. Neuerstellung gesetzt.
Es ist definitiv heller, keine dunkle Schrift auf sowieso schon dunklem Untergrund und kein nerviges Hintergrundbild ![]() Buttons nicht zu groß und die aktuelle Seite wird auch durch den jeweiligen Button dargestellt. Trotz allem noch schlicht und ohne Farben, da ich erstmal die Seite soweit in Ordnung haben wollte und ich bei Farben nicht so schnell bin im zusammenbasteln. Getestet mit IE8, FF3.nochwas, Opera 11, Safari, Chrome, Iron. Auch diesmal wieder valide. @hectic: Kein Geflacker im zur Zeit neuesten Iron von deren Homepage ![]() Seite: Klick Neu-Alt Bild: Klick Kommentare Bitte, Danke! ![]() |
||
Blessed is the mind too small for doubt |
![]() |
gameworx |
![]() Antworten mit Zitat ![]() |
---|---|---|
Ist schon wesentlich besser, wie ich finde. Ich würde aber noch eine Farbe wählen, um die Seite etwas aufzupeppen. Grau in grau ist etwas sehr steril. Mit der Farbe dann Akzente setzen. | ||
AMD Athlon II X3 440 (3 GHz), 4GB Ram, ATI Radeon HD 5450, Win 7 |
![]() |
ZaP |
![]() Antworten mit Zitat ![]() |
---|---|---|
Ja das möchte ich auch empfehlen. Vielleicht auch zwei Farben, die sich gut ergänzen. | ||
Starfare: Worklog, Website (download) |
Übersicht


Powered by phpBB © 2001 - 2006, phpBB Group