[Allgemeines] PSD-Website-Contest

[Allgemeines] PSD-Website-Contest | PSD-Tutorials.de

Erstellt von patrick_l, 02.09.2012.

  1. patrick_l

    patrick_l Hat es drauf

    22
    Dabei seit:
    11.05.2008
    Beiträge:
    7.629
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    Adobe CC, Figma, Atom, VS Code, PHPStorm
    Kameratyp:
    Canon DSLR [...]
    [Allgemeines] PSD-Website-Contest
    [​IMG]


    » Zum WIP Thread «



    Aufgabe:
    Gestalte in einem Bildbearbeitungs.- Grafik od. Vektorprogramm (Photoshop/GIMP, Fireworks, Illustrator) ein Layout für deine (eure) Portfolio Website.
    Erstelle aus dem Layout per Hand ("handcodet") eine voll funktionsfähige Website.

    Vorgaben:
    Layout im PSD-Format (*.psd für Teamarbeit)
    Bedienbarkeit in allen Browsern (inkl. IE8&9)
    Ordentliche Darstellung in allen Browsern (inkl. IE8&9)
    Startseite, Über mich, Portfolio, Kontakt
    Quellenangaben für fremde Grafiken & Icons
    "Handcoded" (per Hand geschriebener Code)
    "valider" Code

    Erlaubt sind:
    XHTML/HTML5, CSS/CSS3, JavaScript (jQuery)
    Das HTML5 Boilerplate
    Eigene Bilder & Grafiken
    Fremde Bilder/Stocks* (mit Quellenangaben)
    Eigene Videos (über Youtube od. Vimeo eingebunden)

    Abgabe:
    Euer fertiges Endergebnis (Portfolio Website) packt ihr als Zip-Archiv und schickt dieses bis zum 12.11.2012 23:59 als PM an simonpicos.

    Folgende Dateien müssen in eurem Zip-Archiv enthalten sein: [/B
    Website Code (HTML, CSS, JS)
    Website Grafiken (alle benötigten Bilder/Grafiken)
    eine Textdatei "sources.txt" (mit allen Links zu den verwendeten Stocks)

    Das Zip-Archiv kann ebenfalls auf den Contest Webspace hoch geladen werden. Die Gesamtgröße der Website (Archiv) sollte 5MB nicht überschreiten.

    Euer Endergebnis ladet ihr bitte ins Votingmodul inkl. Vorschaubilder und Beschreibung hoch. Der Link zu eurem Beitrag wird dann später eingefügt.

    Infos:
    WIPs können auf den Webspace dieses Contests hoch geladen werden. Die FTP-Zugangsdaten wurden euch bereits per PM mitgeteilt. Ihr könnt dort alle benötigten Dateien (max. 5MB) hoch laden.

    Teams:
    Für all diejenigen die als Team antreten, gilt zusätzlich folgende Regel:
    Das vom Teammitglied erstelle Layout muss auch bei nicht gefallen vom Coder umgesetzt werden. Außerdem müssen auf der Website beide Namen genannt werden. Entweder als Hinweis im Footer (z.B. Design by Username) oder die Umsetzung einer gemeinsamen Portfolio Website (Nennung wer welchen Part übernommen hat).

    (* Bei fremden Stocks die Nutzungsbedingungen beachten und entsprechend die Quellen mit angeben. (Website sowie in der sources.txt die Links.)

    Nun wünschen wir, Simon und Patrick allen Teilnehmern viel Spaß beim ersten Website-Contest auf PSD-Tutorials. Noch Fragen zum Contest? Dann schreibt diese in diesen Thread oder direkt per PN an uns.

    :D


    Aktualisierte Signatur:
    Code (Text):
    1.  
    2. [noparse]
    3. [URL="http://www.psd-tutorials.de/forum/167_crossover-contests/146175-allgemeines-psd-website-contest.html"][IMG]http://www.abload.de/img/banneruhco0.jpg[/IMG][/URL]
    4. [/noparse]
    5.  
     
    Zuletzt von einem Moderator bearbeitet: 09.11.2012
    #1      
  2. TutKit

    TutKit Vollzugriff

    Vollzugriff auf sämtliche Inhalte für Photoshop, InDesign, Affinity, 3D, Video & Office

    Suchst du einen effektiven Weg, um deine Geschäftsideen aber auch persönlichen Kenntnisse zu fördern? Teste unsere Lösung mit Vollzugriff auf Tutorials und Vorlagen/Erweiterungen, die dich schneller zum Ziel bringen. Klicke jetzt hier und teste uns kostenlos!

  3. ADcosmos

    ADcosmos Guest

    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    HI,

    1. Zwar nicht so wichtig, da ich nicht im Team arbeiten werde, aber was ist, wenn das Layout grafischer (vektorähnlicher) wird? Macht dann eine PSD Sinn?

    2. Was heißt alle Browser? IE6, IE7, IE8, IE9, FF5 (beispielsweise, hat wohl keiner einen so alten FF noch)

    3. Darf die Startseite mit der Über Mich-Seite (theoretisch) identisch sein?


    Ist dieser Contest eher wie bei den PSD-Contests (nur eine Abgabe möglich) oder wie beim letzten CSS-Contest, wo man mehrere Layout/Seiten erstellen konnte?

    MFG ADcosmos
     
    #2      
  4. LaFaSiLuc

    LaFaSiLuc pauschalschuldig

    543
    Dabei seit:
    06.07.2011
    Beiträge:
    2.281
    Geschlecht:
    weiblich
    Software:
    PS Creative Suite
    Kameratyp:
    Nikon D40
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    das mit allen Browsern interessiert mich auch, auf IE7 Kram hab ich auch keine Lust...
     
    #3      
  5. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    Grundsätzlich wird ein Layout ja in Photoshop (oder auch gimp) erstellt. Einzelne vektorelemente können natürlich im Illustrator erstellt werden und dann in ps importiert werden.


    IE8 muss voll funktionell sein und auch einigermaßen gut aussehen, IE7 sollte zumindest noch ordentlich bedienbar sein. (Geht ja auch viel um 5&3 hier, insofern muss man jetzt keine Kompatibilität bis zum IE6 runter gewährleisten...)

    welchen Sinn hätte sie dann?


    Wenn dus schaffst, darfst du auch gerne mehrere abgeben.
     
    #4      
  6. ADcosmos

    ADcosmos Guest

    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    Hi,

    Also ich hab schon paar Layouts, die ich nur in Illustrator mache. Die Datei schieb ich dann (wenn ich slicen muss) aber in PS, weil da das Slicen besser ist. (Zu mindestens für mich und in CS4)

    Beispielsweise: "Über Mich"-Seite als Sidebar. Oder eben gleich mit einer Begrüßung (eben auf der Startseite) ala "
    Herzlich Willkommen .... Ich bin XYZ, habe die Kenntnisse. Kann dies und das und blablabla."

    Wobei die Frage nur theoretischer Natur war. Ich bezweifle, dass ich eine der genannten Seiten zusammenlege, aber wer weiß.

    Dann noch eine Frage (hatte ich vorhin vergessen:D ) : Müssen die Layouts auf dem bereitgestellten Server sein? Ich würde gern auf meiner Seite das packen, und eine Verlinkung von den WIPs zu meiner Seite machen.

    MFG ADcosmos
     
    #5      
  7. patrick_l

    patrick_l Hat es drauf

    22
    Dabei seit:
    11.05.2008
    Beiträge:
    7.629
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    Adobe CC, Figma, Atom, VS Code, PHPStorm
    Kameratyp:
    Canon DSLR [...]
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    Das PSD-Format gilt als Austauschformat für all diejenigen die als Team arbeiten. Wenn du natürlich alles selber machst, darfst du selbstverständlich auch mit einem Vektorprogramm ans Werk gehen. Ich werde es entsprechend oben nochmal erwähnen.
    Mit allen Browsern ist gemeint, das die Website am Ende bis IE6 bedienbar sein muss. Wenn dort nicht alles rein optisch möglich ist, ok. Aber da der IE6 leider noch nicht tot ist, sollte eben darauf geachtet werden das es dort wenigstens die Navigation und alles problemlos läuft.
    Ja klar. Die "Über mich" darf auch als Startseite selbst herhalten. Auch ist eine Onepage (Singlepage) möglich. erlaubt, wenn alle Inhalte vorhanden sind bzw. berücksichtigt werden.
    Hat Simon ja bereits beantwortet. :)
    Deine Portfolio Website sollte auf den Contest Webspace hoch geladen werden. So bleibt es für alle übersichtlich und man kann leichter die einzelnen Beiträge betrachten.

    Beste Grüße, Patrick :)
     
    Zuletzt bearbeitet: 02.09.2012
    #6      
  8. kcc

    kcc Hat es drauf

    13154
    Dabei seit:
    27.05.2010
    Beiträge:
    3.040
    Geschlecht:
    weiblich
    Ort:
    Berlin
    Software:
    Photoshop CS5
    Kameratyp:
    EOS 700D und Canon SX230 HS
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    So, nachdem Photoshop mein Intuos wieder mag, mach ich mich dann auch mal ans dran :)
    Gibts irgendwas worauf ich achten muss cebito???
     
    #7      
  9. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    So hab der Contest Website mal ein neues design übergezogen... http://psd-webcontest.tk/

    Die WIP-Übersicht folgt in kürze... (1. Navigationspunkt)
     
    #8      
  10. patrick_l

    patrick_l Hat es drauf

    22
    Dabei seit:
    11.05.2008
    Beiträge:
    7.629
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    Adobe CC, Figma, Atom, VS Code, PHPStorm
    Kameratyp:
    Canon DSLR [...]
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    Sieht klasse aus! Dann kann es ja jetzt losgehen. :) Mich jetzt mit Stift und Papier bewaffne und schon mal bisschen anfange :D An dieser Stelle nochmal allen Teilnehmer viel Spaß wünsche. Bin schon richtig gespannt auf eure Ideen :)
     
    Zuletzt bearbeitet: 02.09.2012
    #9      
  11. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.315
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    Nö :mrgreen:
     
    #10      
  12. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    So jetzt habsch auch noch die WIP-Übersicht fertig gemacht, gleich wird der Helle noch eingetragen, dann gehts auch bei mir los mit scribbeln :)
    http://psd-webcontest.tk/wip/
     
    #11      
  13. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    Aktualisierte Signatur:

    Code (Text):
    1.  
    2. [noparse]
    3. [URL="http://www.psd-tutorials.de/forum/167_crossover-contests/146175-allgemeines-psd-website-contest.html"][IMG]http://www.abload.de/img/banneruhco0.jpg[/IMG][/URL]
    4. [/noparse]
    5.  
     
    #12      
  14. cythux

    cythux Aktives Mitglied

    Dabei seit:
    10.01.2008
    Beiträge:
    1.489
    Geschlecht:
    männlich
    Ort:
    Waimes (Weismes), Belgien
    Software:
    PS CC 2014, Lightroom 5 Aptana Studio 3, ST2/3, SASS+COMPASS
    Kameratyp:
    Canon EOS 1200D
    [Allgemeines] PSD-Website-Contest
    Zuletzt bearbeitet: 02.09.2012
    #13      
  15. Dobi78

    Dobi78 Wen interessiert's? PSD Beta Team Kreativ-Flatrate-User

    13157
    Dabei seit:
    11.09.2010
    Beiträge:
    6.916
    Geschlecht:
    männlich
    Ort:
    Schweiz | Basel
    Software:
    Adobe CC
    Kameratyp:
    Nikon D800
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    Na dann mal gucken, ob ich das zeitlich gebacken kriege......so ein scheiss auch, warum ist bei mir gerade jetzt so viel los....*ggggrrrrhhhh*
     
    #14      
  16. Peggy56

    Peggy56 Guest

    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    da ich noch keinen blassen Schimmer habe, was ich machen werde, habe ich zumindest mal eine Frage:

    Muss ich die Vorgabe der Seiten halten: Über mich und Portfolio oder ist es egal, solange ich Startseite und drei Unterseiten habe?
     
    #15      
  17. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.315
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    Ich würd das jetzt nicht so eng sehen, könntest ja auch ein Onepage-Portfolio machen (ohne Unterseiten). Aber ich wollt mich ja diesmal aus Planung und Durchführung raushalten ;):D
     
    #16      
  18. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    Es kommt ja nicht auf die Anzahl der Unterseiten drauf an. Die drei vorgegebenen Elemente (ich sage bewusst nicht Seiten) sollten aber in deiner Website untergebracht werden. Ob du das jetzt per OnePage, oder in welcher Aufteilung auch immer löst ist dabei ganz wurscht.
    Du kannst natürlich auch noch weitere Elemente hinzufügen. Ich z.B. werde wahrscheinlich noch eine Downloadsektion hinzufügen, wo ein paar Freebies reinkommen.

    Der Fokus liegt natürlich auf den modernen Browsern. Wenn die Site dann im Endeffekt nicht 100% gut in alten Browsern aussieht ist das egal. Folgende Browser sollten eine gute Darstellung haben und ohne Probleme bedienbar sein: Firefox (ich schätze mal unterhalb von 3.6 hat den eh niemand mehr), Chrome (da spielen die Versionen ja eh kaum eine Rolle, kommt ja alle paar Wochen was neues), Safari, Opera, IE 8-9 (Das der IE keine Transitions und so kann is klar). Die IE 6&7 müssen bedienbar sein und der Benutzer sollte nicht vor einer weißen Seite sitzen.

    ksch, wech mit dir :p

    nene, darfst schon dienen Senf dazu abgeben :D
     
    #17      
  19. LaFaSiLuc

    LaFaSiLuc pauschalschuldig

    543
    Dabei seit:
    06.07.2011
    Beiträge:
    2.281
    Geschlecht:
    weiblich
    Software:
    PS Creative Suite
    Kameratyp:
    Nikon D40
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    onepage, onepage *hops* ich will das :p
     
    #18      
  20. keul3

    keul3 3dsMax | 3D-Contest

    12113
    Dabei seit:
    25.10.2006
    Beiträge:
    10.066
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    Mal zur Browserproblematik:
    Gibts denn später ein normales Voting oder etwa eine Jury welche die Technik beurteilt?
    Bei ersterem, vertraue ich einfach darauf dass die meisten hier mit vernünftigen Browsern unterwegs sind und kann die alten Versionen vernachlässigen. Hab jetzt auch keine Lust mir ein Dutzend Browser zu installieren:hmpf:
     
    #19      
  21. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [Allgemeines] PSD-Website-Contest
    AW: [Allgemeines] PSD-Website-Contest

    Is ja guut *tätschel* :p

    Okey, ihr habt genug gemeckert ;) ich würde die Regeln jetzt mal so umformulieren: "Bedienbarkeit in allen Browsern inkl. IE8&9(&10)" und "ordentliche Darstellung in allen Browsern inkl. IE8&9(&10)".
    Dazu gehören neben den genannten IE-Versionen Chrome, Firefox, Safari und Opera. Wovon die ersten ja soweiso bei den meisten nutzern auf der neusten Version sind.
    Es ist damit jedem freigestellt, ob er seine Website noch zu den alten IEs runteroptimieren will. Der ein oder andere will es ja sciher auch als eigenes Portfolio nutzen...
     
    #20      
Seobility SEO Tool
x
×
×