Du bist nicht angemeldet.

Design 1.0 - 1. Design Test

Nash.Bridges

Profi

  • »Nash.Bridges« ist der Autor dieses Themas

Beiträge: 1 426

  • Private Nachricht senden

1

Dienstag, 21. Januar 2003, 22:24

Design 1.0 - 1. Design Test

Moin.
Ich habe vor für meine Projekte ein Portofilo, in verbindung mit einer "Privaten Homepage" ala "Über micht" etc.

Dazu hab ich ein Roh Design.
Zu betrachten unter:
http://www.alphaforce.net/server/index.htm

Ich will euch fragen, wie euch das Design gefällt und was man besser machen könnte. auch vom HTML und CSS Code her.

Ich habe ein Problem mit dem Lynx Viewer, der Zeigt die Seite dann nähmlich so an:
http://www.delorie.com/web/lynxview.cgi?…ver%2Findex.htm

Danke fürs Testen schon im Vorraus.

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

2

Mittwoch, 22. Januar 2003, 09:29

In meinem Mozilla sehe ich eine graue leere Seite, keine Ahnung, warum. :( Im Konqueror sieht es schon eher so aus, als sei es das, was Du wolltest. Ich schlage vor, dass Du erstmal Dein HTML berichtigst, da fehlt nämlich ein Character Encoding. Und wenn Du mit "valid XHTML 1.0" angibst, dann schreibe es auch, und kein HTML 4.01 Loose: http://validator.w3.org/check?uri=http%3…stern+Europe%29 (mit Character Encoding overwrite)

Die Optik, die ich im Konqueror sehe, ist zwar interessant, aber etwas unruhig. Man kann zwar wunderschön mit CSS "herumpositionieren", aber es fehlt eine Ordnung, eine optische (und wie wir später sehen werden auch eine Markup-technische) Gliederung. In dem Chaos der verschiedenen Schriften gehst Du eines klaren Konzepts, welches dem Auge Anhaltspunkte böte, verlustig, zu Gusten einer übertriebenen Zufälligkeit der einzelnen Schriftzüge. Denke Dir einige Linien in das Layout und richte mehrere Schriften daran aus.

Zu der Problematik mit dem Lynx-Emulator: Du arbeitest nur mit SPAN-Elementen im Body, was erstens schlechter Stil ist und zweitens nur bedingt valide. In Strict-DTDs darf der BODY keine Inline-Elemente enthalten, was auch Sinn macht. http://validator.w3.org/check?uri=http%3…stern+Europe%29 (Character Encoding überschrieben, Strict-DTD angegeben)
Zeichne Deine Inhalte also mit den Mitteln von HTML aus und verwende nur Nichtinline-Elemente direkt im BODY! Beispiel:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<!-- IMO wäre hier ein Hintergrundbild besserer Stil als Text hinter Fließtext -->

<h1>Design 1.0</h1>

<h2>Weblog</h2>

<p id="weblogdate">(21:46/2003-01-21)</p>

<div id="inhalt">[Inhalt]</div>

<p id="footer">
    <address>
        &copy; Copyright 2003 Arne Kamola -
        <a href="mailto:webmaster@alphaforce.net" title="E-Mail an Arne Kamola">webmaster@alphaforce.net</a>
    </address>
    [valid!-IMGs]
</p>
Das ist viel besseres Markup und zudem auch Lynx-Kompatibel. Außerdem ist es wichtig ein Dokument mit H*-Elementen zu gliedern, allein schon wegen der Suchmaschinen, die H1-Elementen eine eminent wichtige Bedeutung beimessen.

Soviel erstmal dazu. :)

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

Nash.Bridges

Profi

  • »Nash.Bridges« ist der Autor dieses Themas

Beiträge: 1 426

  • Private Nachricht senden

3

Mittwoch, 22. Januar 2003, 16:09

Aha! Da hab ich ja ne menge falsch gemacht *g*

Zitat

In meinem Mozilla sehe ich eine graue leere Seite, keine Ahnung, warum. :(
Hmm... Das ist komisch... sollte eigendlich nicht so sein.

Zitat

Und wenn Du mit "valid XHTML 1.0" angibst, dann schreibe es auch, und kein HTML 4.01 Loose
Uups... Sorry... kommt nicht wieder vor.

Zitat

Die Optik, die ich im Konqueror sehe, ist zwar interessant, aber etwas unruhig.
Wie genau Unruhig?

Zitat

In dem Chaos der verschiedenen Schriften gehst Du eines klaren Konzepts, welches dem Auge Anhaltspunkte böte, verlustig, zu Gusten einer übertriebenen Zufälligkeit der einzelnen Schriftzüge. Denke Dir einige Linien in das Layout und richte mehrere Schriften daran aus.
*nix-check" ?( Äh... Sorry... Versteh ich jetzt nicht ganz...

Zitat

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<!-- IMO wäre hier ein Hintergrundbild besserer Stil als Text hinter Fließtext -->

<h1>Design 1.0</h1>

<h2>Weblog</h2>

<p id="weblogdate">(21:46/2003-01-21)</p>

<div id="inhalt">[Inhalt]</div>

<p id="footer">
    <address>
        © Copyright 2003 Arne Kamola -
        <a href="mailto:webmaster@alphaforce.net" title="E-Mail an Arne Kamola">webmaster@alphaforce.net</a>
    </address>
    [valid!-IMGs]
</p>

THX

Ich werd mich dran machen und es soweit alles ändern.

Nash.Bridges

Profi

  • »Nash.Bridges« ist der Autor dieses Themas

Beiträge: 1 426

  • Private Nachricht senden

4

Mittwoch, 22. Januar 2003, 17:27

Habs geändert. Und im Linx Viewer läufts auch:
http://www.delorie.com/web/lynxview.cgi?...ver%2Findex.htm

Edit by memowe: Link kapott. So lautet er richtig: http://www.delorie.com/web/lynxview.cgi?…ver%2Findex.htm

--> http://www.alphaforce.net/server/index.htm

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »memowe« (22. Januar 2003, 17:39)

Darii

Profi

Beiträge: 841

  • Private Nachricht senden

5

Mittwoch, 22. Januar 2003, 17:52

Zitat

Original von Nash.Bridges
Aha! Da hab ich ja ne menge falsch gemacht *g*

Zitat

In meinem Mozilla sehe ich eine graue leere Seite, keine Ahnung, warum. :(
Hmm... Das ist komisch... sollte eigendlich nicht so sein.
Das Problem kann ich bestätigen.
Signatur von »Darii« Against TCPA - TCPA heißt Freiheit verlieren
D.A.R.I.I.: Digital Artificial Replicant Intended for Infiltration

Nash.Bridges

Profi

  • »Nash.Bridges« ist der Autor dieses Themas

Beiträge: 1 426

  • Private Nachricht senden

6

Mittwoch, 22. Januar 2003, 17:55

Das ist wirklich sehr seltsam... Ich denke ich kümmere mich am Wochenende da rum, ich hab gerade noch ne menge zu tun.

Lesezeichen: