Homepage Template release :D

    Hey liebe M-Core Community.

    Ich release mal eine Homepage die ich Designd und gecoded habe.
    Die Homepage enthält die PSD Datei zum BG, index.html, donate.html & register.html.

    Support zur Homepage gebe ich nur im hier im Theard.
    Ich kann kein php was sich aber bald ändern wird, da ich mir nen buch für PHP, Sql, xHTML / HTML5 und CSS bestellt habe.

    Hoffe sie gefällt euch.
    Fals euch der Code nicht gefällt, dann tut es mir leid hab mir HTML & CSS aber selber ohne Bücher & Tutorials beigebracht.
    Vondaher: ,, Fuck You ♥ " ! :grin:


    Preview der HP:


    Download link:

    Homepage Download link!

    Bedanken nicht vergessen! :D


    Credits:
    Die Credits gehen zu 1.000.000.000.000% an mich!

    HF mit der HP :D

    mfg ~Enzario <3


    PS: Ihr könnt meine Dienstleistung auch gerne für etwas Geld kaufen. ♥


    //Edit:

    Der Footer BG & der Inhalt sind nicht enthalten.
    Der BG sieht vom rand her schöner aus hab ihn nochmal ausgebessert.

    [CENTER]




    [/CENTER]

    Achso, da aber nur ganz bisschen, habe sie etwas gezogen und rest geschnitten und bearbeitet damit sie ihre passende länge haben.

    [CENTER]




    [/CENTER]

    Wenn du Bilder ständig in deren Größe verändern möchtest, versuche sofern möglich gerade deine "Fenster-Abschnitte" als Vektorgrafiken zu erhalten, damit kein Verlust entsteht. Sollte es nicht mehr möglich sein, so konvertiere sie vorher in ein Smart-Objekt,
    um wenigstens den Ursprung deiner Grafik beizubehalten.

    Es sind Feinheiten, doch wenn du schon Leute suchst, die deine Leistungen kaufen,
    solltest du auch auf Einzelheiten legen.
    Vektorgrafiken haben den Vorteil, dass die Propotionen beibehalten werden können,
    als auch die Pixel ohne Verlust neuberechnet werden können.
    Ein Smart-Objekt merkt sich den Ausgangszustand,
    sollte man diese Objekt mehrfach in diversen Formen benötigen,
    sowie mehrfach hin- und herskalieren müssen.


    Für den Anfang ganz gut gelungen.
    Versuche zukünftig mehr darauf zu achten,
    ob es einfach ist deine Texte zu lesen,
    was mein einem kontrastarmen Verhältnis bei deiner Schrift und deinem Hintergrund schwer wird.

    Es kommt nicht darauf an, dass du für kurze Zeit den Text gut lesen kannst, sondern musst du auch andere Faktoren berücksichtigen.

    Macintoshs haben meist einen helleren Bildschirm => Immernoch gut lesbar?
    Nicht alle haben gute Augen, geschweige denn könnten Sehschwächen (bezogen auf Farberkennung) haben.

    Dann würde deine Website für diese Leute etwa so aussehen:

    // Virtual

    Okay Dankeschön :D

    Hier ein Preview einer anderen HP für die ich mir echt mühe gegeben habe( Die HP oben im Theard, release ich weil ich sie selber auch hässlich finde <3 xD ) :

    Bewertet diese HP's doch bitte mit einer Skala von 1 bis 10 :D

    mfg ~Enzario

    [CENTER]




    [/CENTER]

    Auch hier wieder ein kleines Manko bezüglich der Leserlichkeit.
    Zum einen hast du hier einen recht niedrigen Kontrast, zum anderen
    nutzt du hier eine Serifen-Schrift, was bedeutet, du nutzt eine Schrift,
    die "Verschnörkelungen" beinhaltet.

    Ein Monitor ist aufgrund der begrenzten Pixelanzahl weniger dafür geeignet kleine Text mit Verzierungen darzustellen.
    Solche Schriften sollte man üblicherweise nur für größere Schriften/Überschriftenverwenden.

    Wenn du unbedingt darauf besteht dir eine Punktzahl zu geben, auch wenn dies recht wenig aussagt:
    Design [COLOR="#8b0000"](5/10)[/COLOR]
    Code [COLOR="#8b0000"](?/10)[/COLOR]

    Es fehlen Punkte, da der Code ebenfalls eine sehr wichtige Rolle spielt.
    // Virtual

    Dies musst du selber entscheiden, doch bezweifel ich, dass es jemand kopieren wird.
    So ist es schwer etwas zu bewerten.
    Man sieht hier weder Zustände, wie Hover,Active,Focus,Visited noch andere "Animationen" ( Wobei du wahrscheinlich kein JavaScript/Flash nutzt)
    Zudem geht deine Website irgendwann online, kann man spätestens hier deinen Code auslesen.

    Ist dein Code wenigstens valide, sowohl im CSS als auch im HTML?

    // Virtual

    :o Kp was valide :D

    Hab mir 5 bücher bestellt spätestens danach werde ich HTML + CSS + PHP + SQL gut beherrschen und kann dir dann nochmal ne HP + code zeigen :)

    [CENTER]




    [/CENTER]

    Es gibt ein Consortium ( das W3C ), welches versucht das Internet weitesgehend zu vereinheitlichen und hat dafür Normen geschaffen,
    an die es von Vorteil ist sich daran zu halten. Dafür gibt es Validatoren, die deinen Code überprüfen.
    Um deine HTML-Syntax zu überprüfen, nutze diesen Link.
    Für eine CSS Validierung nutze diesen Link.

    Bücher alleine helfen einem nicht, dazu zählt viel Engagement deinerseits. ;)
    Bis du alle Sprachen gut beherrschst wird es noch einiges an Zeit in Anspruch nehmen,
    sofern du nicht schlimmer programmieren möchtest, als so manch Programmierer hier im Forum. :)

    // Virtual

    Zitat

    Bewertet diese HP's doch bitte mit einer Skala von 1 bis 10 :D

    mfg ~Enzario

    Schluss mit solchen Bewertungen! Was bitte erhoffst du dir damit? Ich erlebe sowas oft genug im GFX-Bereich, wenn jemand ne Signatur postet und nach Bewertungen und Feedback fragt (jedenfalls damals, wo was los war). Du erhällst 3/10 ohne begründung, fragst dich, was die Person schlecht findet und hast am Ende nichts davon. Frag viel lieber nach einen ordentlichen Feedback und Verbesserungsvorschläge.

    1/10, da mich der Satz "Bewertet diese HP's doch bitte mit einer Skala von 1 bis 10 :D" stört.

    Verbesserungsvorschläge:
    -lass "Bewertet diese HP's doch bitte mit einer Skala von 1 bis 10 :D" für immer weg.
    -der Log-In Button sieht scheiße aus. Passt überhaupt nicht rein. Aber das Eingabefeld, wo der Username reinkommt, ist gelungen.
    -Navigation sieht okay aus, jedoch finde ich den Übergang von den pinken Balken in die Flügel nicht so toll. Muss besser verschmelzen.

    -Ich würde noch den Verlauf zum Hellblau bischen größer machen. Für mich wird es bischen schnell stark hellblau mit einem kleinen übergang. Jedoch sieht das in wirklichkeit vllt bischen besser aus. Hier habe ich ja nur ein kleines Bild, dass nicht der Orignalgröße der Homepage entspricht.

    Hmm..

    Also schlecht sind sie nicht, das mal vorweg..

    Aber wie gesagt.. wenn du schon son Kram mit fertigen Hintergrundgrafiken benutzt, solltest du definitiv Vektorgrafiken mit Illustrator oder ähnlichem machen. Ansonsten siehts aus wie bei deiner ersten HP.
    Allgemein bestehst du sehr auf... grelle Farben und einer ungünstigen Kontrastverteilung..
    Wie sagt man das am besten..
    Naja zB bei der 2ten HP
    Da benutzt du ein sehr sehr grelles hellblau...
    Die gesamte HP über nur bei der Navigation kommt son Pink/Lila rein..
    Man sollte versuchen sollche starken Elemente zu wiederhollen..
    Also irgendwo sollte der Still deiner navigation wieder vorkommen, sonst wirkt das komplett unharmonisch.
    Ebenfalls findet man das auch bei denen Texten wieder..
    Du solltest auf den helligkeitswert deiner HP achten..
    Du kannst auf einer hellen Farbekeine hell Schrift benutzen..
    Ausser du willst Augenschmerzen und schlechte lesssbarkeit hervorrufen.
    Wenn du gerne Blaue Boxen mit Weißer Schrift willst, versuch das Blau definitiv matter zu machen.
    Rein Weiß ist sehr grell.. zusammen mit dem Neon hellblau beißt sich das extrem.

    Allgemein ist in Sachen Schrift noch viel zu machen...
    Ein Paar Grundsätzliche Dinge die man beachten sollte:

    Verzichte im Web auf Serifen Schriften! Diese sidn einfach schlecht zu lesen im Web! Benutz stattdessen lieber Druckbuchstaben. Ebenfalls ist kursiv nur empfehlenswert wenn man etwas hervorheben möchte und nicht als grundsätzliche Schriftart.

    Wenn du Buttons hast.. Es ist schön wenn man mit Bildenr alles macht.. mag auch besser aussehen.. Aber es gibt dennoch leute die kein Super Duper Internet haben... Jedes deiner Bilder verlangsahmt deinen HP-Aufbau enorm... Ebenfalls solltes du möglichst texte auf Buttons Scripten... Schriften verpixxeln auf Bildern im Web zu leicht.. Gescriptet hingegen bleibt sie jedoch klar lesbar!

    Verläufe sind nicht alles! Jedenfalls wie du sie benutzt.. Sieht gut aus keine Frage.. Aber wenn du eine so extreme Liebe zu Verläufen ahst empfehle ich dir definitiv ein wenig in Css3 reinzugucken. Mit box-shadow, text-shadow und gradient befehlen erreichst du einfach den Effekt den du dort auch hast ohne jeglichen Bilder! Somit kein verzerren und große Datenmengen. Nachteil ist das nicht jeder Browser Css3 unterstützt..
    Da du aber im Flyff Bereich Codes darf man wohl davon ausgehen, dass 98% nicht unbedingt den Internetexplorer 6 favorisieren.

    All das ist wirklich nicht schwer!
    Und hat am Ende einen viel besseren Effekt ;P

    Aber im grundegenommen, sind deine HPs für den Anfang nicht schlecht!
    Solltest auf jedenfall weiter machen.

    PS: Wenn du weiterhin deine Buttons mit Bildern machen willst solltest du die backgroun-position anschauen oder bestenfalls gleich zu JavaScript greifen^^
    Ohne Hover sind Buttons scheiße.. und normale CSS Hover bei Buttons laggen oft^^
    Ist nur nervig :3

    [CENTER]´
    [/CENTER]
    [FONT=Comic Sans MS][COLOR=red]

    [/COLOR][/FONT]

    Also zum einen wurde das Thema schonmal angerissen, doch bitte benenne es beim richtigen Namen,
    da Java und JavaScript zwei unterschiedliche Sprachen sind.

    Was die Beschreibung bezüglich deines Laggens betrifft.
    Dies lässt sich umgehen mit sogenannten Sprites, in denen alle Bilder "zusammengefasst" werden
    und komplett mit einem Rutsch an den Browser gesendet werden.

    Es gibt Frameworks, welche auch bis zum IE6 CSS3 darstellen lassen.

    Hinsichtlich der Website-Bewertung kann ich im Groben Fruchti zustimmen. ;)

    // Virtual

    Zitat von Virtual;271708

    Also zum einen wurde das Thema schonmal angerissen, doch bitte benenne es beim richtigen Namen,
    da Java und JavaScript zwei unterschiedliche Sprachen sind.

    Mein Gott immer das selbe.. man muss doch wohl wissen worüber ich in dem Bezug rede aber okay xD


    Zitat von Virtual;271708

    Was die Beschreibung bezüglich deines Laggens betrifft.
    Dies lässt sich umgehen mit sogenannten Sprites, in denen alle Bilder "zusammengefasst" werden
    und komplett mit einem Rutsch an den Browser gesendet werden.

    Was ich mit:
    Schau dir background-position ect an meinte^^


    Zitat von Virtual;271708

    Es gibt Frameworks, welche auch bis zum IE6 CSS3 darstellen lassen.

    Stimmt.. Aber ich denke nicht das er sich darum kümmern muss in der Flyff Szene^^
    Das wollte ich damit sagen.. Sonst hätte ich gesgat das es unmöglich sei ;P

    [CENTER]´
    [/CENTER]
    [FONT=Comic Sans MS][COLOR=red]

    [/COLOR][/FONT]

    "Sing in" (Was wenn man stumm ist? :/ )
    Mady my Day :DDDDDDDDDDDDD

    Zitat von luia;241404

    aber das neavo von graphfruit kennen wir ja alle....


    [CENTER][COLOR=deepskyblue]Made my LiFE ;D[/COLOR]
    [/CENTER]

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden