Du bist nicht angemeldet.

1

Mittwoch, 18. September 2002, 23:08

Was meint Ihr?

Hallo,

ich hbae nun mal endlich das Grobgerüst meiner neuen Seite erstellt und denke dies ein sinnvoller Zeitpunkt mal nach Eurerer Meinung zu fragen.

http://www.joerg-roos.de/relaunch/index.htm

Also, der Sinn dieser Seite ist in erster Linie Sie im Bewerbungsprozeß zu benutzen und die Informationswege so kurz wie möglihc zu halten- Über ein ansprechendes aber auch funktionelles Design möchte ich mich von der Mass der Bewerbungspages abheben.

Ich bin gespannt was Ihr davon haltet.....

BTW: Es gibt noch ein Darstellungsprobelm mit dem NC 4,75. Hier werden die Tabellenhintergründe mit einer Farbe belegt, obwohl diese nicht da sein sollten. WIe bekomme ich diese auch bei NC 7.75 wieder durchsichtig...

DAs wars aber fürs erste von mir...
Signatur von »WebJogi« internette Grüße & gutgehn

:P Webjogi :cool:

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »WebJogi« (18. September 2002, 23:10)


2

Donnerstag, 19. September 2002, 21:12

Hallo

Als das Design finde ich ziemlich gut, nur sollte der mittlere Textkasten etwas smaler sein, denn bei einer Auflösung von 800 * 600 Pixeln passt der nicht ganz auf dem Bildschirm. Dadurch muss ich etwas nach rechts scrollen um alles zu sehen. Das gefällt mir persönlich nicht.
Ansonsten finde ich dein Design ziemlich übersichtlich.
Den Content kann ich jetzt noch nicht bewerten, weil diese ja nicht fertig ist. Wenn du aber so einen großen Textkasten benutzt wo dein gesamter Inhalt hineinkommt, solltest du den Text etwas besser verteilen, durch z.B. eine kleines Foto irgendwo einzufügen, denn ansonsten sieht deine Seite ziemlich Monoton aus.

Ach übrigens: benutzt du Frames?

3

Freitag, 20. September 2002, 09:00

Danke, wenigstens einer der sich erbarmt..... :D

Vielen Dank für Dein Lob! Das tut gut nach der ganzen Arbeit....

Nein, ich benutze keine Frames sondern ein Tabellenlayout!

Desweiteren surfen wohl nur noch wenige mit 800x600 und die meisten mit 1024x768 oder höher (das sagt zumindest meine Statistik). Entsprechend halte ich eigentlich eine Optimierung auf 1024x768 für sinnvoll, oder?

Vielleicht finden sich ja noch mehr Leute, die eine Meinung zu der Seite haben... ?(
Signatur von »WebJogi« internette Grüße & gutgehn

:P Webjogi :cool:

4

Freitag, 20. September 2002, 20:10

Interessante Gestaltung, die bereits jetzt Interesse am Inhalt weckt.

Vielleicht solltest du als Schriftart Verdana verwenden, sieht professioneller aus und läßt sich besser lesen.

5

Sonntag, 22. September 2002, 10:03

jups, die Schriftart habe ich auf Verdanan geändert. Sieht entschieden professioneller aus. DANKE.

Da sonst keine Resonanz auf meine Anfrage kam, gehe ich mal davon aus, daß Ihr alle die Seite ok findet, oder ?
Signatur von »WebJogi« internette Grüße & gutgehn

:P Webjogi :cool:

6

Sonntag, 22. September 2002, 11:39

So, jetzt schaffe ichs auch mal... ;)

Testplattform
Mozilla 1.1 @ etwa 1Mpx
ADSL

  • Ui, so ganz valide ist die Seite nicht. Einige Fehlerchen haben sich eingeschlichen, die aber darauf basieren, dass Du keine DTD angibts und nicht konsequent CSS verwendest. So sind einige Präsentationsattribute ins HTML gerutscht. Natürlich solltest Du noch Alt-Texte für die Bilder bereitstellen: http://www.htmlhelp.org/cgi-bin/validate…s=yes&input=yes
    Zu den einzelnen Fehlern:

    Line 1 es fehlt eine Angabe der DTD. Ich nehme mal an, dass Du kein XHTML schreiben willst. Dann suche Dir hier eine DTD aus. Da Du im Moment noch viele böse Präsentationselemente wie FONT im HTML hast, die Du aber leicht mit einem durchdachten Stylesheet ersetzen kannst, empfehle ich HTML 4.01 Transitional: http://www.w3.org/TR/html4/struct/global.html#h-7.2

    Line 17 Es muss latür

    Quellcode

    1
    
    <script type="text/javascript">
    heissen.

    Line 97 Warum einklich zweimal die gleiche Farbe?? Alle von Dir verwendeten Attribute im BODY-Tag solltest Du von CSS erledigen lassen:

    Quellcode

    1
    2
    3
    4
    5
    
    body {
       color : white;
       background : #006;
       overflow : auto; // Muss aber nicht wirklich sein.
    }


    Line 101 und 117 background und auch height solltest Du mit CSS machen. Die Eigenschaften heissen genauso wie die Attribute, die Du verwendet hast.

    etliche Lines mit fehlendem Alt-Attribut für das IMG-Element
    Clara Vall, einfach ordentliche Alt-Texte angeben! :)

  • Beim CSS hast Du was missverstanden: http://jigsaw.w3.org/css-validator/valid…=1&profile=css2
    Die Einlesefehler ab Zeile 75 beruhen auf einem merkwürdigen Punkt zuviel. Vielleicht solltest Du Dir die Regeln für Selektoren noch mal anschauen: http://www.w3.org/TR/REC-CSS2/selector.html#q1

  • Lynxview ist eine Emulation des Textbrausers Lynx und ist vergleichbar mit der Sicht eines SearchEngineBot. Bei Dir sieht das so aus: http://www.delorie.com/web/lynxview.cgi?…nch%2Findex.htm
    Die Seite ist benutzbar, aber etwas durcheinander, etwa wegen der fehlenden Alt-Texte. Bei den vier Navigationsbilder würde ich eventuell sagen, dass Du da besser ein leeres alt-Attribut nimmst, da der Text ja direkt drunter steht und sonst im Textbrauser doppelt erscheint. Die Alt-Texte der Bilder sind also in diesem Fall redundant.

  • Dann mal zur Optik der Startseite: Blau hats zwar oft, ist aber keine hässliche Farbe. Und nachdem Du den Wiederholungsfehler mit dem Hintergrund verbessert hast, sieht der Verlauf auch ganz hypsch aus. Aber er ist nicht so wichtig, dass man dafür eine so hohe minimale Breite in Kauf nehmen muss. Vielleicht kann man da noch optimieren.
    Der Schriftzug ist ganz OK, der Chromeffekt passt IMO nicht ganz so gut in das recht cleane Design. Was IMO überhaupt nicht passt, sind das Quadrat, das Dreieck und 12-Eck (sollte das etwa ein Kreis sein?). Die sind überhaupt nicht ins Design integriert und wirken einfach deplatziert - eventuell einfach rauslassen? Nur mein Eindruck das.
    Warum die eckigen Klammern? IMO sehen die hässlich aus. Du willst Dich doch nicht mir irgendwelchen c3wlen Warez-51732 in Verbindung bringen?

  • Wie wäre es denn, das implizite Armutszeugnis

    Zitat

    - optimiert für den Internet Explorer ab Vers. 5 -
    (warum die Striche?) durch den Satz

    Zitat

    Diese Seite ist optimiert für Menschen.
    zu ersetzen oder gleich wegzulassen? Im Zuge dessen wäre es schön, das Rollover auch für die Gecko-Engine (Mozilla/Netscape 6/7) verfügbar zu machen - sollte kein großes Problem sein. Die Textänderung finde ich eher nervig als informativ.

  • Was nicht so gut ist, ist, die englische Version einer einzigen Seite inmitten der deutschen Navigation unterzubringen - das verwirrt nur. Entweder Du bietest nur eine Version an, oder Du bietest eine komplett englischsprachige Version zusätzlich an. Dann aber solltest Du einfach am Anfang und eventuell auf jeder Seite unten einen kleinen Sprachumschalter etwa in Form einer Flagge verfügbar machen.

  • Nächste Seite: Sorry, ist mehr inhaltlich, aber warum so viel Fremdsprech? Das ist die deutsche Version, da muss doch nicht der Header komplett in englischer Sprache sein, oder?

  • Der Quelltext der Seite ist auch nicht viel besser, aber wie oben schon beschrieben, kannst Du das leicht mit der konsequenten Verwendung von CSS ausbessern: http://www.htmlhelp.org/cgi-bin/validate…s=yes&input=yes
    Die CSS-Fehler sind genau die selben wie ich oben schon zur Startseite bemerkt habe: http://jigsaw.w3.org/css-validator/valid…=1&profile=css2

  • Mag Geschmackssache sein, aber die Animation hinter den Links finde ich extrem verwirrend. Wenn Dir meine Meinung wichtig sein sollte, nimm sie bitte raus. ;)


So, mehr fällt mir gerade nicht ein. Wenn Du noch Fragen hast, melde Dich einfach! :)

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

7

Sonntag, 22. September 2002, 14:24

hey mem:

super, vielen Dank für Deine sehr ausführliche Lritik an meiner Seite. Ich werde die einzelnen Dinge nach und nach durcharbeiten und sicherlich noch mal mit der einen oder anderen Frage auf Dich (und auch die anderen) zukommen.

Beginnen möchte ich mit der Brauser Problem und dem bei mir verwendeten rollover-Effekt (mit dazu passender Textänderung). Ich bin ja leider kein script-experte und wüßte jetzt nicht wier ich diesen Effekt auch für NC 6/7 verfügbar machen könnte. Was müßte ich denn ändern? Es wäre toll, wenn Ihr mir da auf die Sprünge helfen könntet!!!

Zur englischen Version:
Nun dies ist ja primär eine Bewerbungsseite, die zusätzlich noch einen privaten Bereich enthält. Entsprechend ist diese Startseite auch zu sehen. Der Besucher hat die Möglichkeit in drei verschiedene Bereiche einzutauchen:

Job (deutsch)
Job (englisch)
Privates

zusätzlich das extra hervorgehobene Kontaktformular (das ist ja auch besonders wichtig für diese Seiten)

Der Hauptteil dieser Seite - Infos zum meinem job und meiner bisherigen Karriere - wird komplett in Deutsch in Englisch angeboten. Ausnahme ist lediglich der private Bereich, der macht in Englisch keinen Sinn.
Insofern, denke ich ist die Naviagtion schon gerechtfertigt, einverstanden ?

Deine Anmerkungen zum Design lasse ich mir nochmal durch den Kopf gehen.....

till then
Signatur von »WebJogi« internette Grüße & gutgehn

:P Webjogi :cool:

8

Sonntag, 22. September 2002, 16:23

.... ich schon wieder:


Jetzt habe ich soweit mir möglich mal einige Fehler korrigiert. Da bleiben aber noch einige Dinge offen :

zum css:

ich habe ja farbige scrollbalken definiert. Nun sagt mir der css-validator

Zitat

"Zeile: 52 Kontext : body
Die Eigenschaft scrollbar-face-color existiert nicht : #d6d6e7 "


Diese Fehlermeldung bringt er dann zu jedem scrollbar attribut. Was muß ich tun, um diese Fehlermeldung zu verhindern ?

zum html:

der validator meldet hier:

Zitat

Line 75, column 35:
... r="#000060" height="44" background="images/header_main.gif" ...


Was mache ich denn da ? Mem empfahl, dies über css zu umgehen. Aber wie ? Das Hintergrundbild soll doch nur fpr die eine Tabellenzeile gelten.

Vielen Dank für Eure Hilfe!
Signatur von »WebJogi« internette Grüße & gutgehn

:P Webjogi :cool:

9

Sonntag, 22. September 2002, 18:03

Zur Sprachproblematik: Du solltest vielleicht deutlicher machen, dass es sich bei den beiden Sprachseiten nur um verschiedene Versionen einer Seite handelt. :)

Zitat

Original von WebJogi
ich habe ja farbige scrollbalken definiert. Nun sagt mir der css-validator

Zitat

"Zeile: 52 Kontext : body
Die Eigenschaft scrollbar-face-color existiert nicht : #d6d6e7 "
Diese Fehlermeldung bringt er dann zu jedem scrollbar attribut. Was muß ich tun, um diese Fehlermeldung zu verhindern ?
Diese Eigenschaften entfernen. Liegt daran, dass das nicht im CSS-Standard ist. IMO ist es auch nicht gut, dem Benutzer sein Interface zu verändern. Liegt in Deinem Ermessen. Brauser, die das nicht können, ignorieren die Eigenschaften.

Zitat

der validator meldet hier:

Zitat

Line 75, column 35:
... r="#000060" height="44" background="images/header_main.gif" ...
Was mache ich denn da ? Mem empfahl, dies über css zu umgehen. Aber wie ? Das Hintergrundbild soll doch nur fpr die eine Tabellenzeile gelten.
Kein Problem:

Quellcode

1
... style="background:url(bild.png)" ...


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

10

Montag, 23. September 2002, 09:39

ja mem, danke.

