HP

    Hallo Leute,


    ich will nun auch mal meine Homepage vorstellen.
    Ein bisschen Werbung machen und noch ein paar Fehler finden und beseitigen.


    Kritik ist erwünscht, sagt einfach euere Meinung.
    Die Page ist vielleicht aber auch ein Anreiz zum HTML beim HTML-Seminar lernen, denn die Seite ist fast nur mit Kenntnissen aus dem HTML-Seminar gemacht und mit dem Layoutgenerator entworfen.
    (Anfangs sogar ein Header von euch drinnen :wink: )


    Hier der Link: **************


    Das Projekt geht nun allmählich zuende. Doch es ist schon ein neues Projekt geplant :D

    Hi Nikbes,


    Respekt - schon sehr gut für einen Start von 0 auf 100.


    Natürlich bekommst du gleich einen Eintrag ins Gästebuch - allerdings hat als Homepage nicht das html-seminar.de reingepaßt (so gab es halt nun den PHP-Kurs.com :) ) - es sollten also die Feldlängen dringend länger werden.


    Wird auch bei der E-Mail-Adresse schwierig, da zu wenig Zeichen möglich sind. Weiterhin ist E-Mail-Adresse im Klartext kritisch, sollte also nicht als Klartext auftauchen, da sonst deine Website als Futter von E-Mail-Sammel-Robots (die meistens Spammern gehören) dient.


    Noch ein Verbesserungsvorschlag - dunkle Schrift auf Blau hat zu wenig Kontrast - im Gästebuch wird das Schwarz auf Blau schwer lesbar.


    Zweiter Verbesserungsvorschlag: die title-Tags jeder Seite sollten beschreiben, was auf der Seite steht (sehr wichtig für Suchmaschinen!).


    Auch ja, bin Schwabe - und hier gibt es das Sprichwort (übersetzt auf hochdeutsch) "Nicht gemeckert ist gelobt genug" - ich bemühe mich ja immer, trotzdem zu loben. Also im Klartext: Gefällt mir schon sehr gut. Jetzt noch Bilder ...
    Das mal in aller Kürze - weiter so.


    Gruß Axel

    nach kurzem Einblick und ohne auf optisches Design oder Inhalt zu achten:


    1.) den von dir eingefügten Tables sollstet du eine fest width zuweisen -
    sieht unschön aus, wenn sich diese auf den verschiedenen Seiten ständig verschoben anzeigen.


    2.) background-color im Gästebuch sollte bischen heller ausfallen... Einträge sind nur sehr schwer lesbar.


    3.) verpasse dem Dingens mal einen aussagekräftigen Titel :wink:


    Ansonsten:
    W3C-Validatortest bestanden :lol:
    CSS-Test nicht überall OK <!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a><!-- m -->


    [Blockierte Grafik: http://www.pg-private-line.de/dateien/Finger_R.gif] Zum Test wieweit die Seite optimal für eine z.B. Google-Suche geschrieben ist, solltest du hier einmal probieren:
    <!-- m --><a class="postlink" href="http://seekport.de/seekbot/">http://seekport.de/seekbot/</a><!-- m -->

    Erstmal Danke für die schnellen Posts.


    -Im Gästebuch habe ich die Hintergrundfarbe und die Längenangabe des Formular geändert.


    -Um die Titel werde ich mich noch kümmern, danke für den Hinweis.


    -CSS sollte nun fehlerfrei sein.
    Beim HTML sind noch vereinzelt Fehler drin, die werden dann aber auch später verschwinden.


    Die Breite der Tabellen ist mir ein Rätsel :shock:

    PHP
    <?php <table [...] width=\"50%\">[...] ?>



    Das ganze nocheinmal in Pixel.

    PHP
    <?php <tabel [...] width=\"350px\">[...] ?>


    Eigentlich ist eine Breite angeben.


    Wieso ist der Eintrag von Axel dann breiter?


    mfg nikbes

    einige Hinweise (Validator) treten noch auf der Seite "Kontakt" auf:


    line 38 column 30 - Warnung: <input> element not empty or not closed
    line 38 column 72 - Warnung: <br> element not empty or not closed
    line 39 column 24 - Warnung: <input> element not empty or not closed
    line 39 column 67 - Warnung: <br> element not empty or not closed
    line 40 column 49 - Warnung: <input> element not empty or not closed
    line 49 column 7 - Warnung: <input> element not empty or not closed
    line 59 column 3 - Warnung: <img> element not empty or not closed
    line 37 column 5 - Warnung: <form> attribute value "POST" must be lower case for XHTML
    line 47 column 13 - Warnung: <textarea> proprietary attribute "wrap"


    Zur TABELLENbreite:
    gibst du doch einfach nur ergänzend ein: style="width:50%"


    den Wert kannst du natürlich auch in px vorgeben

    Die Breitenangaben stimmten...nur :

    Zitat

    href="http://www.html-seminar.de/">http://www.html-seminar.de</a>

    ist ein Wort, da kann kein Leerzeichen gemacht werden, daher ist das GB gesprengt...


    HTML ist halt nicht erlaubt, um das Gästebuch sicherer zu machen.
    Ich werde den Eintrag editieren, macht dir hoffentlich nichts aus, Axel.



    mfg nikbes

    # Unter <!-- m --><a class="postlink" href="http://nikbes.ni.funpic.de/hp/projekt.php">http://nikbes.ni.funpic.de/hp/projekt.php</a><!-- m --> sind die Beschreibungen der unteren Links nicht richtig sichtbar also (ich hab mir den Quellcode jetzt nicht angesehn) vllt mal das Div entsprechend größer machen.


    Sonst aber wirklich schon sehr sehenswert! :)
    # Von deiner Standartschriftart (Times New Roman dürfte es sein) würde ich auch abraten. Mir persönlich gefällt diese serifenhaltige Schrift jedenfalls nicht so besonders.
    Empfehlen würde ich dir daher Arial. Das müsste auch so ziemlich jeder Surfer haben.


    # Allgemeine Links sollten meiner Meinung nach auch nicht dieses starndart #00F Blau haben.
    Bei dir würde vielleicht so ein dunkleres Blau, wie das der Linküberschriften unter <!-- m --><a class="postlink" href="http://nikbes.ni.funpic.de/hp/links.php">http://nikbes.ni.funpic.de/hp/links.php</a><!-- m --> gut aussehen. Die <hr /> solltest du dann etwas fortschrittlicher und auch ansehnlicher (und praktischer ^^) mit einem Div machen, dem du dann nur einen unteren Rahmen gibst (border-bottom: ...), womit in etwa der gleiche Effekt, nur schöner, erzeugt wird.


    # Auch unter Links ist mit den Beschreibungen irgendwas nicht in Ordnung...


    # Der Hintergrund gefällt mir schon sehr gut, ich würde nur eine Anpassung an das blaue Design empfehlen, also auch den Hintergrund etwas ins blaue ziehen (kannst ja etwas mit den Farben rumexperimenteren; ein Erfolgsrezept kann ich dir dafür auch nicht geben).
    Außerdem ist das Bild schlecht gekachelt.
    Solche einfachen Muster zu kacheln geht, finde ich, am besten, wenn du mit Paint nur ein wenige Pixel großes Bild erstellst, das so von der Größe ist, dass sich die Bilder nahtlos aneinander legen lassen.
    Bei so einem kleinen Bild fällt die Optimierung dann auch nicht so schwer ;)


    # Die Einbringung von dem Orange in deine Seite finde ich auch nicht so sehr gelungen.
    Als Rahmen um dein Haupt-Div könnte ein dunkelblauer Doppelrahmen ( border: 5px darkblue double ) gut aussehen.


    # Die Hintergrundfarben des Haupt-Div und die in der Fußzeile davon finde ich auch etwas stechend.
    Vielleicht kannst du da etwas rumprobieren mit helleren bzw dunkleren Blautönen.
    Als Programm kann ich dir dafür das Bildbearbeitungsprogramm Pain.NET empfehlen. Das ist kostenlos und lässt sich, einmal installiert, relativ schnell starten.
    Da kannst du dann einen Screenshot deiner Seite reinladen und mit den Farben rumexperimentieren, deren Werte dann auch direkt Hexadezimal (also #012390) anzegeigt werden.


    # Die "Login"-Schaltfläche ist meist etwas verruscht und nicht im Haupt-Div.
    # Ich empfehle den werbe- und kostenfreien Hoster lima-city.
    # Die Hintergrundfarbe der Nachrichten in deinem Gästebuch ist etwas dunkel und zu sehr ins rote verschoben. ^^



    Das wäre soweit alles, was ich zu bemängeln hätte :D
    Sind natürlich alles nur "erste Eindrücke" von mir und du kannst ja nach deinem eigenen Ermessen bewerten, inwieweit du da mit mir einer Meinung bist.
    Ich hoffe ich konnte dir damit etwas helfen und zur Verschönerung deiner Website beitragen :)

    Ich habe den Hintergrund wie du beschrieben hast verkleinert. Hat gut funktioniert.


    Für den Rahmen und Schriftart werde ich noch ein paar Experimente machen, ansonsten aber nichts mehr ändern.


    zu dem Login:
    Der Textlink sollte eigentlich ein Button werden, da habe ich aber kein gutes Bild gefunden, das sich mit dem Header verträgt. Also der Login soll in die Headergrafik.


    Könntest du bitte einen Screen von der Beschreibung der einzelnen Links machen. Ich benutze entweder Mozilla Firefox oder den IE 7 und habe keine Probleme. Mouseovereffekt funktioniert problemlos.


    Ich werde aber noch an meiner Homepage arbeiten und noch einige Tipps von euch miteinbauen.

    so sieht es doch schon sehr gut aus :lol:
    mir ist aber gerade wieder aufgefallen, dass sich bei "Gästebuch" das gesamte Inlay nach links verschiebt!
    Habe jetzt allerdings nicht den Quelltext aufgerufen um zu sehen, was da ggf. querschiessen könnte

    Zitat von &quot;nikbes&quot;

    Könntest du bitte einen Screen von der Beschreibung der einzelnen Links machen. Ich benutze entweder Mozilla Firefox oder den IE 7 und habe keine Probleme. Mouseovereffekt funktioniert problemlos.


    Ist sieht nun doch etwas verzwickter aus, als ich erst dachte.
    Am besten, du saugst dir mal den Opera und probierst es selbst aus.
    Es ist ohnehin sehr empfehlenswert die eigene Homepage immer in allen gängigen Browser auszuprobieren:
    Opera Donwlaod von CHIP Online

    Oh Gott, des sieht schlimm aus.
    Liegt dann wahrscheinlich am Opera, der den Mouseovereffekt nicht richtig verarbeitet, sonst kann ich mir so eine 'seltsame' Darstellung auch nicht erklären. :shock:

    Foster -


    habe mir auf deinen Gedankenanstoss nach langer Zeit auch mal wieder den Opera geladen, und muss sagen, ist ja eine fast unmögliche Maschine.
    Hatte mir mal als eigene Startseite was mit SoThink DHTML-Menu erstellt - erkennt er nicht, was wohl sicher wie bei nikbes an mangelhafter onMouseOver-Darstellung liegen mag!!!


    Ansonsten ist das Ding sehr schnell, setzt auch gut CSS um... Nachteil für Vielnutzer: keinen Import für Passwörter :wink:


    Richtig ist auf jeden Fall dein Ratschlag, seine Seiten mit möglichst vielen Browsern zu testen. In sehr vielen Fällen ist es nach meiner Erfahrung der IE der sich einfach nicht so recht anpassen möchte.


    Dafür hier aber mal eine Seite <!-- m --><a class="postlink" href="http://meineipadresse.de/netrenderer/">http://meineipadresse.de/netrenderer/</a><!-- m --> wo man sich seine Gestaltungen anzeigen lassen kann, wie sie der IE 5.5/6/7 darzustellen vermögen.

    Habe keine Lust ein neues Thema zu erstellen, aber nocheinmal eine Rückmeldung - die HP ist nun völlig überarbeitet.


    Design und Inhalte sind verbessert und erweitert worden.
    P.S. Den Link findet ihr irgendwo oben im Thread ;)


    mfg nikbes

    Hoi, schickes Design! :)
    Ich würde es aber noch einstellen, dass die Links aus der Navi beim Drüberfahren die Farbe ändern (in hellgrau) und sich auch der Hintergrund von dem Link evtl. ein bischen erhellt.
    Gleichzeitig underline und overline beim Hover-Effekt könnte mal sicherlich auch mal ausprobieren ^^


    Der Schatten von der Seite gefällt mir auch :)
    Weißt du, wie der zustande kommt?

    Zitat von &quot;Foster&quot;


    Der Schatten von der Seite gefällt mir auch :)
    Weißt du, wie der zustande kommt?


    Danke danke :)
    xD sind einfach zwei Grafiken, die sich vertikal wiederholen

    danke :D
    wobei ich dazu noch sagen muss, dass das design von mir nur eine etwas abgeänderte Vorlage ist - aber man muss schließlich nicht alles selber neu erfinden ;)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden