Archiv verlassen und diese Seite im Standarddesign anzeigen : Kleine, primitive Seite - wie findet ihr sie?
Um meine Domain mal wieder zu beleben habe ich mir mal eine kleinen Seite zusammengebastelt und dabei auf reines HTML geachtet.
Wäre nett, wenn ihr mal eure Meinung dazu schreiben könntet.
www.daniel-goebel.de
Gruß
Achja, und gleich noch eine Frage hätt ich schon:
Wieso sind Links zu Foren, wie dieser:
http://www.forum-3dcenter.org/vbulletin/showthread.php?p=4356616#post4356616
...nicht W3C HTML 4.0 valid, wenn ich diesen in einem Hyperlink nutze? Wie kann ich das umgehen?
Der Code ist, soweit ich das sehe, gemessen am Standard sicherlich sehr gut. Irgendwie gefällt mir die verwendete Schriftart nicht wirklich, aber ich kann damit leben. Grafisch macht die Seite aber irgendwie nichts her: Grau in grau. Irgendwie fehlt es etwas an Grafiken, vor Allem dieses ".über mich" wirkt sehr statisch und unspektakulär. Das könnte man leicht aufpeppen:
1. wie machst du die Grafiken? Wenn du ein Grafikprogramm wie Photoshop o.Ä. benutzt solltest du die Kantenglättung der Schrift aktivieren: Bei einem Schriftzug dieser Größe sähe das sicher gut aus.
2. Man könnte zumindest die Hintergrundfarbe je nach Kategorie verändern, z.B. bei "Über mich" grün, bei "Projekte" rot usw.
Ich persönlich fänd es auch gut wenn man in den Hintergrund noch schemenhaft was reinbringt. Bei Projekte im Hintergrund z.B. einige Screenshots und Fotos mit hoher Transparenz über den farbigen Hintergrund legen, bei Schule dann evtl. ein Foto der Schule im Hintergrund usw: Das ist nicht viel Arbeit und würde die Seite schon erheblich verschönern.
An sonsten erfüllt die HP ihren Zweck: Sie informiert. ;)
darph
2006-05-26, 16:20:39
orda[/POST]']
Wieso sind Links zu Foren, wie dieser:
http://www.forum-3dcenter.org/vbulletin/showthread.php?p=4356616#post4356616
...nicht W3C HTML 4.0 valid, wenn ich diesen in einem Hyperlink nutze? Wie kann ich das umgehen?Target-Attribut raus, dann ist es valide.
@darph
Und wie sage ich ihm dann, dass er den Link in einem neuen Fenster öffnen soll, anstatt im selben?
Hardwaretoaster
2006-05-26, 17:15:18
Hm, in transitional müsste es doch noch erlaubt sein (target), doer irre ich da?
Also eigentlich wird dieses Attribut nicht mehr vorgesehen, also über HTML gar nicht...
Kommt wohl daher, dass das Attribut mit Framesets eingeführt wurde und die auch deprecated sind.
Finde ich zwar auch Schwachsinn, aber was soll man machen, wennman 100% valides HTML will?
urbi[/POST]']
1. wie machst du die Grafiken? Wenn du ein Grafikprogramm wie Photoshop o.Ä. benutzt solltest du die Kantenglättung der Schrift aktivieren: Bei einem Schriftzug dieser Größe sähe das sicher gut aus.
Done.
urbi[/POST]']
Bei Projekte im Hintergrund z.B. einige Screenshots und Fotos mit hoher Transparenz über den farbigen Hintergrund legen, bei Schule dann evtl. ein Foto der Schule im Hintergrund usw: Das ist nicht viel Arbeit und würde die Seite schon erheblich verschönern.
Genau das habe ich gerade versucht. Jedoch kommt es zu Fehldarstellungen - ein heller Streifen entsteht links neben den Hintergrundgrafiken.
Habe mal die .über mich damit verziehrt (Bild ist nur Sample, hatte gerade das zur hand). Könnt ja mal ein Auge drauf werfen.
@Hardwaretoaster
Nein, das Target-Argument funktioniert ja. Es ist valid. Siehe in der Linkabteilung. Jedoch findet er in den Links von 3dcenter Fehler, und da auch im "href".
http://img210.imageshack.us/img210/9182/bild62yx.png (http://img210.imageshack.us/my.php?image=bild62yx.png)
Hardwaretoaster
2006-05-26, 17:41:03
Der Fehler liegt wohl darin, dasss du was aus den Argumenten für PHP (o.ä.) irgendwie maskieren sollst, da ist doch ein Link angegeben, foleg dem mal und les' da nach.
Weiß jetzt auch ad-hoc nicht, wie das aussehen soll.
momentan wird das wohl als named entity interpretiert...
@HW-Toaster
Ja, werde ich machen, werde mich mal belesen.
@ all
Habe jetzt eine etwas modernere Font gewählt, jedoch dem Grundstil treu geblieben. Außerdem die Rubriküberschriften ein bisschen aufgemöbelt.
Besteht nur noch das Problem mit den Hintergrundgrafiken.
Gil-galad
2006-05-26, 18:27:45
orda[/POST]']@Hardwaretoaster
Nein, das Target-Argument funktioniert ja. Es ist valid. Siehe in der Linkabteilung. Jedoch findet er in den Links von 3dcenter Fehler, und da auch im "href".
http://img210.imageshack.us/img210/9182/bild62yx.png (http://img210.imageshack.us/my.php?image=bild62yx.png)
Schreib statt dem "&" im Link einfach mal "&". Das müsste das Problem beheben.
mit &
http://www.amd-insight.de/misc/valid_html1.png
mit &
http://www.amd-insight.de/misc/valid_html2.png
Außerdem ist der orange Hintergrund dunkler als das ".über mich", ".projekte"...
darph
2006-05-26, 18:41:07
orda[/POST]']@darph
Und wie sage ich ihm dann, dass er den Link in einem neuen Fenster öffnen soll, anstatt im selben?Gar nicht. Der User wird schon selbst wissen, ob er deine Seite ganz verlassen möchte oder nicht. Er rafft das schon, daß das ein Link nach draußen ist. Laß ihn die Entscheidung doch selbst treffen. Er kann doch jederzeit den Link selbst in einem neuen Fenster/Tab öffnen. Du mußt ihn da nicht an die Hand nehmen. ;)
Das ist auch der Grund, warum's aus strict rausgefallen ist.
Gil-galad
2006-05-26, 18:44:17
Ich versteh allerdings den Fehler bei "&" nicht (Line 11, Column 88).
Das ist der Link: <a href="http://www.forum-3dcenter.org/vbulletin/newreply.php?do=newreply&p=4356625">Test</a>
Gil-galad[/POST]']
Außerdem ist der orange Hintergrund dunkler als das ".über mich", ".projekte"...
Korrigiert.
Jetzt steht noch die Frage im Raum, wie ich die links von 3DCenter valid bekomme und wie ich den weissen Rand an der Hintergrundgrafik wegbekomme.
Post scriptum:
Die Schriftart habe ich wieder aus Time New Roman gesetzt. Gefällt mir schlichtweg am besten und lenkt nicht ab beim Lesen. Rubriküberschriften bleiben auch klassisch, nur jetzt mit ein wenig AA (alias Blur).
MadMan2k
2006-05-26, 21:38:07
AA ist eben kein blur - bitte korrigieren
der Feherl bei (Line 11, Column 88) kommt daher, dass man a elemente nicht einfach in den body setzen darf.
insgesamt ist der code semantischa uch ziemlich scheisse, wenn auch valide.
Ich finde geglättet sieht es um einges besser aus. Was mir jetzt beim "durchklicken" so aufgefallen ist: Warum sind die Kästen(".über mich" usw.) unterschiedlich groß bzw. verschoben? Es wäre deutlich homogener wenn die die gleichen Abmessungen und Positionen haben...
Natheedo
2006-05-27, 02:22:04
Also ich finde die Seite, dafür das sie eine private ist, rein vom optischen her ganz ok, hat auf jedenfall was.
Wäre jetzt auch nichts was ich zu nörgeln hätte (ausser Geschmacksbedingte Dinge).
Ganz ehrlich, find die Seite klasse.
Natheedo
MadMan2k[/POST]']AA ist eben kein blur - bitte korrigieren
Ist mir bewusst aber in diesem Falle völlig Schnuppe.
MadMan2k[/POST]']der Feherl bei (Line 11, Column 88) kommt daher, dass man a elemente nicht einfach in den body setzen darf.
Aha, interessant. Mmm, und wieso gehen dann andere "a"-Elemente Im Body ohne Fehler?
MadMan2k[/POST]']
insgesamt ist der code semantischa uch ziemlich scheisse, wenn auch valide.
Bedenke, dass das meine erste Seite ist. Ich finde ihn selber gar nicht so verkehrt. Werde jetzt aber versuchen mehr Übersicht dort reinzubringen.
urbi[/POST]']Ich finde geglättet sieht es um einges besser aus. Was mir jetzt beim "durchklicken" so aufgefallen ist: Warum sind die Kästen(".über mich" usw.) unterschiedlich groß bzw. verschoben? Es wäre deutlich homogener wenn die die gleichen Abmessungen und Positionen haben...
Hängt mit dem Gesamtbezug zusammen, da die ganze Seite aus einer Graoßen Tabelle mit Unterbabellen besteht. Mit Firefox und Opera sieht passiert dies nicht. Nur mit dem IE...
Natheedo[/POST]']Also ich finde die Seite, dafür das sie eine private ist, rein vom optischen her ganz ok, hat auf jedenfall was.
Wäre jetzt auch nichts was ich zu nörgeln hätte (ausser Geschmacksbedingte Dinge).
Ganz ehrlich, find die Seite klasse.
Natheedo
Danke. Ganz ehrlich: die Seite wird vielleicht max. 50 Besucher/Monat haben, glaube mehr Designaufwand wäre da auch etwas übertrieben.
Jetzt noch die ToDo Liste:
- untersch. Zellgröße mit IE fixen
- Semantik ein wenig verbessern/kommentieren - wie weit sollte man da eigentlich gehen?
- eventuell einzelne Grafiken zur Auflockerung
- den 3DCenter Link valid machen
Den Fehler bei (Line 11, Column 88) umgehe ich jetzt einfach dadurch, dass zuerst auf eine Zwischenseite verlinke, die dann gleich den Besucher auf 3DCenter weiterführt. Nicht schön, aber den Fehler habe ich damit behoben.
(del)
2006-05-27, 14:58:40
Sehr beruhigendes und stimmiges Design. Gefällt mir :up:
1. Der Anti-TCPA "Sticker" muß nach ganz nach oben ;)
2. Ich kann das Gesicht der Frau nicht erkennen ;)
BessereHälfte[/POST]']Sehr beruhigendes und stimmiges Design. Gefällt mir :up:
1. Der Anti-TCPA "Sticker" muß nach ganz nach oben ;)
Dann nutze den IE, da ist er ganz oben. Aber extra für dich werde ich den Sticker jetzt nach oben setzen. ;D
BessereHälfte[/POST]']
2. Ich kann das Gesicht der Frau nicht erkennen ;)
War ja auch nur zum Test. Kommen heute Abend richtige Grafiken hin.
Hier noch eine Dokumentation dieser Seite, falls es mal jemanden interessiert, wie so etwas auszusehen hat und was da rein soll.
"...In dieser Dokumentation soll der Ausgangspunkt, die Ziel- und Vorgangsweise beim Entwurf,
der Programmierung und der Testung geschildert werden."
http://rapidshare.de/files/23304293/FINAL_DOKU_GOEBEL.pdf.html
1A Arbeit gefällt mir! So ein Anspruch auf einer normalen Schuel...WOW!
DanMan
2006-06-19, 14:28:19
orda[/POST]']Bedenke, dass das meine erste Seite ist. Ich finde ihn selber gar nicht so verkehrt. Werde jetzt aber versuchen mehr Übersicht dort reinzubringen.
Umso wichtiger, dass, wenn du schon jetzt erst damit anfängst, es gleich so lernst, wie es heute und in der Zukunft gemacht wird. Also auch ohne Tabellen fürs Layout - v.a. wenn sie, wie bei deinem Design, nicht nötig sind. CSS heißt das Zauberwort.
Why tables for layout is stupid (http://www.hotdesign.com/seybold/).
Da dir sauberer HTML Code am Herzen liegt: dein Frameset hat keinen Doctype.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
P.S.: Meta-Redirects macht man nicht mehr. Werden glaube ich auch von manchen Suchmaschinen ignoriert, daher deine Seite nicht indexiert.
@DanMan
Danke für den Hinweis, eine CSS Variante meiner Seite existiert auch, aber aus Zeitnot entschied ich mich für das GodOldTable-Layout, werde bei Gelegenheit mal den Content in CSS stopfen...
vBulletin®, Copyright ©2000-2024, Jelsoft Enterprises Ltd.