ABER: ?(

Mein Problem ist jetzt, daß meine Seitenstruktur ja aus mehreren verschachtelten Tabellen besteht. Nur eine Zelle soll aber dieses Hintergrundbild haben - das gilt sowohl für die Startpage als auch für eigentliche Seite -. Wie sag denn innerhalb des css, in welche Zelle das angesprochene Hintergundbild soll? Muss ich da auch sowas wie classes bilden ?

Wäre Dir sehr dankbar, wenn Du da weiterhelfen könntest.

BTW: Wegen des Java-Scripts mache ich einen eigenen Thread im Java-Forum auf, dort gehört die Frage ja am Ende auch hin 8)
Signatur von »WebJogi« internette Grüße & gutgehn

:P Webjogi :cool:

11

Montag, 23. September 2002, 10:26

Zitat

Original von WebJogi
Mein Problem ist jetzt, daß meine Seitenstruktur ja aus mehreren verschachtelten Tabellen besteht.
Das ist in der Tat ein Problem... :D

Zitat

Nur eine Zelle soll aber dieses Hintergrundbild haben
Entweder Du machst es genauso, wie ich das in meinem vorherigen Post angegeben habe und setzt im TD-Start-Tag das Attribut style="background", oder (eleganter) Du machst es im Stylesheet.

Da Du sagst, dass das eine einmalige TD ist, solltest Du das über eine ID machen:

Quellcode

1
<td id="zellemithigru" ...

Quellcode

1
td#zellemithigru { background : url(bild.png) }


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

12

Dienstag, 24. September 2002, 19:32

Zitat

Original von memowe

Zitat

Original von WebJogi
Mein Problem ist jetzt, daß meine Seitenstruktur ja aus mehreren verschachtelten Tabellen besteht.
Das ist in der Tat ein Problem... :D

Sorry mem, aber das ist in meinen Augen Quatsch! Tabellen-Layouts werden oft benutzt und man kann damit ein schönes Ergebnis erzielen. Dass man vielleicht auch auf anderen - und möglicherweise bessere - Art und Weise einen schönen Seitenaufbau erzielen kann, ist ja vollkommen richtig und in Odnung. Aber deswegen stellen Tabellen noch lange kein 'Problem' dar!


@WebJogi:
Die Seite finde ich gut! Wenn Du das Impressum fertig hast, kann ich gerne noch mal einen Blick darauf werfen. Ansonsten kann ich mem nur zustimmen, dass diese 3-teilige Logo (oben links) sehr unschön wirkt. Den Kommentar bzgl. der letzten Aktualisierung stufe ich als unnötig ein. Denn von einer Bewerbungspage erwarte ich, dass Sie IMMER aktuell ist.

/EDIT/: Das eMail-Formular muss natürlich noch an das Seitenlayout angepasst werden. Den Befehl target="_blank" solltest Du auch abändern in ="_top".

Viel Erfolg damit,
Investi
Signatur von »Investorman« ______________________________

Investorman.com || Webmasterrecht.de || Recht interessant - Die Linksammlung zum Internetrecht

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Investorman« (24. September 2002, 19:34)


13

Dienstag, 24. September 2002, 19:49

Zitat

Original von Investorman

Zitat

Original von memowe

Zitat

Original von WebJogi
Mein Problem ist jetzt, daß meine Seitenstruktur ja aus mehreren verschachtelten Tabellen besteht.
Das ist in der Tat ein Problem... :D
Sorry mem, aber das ist in meinen Augen Quatsch! [...] deswegen stellen Tabellen noch lange kein 'Problem' dar!
Das habe nicht ich geschrieben, sonder er! ;) Aber wie auch immer, man beachte den ":D" dahinter. :)

mem

EDIT: <klugscheiss> target ist kein Befehl, sondern ein Attribut! :) </klugscheiss> :D scnr
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

14

Mittwoch, 25. September 2002, 08:54

@ mem

*klugscheißzurück* mein "Problem" bezog sich aber auf der css-Thema, welches dann auch im nächsten Satz beschrieben wird :D *klugscheißzurück*

@investorman:

danke für Dein Angebot und Deine Hinweise. Du hast eigentlich recht bzgl. der Aktualisierungsinfo. Ich werde sie entfernen. Bzgl. des 3-teiligen Logos werde ich mir dann wohl doch noch mal tiefergehende Gedanken machen müssen. (und ich dachte schon ich hätte einen genialen Einfall gehabt :hupferl: )

Die Sache mit dem Formular versteht sich quasi von selbst. :D

Wenn die Seite komlett fertig ist werde ich mich in jedem Fall nochmal melden.

DANKE
Signatur von »WebJogi« internette Grüße & gutgehn

:P Webjogi :cool:

15

Mittwoch, 25. September 2002, 10:13

Zitat

Original von WebJogi
@ mem
*klugscheißzurück*
Der Fäkaltag bezog sich garnicht auf Dich, sondern auf Investi. Aber da ich da einen ":D" gesetzt hatte, können wir die rückseitigen Auswürfe IMHO nun einstellen. :D

Zitat

DANKE
BITTE! ;)
Dafür sind wir schließlich da. Sag bescheid, wenn es Fortschritte gibt! :)

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

16

Mittwoch, 25. September 2002, 10:32

ganz Deiner Meinung :D

Ich habe das ja auch genauso verstanden und auch entsprechend gemeint. :)) :)

Spaß muss sein, gelle :thinker:
Signatur von »WebJogi« internette Grüße & gutgehn

:P Webjogi :cool:

17

Freitag, 4. Oktober 2002, 11:14

So ich habe jetzt die Seite online.

Ihr findet sie unter joerg-roos.de

Ich habe noch einiges im Hintergrund (html und css) gemacht und es funzt jetzt auch soweit. Kleinere Fehler wollte ich dann am Wochenende ausmerzen. Ursprünglich wollte ich auch mit dem erneuten Thread warten, bis diese behoben sind - aber dann das :hupferl: :hupferl: :hupferl: :hupferl:

Ich habe mir meine Seite jetzt nach Html- und CSS-Verbesserung wieder im NC 6 und 4,7 angesehen und mußte feststellen, daß die Inhaltsseiten dort nicht mehr vollständig dargestellt werden. Die Seite ist quasi jetzt ne Katastrophe, weil eben nicht mehr lesbar im NC. Im IE funzt alles einwandfrei.

Wer kann mir helfen dieses riesen Manko zu beseitigen ? Ich vermute es liegt am css, da z.B. die Hintergrundbilder nicht mehr dargestellt werden ?( ?(

Au man bin ich gefrustet :hupferl: :hupferl: :hupferl: :hupferl:

DANKE für Eure Hilfe im voraus
Signatur von »WebJogi« internette Grüße & gutgehn

:P Webjogi :cool:

18

Freitag, 4. Oktober 2002, 12:07

Ui. Sieht wirklich fies aus. Das war vorher nicht! ?(
http://www.memowe.de/ot/joerg-roos.de.jpg Screenshot von Mozilla 1.1 in einem Fenster ziemlich freier Größe auf einem 1600x1200-Desktop.

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

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »memowe« (4. Oktober 2002, 12:08)


19

Freitag, 4. Oktober 2002, 12:21

weißt Du was falsch ist ?

hier ist aml mein css:

Zitat

<style type="text/css">

a.navlink {
padding: .1em .3em;
}
a.navlink:link,a.navlink:visited {
color: #D6D6E7;
text-decoration:none;
}

a.navlink:active {
color: white;
text-decoration:none;
}

a.navlink:hover {
color: white;
text-decoration:underline;
}

a {
padding: .1em .3em;
}
a:link,a:active,a:visited {
color: #000066;
text-decoration:underline;
}
a:hover {
color: #000066;
text-decoration:none;
}


H1
{
color: #000066;
font-weight: bold;
font-size: 12pt;
font-style: inverse;
}

H2
{
color: #006666;
font-weight: bold;
font-size: 12pt;
font-style: inverse;

}

body {
color : #006;
background : #006;
overflow : auto;
color: #000066;
font-size: 11pt;
font-family: verdana;

scrollbar-face-color:#D6D6E7;
scrollbar-highlight-color:#000066;
scrollbar-3dlight-color:#DDDDDD;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#808080;
scrollbar-arrow-color:#000066;
scrollbar-track-color:#000066;
}


.top { background-attachment: fixed; background-image: url(images/header_main.gif); background-repeat: no-repeat; background-color: #000066}
.navigation { background-attachment: fixed; background-image: url(images/navi_main/back_navi_ani.gif); background-repeat: no-repeat}
.main { background-attachment: fixed; background-color: d6d6e7; background-image: url(images/text_back.gif); background-repeat: no-repeat}
</style>
Signatur von »WebJogi« internette Grüße & gutgehn

:P Webjogi :cool:

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »WebJogi« (4. Oktober 2002, 12:23)


20

Freitag, 4. Oktober 2002, 12:24

So auf die Schnelle nicht. Der güldene Hinweis ist, dass es vorher nicht so war. Wenn Du das schrittweise zurückverfolgst, siehst Du doch, an welchen Stellen die Fehler entstehen! :)

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