Anzeige

Homepage Design fertig - was nun? HILFE

Homepage Design fertig - was nun? HILFE | PSD-Tutorials.de

Erstellt von alicancanali, 15.10.2008.

  1. alicancanali

    alicancanali Normal

    Dabei seit:
    03.10.2008
    Beiträge:
    78
    Geschlecht:
    männlich
    Ort:
    Gießen
    Software:
    CS3
    Kameratyp:
    EOS 30D
    Homepage Design fertig - was nun? HILFE
    Guten Tag meine Lieben,

    Ich habe meine Homepage zuende designd mit PS CS3.(optisch)
    Nun weiss ich aber nicht was ich als nächstes machen muss?
    FTP Server steht bereit.
    Die Navigation ist auch bereit.
    Wie muss ich vorgehen?

    Brauche dringend eure Hilfe, denn dies ist der Anfang für ein Projeckt.

    Vielen Dank im Voraus, bis dann!
     
    #1      
  2. Weichzeichner

    Weichzeichner Alles muss funktionieren.

    221
    Dabei seit:
    28.06.2007
    Beiträge:
    2.166
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    Stift & Papier.
    Kameratyp:
    Auge.
    Homepage Design fertig - was nun? HILFE
    #2      
  3. cebylon

    cebylon IBM5120-Oldie

    Dabei seit:
    28.07.2008
    Beiträge:
    920
    Geschlecht:
    männlich
    Ort:
    Niederbayern
    Software:
    ArchiCAD/Artlantis/Adobe
    Kameratyp:
    Canon EOS
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    da investierst Du 3.000 Euro und wir alle hier entwickeln dir gemeinsam
    deinen Internetauftritt - wäre das ein Vorschlag ?

    wenn alles fertig ist, machen wir eine Party und hauen dein Geld auf den Putz ?

    was erwartest du ;) ?
     
    #3      
  4. alicancanali

    alicancanali Normal

    Dabei seit:
    03.10.2008
    Beiträge:
    78
    Geschlecht:
    männlich
    Ort:
    Gießen
    Software:
    CS3
    Kameratyp:
    EOS 30D
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    DU bist nicht witzig,
    vorhin haste glaub ich auch so einen "beitrag" abgelassen.
    Sowas ist nicht nötig finde ich, entweder lass es oder "hilf" anderen!
    _

    Ehm der Poster nach mir, danke.
    Nur ich meinte mit dem Design die Seiten.
    Also Texte etc.^^
    Trotzdem danke
     
    #4      
  5. cebylon

    cebylon IBM5120-Oldie

    Dabei seit:
    28.07.2008
    Beiträge:
    920
    Geschlecht:
    männlich
    Ort:
    Niederbayern
    Software:
    ArchiCAD/Artlantis/Adobe
    Kameratyp:
    Canon EOS
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    Dann schreibe doch bitte nächstes Mal genau und detailliert, was Du vorhast
    und lass diejenigen, die helfen wollen, nicht im Trüben fischen !

    dein zweiter Beitrag ist schon etwas konkreter, aber wir wissen immer noch
    nicht genau, was du willst - inzwischen sind es Texte - ja wo ?
     
    #5      
  6. Weichzeichner

    Weichzeichner Alles muss funktionieren.

    221
    Dabei seit:
    28.06.2007
    Beiträge:
    2.166
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    Stift & Papier.
    Kameratyp:
    Auge.
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    Uff, so viel Ahnung von HTML habe ich nicht, aber ich glaube PS exportiert in Tabellen. Also würde ich mir vielleicht den Slice suchen, wo Text rein soll, den gecodeten Slice im HTML-Dokument und dann einfach noch einen <td>-tag zwischen die <tr>-tags rein und mit <p> ... </p> ein bisschen Text rein.

    Würde dann ungefähr so aussehen:
    <table border="0">
    <tr>
    <td><p>Dein Text</p></td>
    </tr>
    </table>

    Das ist jetzt die ganz einfache Variante. Ich würde dir selfhtml empfehlen:
    SELFHTML 8.1.2 (HTML-Dateien selbst erstellen)
    Habe allerdings auch nicht so viel Ahnung davon.
     
    #6      
  7. alicancanali

    alicancanali Normal

    Dabei seit:
    03.10.2008
    Beiträge:
    78
    Geschlecht:
    männlich
    Ort:
    Gießen
    Software:
    CS3
    Kameratyp:
    EOS 30D
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    Ehm so,
    moment ^^
    Ich habe nun die "Navigation und andere Unterseiten bzw. Verlinkungen" mit den Hilfslinien markiert bzw. gekennzeichnet wo die Verlinkung aufhört <:
    _

    Was nun ^^
    (ich glaube ich stelle die seite hoch und ihr wisst was ich meine ;-) )
     
    #7      
  8. Automatikk

    Automatikk Nicht mehr ganz neu hier

    Dabei seit:
    19.11.2007
    Beiträge:
    75
    Geschlecht:
    männlich
    Ort:
    Nürnberg
    Software:
    PS
    Kameratyp:
    EOS 350D
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    Hallo alicancanali,

    es scheint so, als wäre es deine erste eigene Homepage?

    Um es Dir ein wenig zu vereinfachen, möchte ich Dir das kostenlose CMS Programm Joomla! vorschlagen!

    Die Vorteile liegen klar auf der Hand:

    1. kostenlos
    2. nur geringe HTML Kenntnisse erforderlich
    3. Beispieldesigns (Templates) gibt es on mass!
    4. Leicht verständlich und übersichtlich!
    5. ein Beispiel, in Richtung fotografieren

    Du kannst es Dir hier anschauen, ob es was für Dich wäre!
    Außerdem stehen genügend kostenlose, gut programmierte Templates, Module und Komponente zum Download bereit!

    Nun zurück zu Deiner Frage:

    Wenn Du es gewerblich betreibst, dann musst Du unbedingt ein Impressum und Disclaimer einfügen!
    Wichtig ist, dass deine Steuer Nummer, Anschrift etc. angegeben ist! Sonst kommt ein lustiger Anwalt auf die Idee Dich zu verklagen!
    Ein Disclaimer (Haftungsausschuss) ist ebenfalls Pflicht!

    Es sollten meiner Meinung nach folgende Punkte im Menü nicht fehlen:

    1. Home (Startseite)
    2. Gästebuch (für evtl. Feedback)
    3. Disclaimer & Impressum
    4. Bilder (Einige von dir geschossenen Bilder)
    5. Kontakt
    6. about me (Photo, Ausrüstung, Qualifikationen)

    So, hoffe ich konnte Dir ein wenig helfen^^
     
    #8      
  9. alicancanali

    alicancanali Normal

    Dabei seit:
    03.10.2008
    Beiträge:
    78
    Geschlecht:
    männlich
    Ort:
    Gießen
    Software:
    CS3
    Kameratyp:
    EOS 30D
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    Ich habe bisjetzt immer Templates von anderen benutzt bzw. Vorlagen...
    Nur das hat immer gestört weil es vom Style her immer das selbe war und ich nichts dran aendern konnte.
    Und noch ein Brocken ist Werbung :(
    Irgendwo, Irgendwie ist immer Werbung eingebaut und das stört eigt. auch am meisten. Deswegen die eigene Homepage :>
    Aber ich glaube ich gebe auf denn ich blick nicht durch, wie ich die psd datei mit HTML verbinde etc. .... naja ich gucke mir diesen Service mal an, ansonsten versuche uich weiterzukommen mit der eigenen HP.

    EHM ACH JA! Wie färbe ich meine Hilfslinien in ROT? ODER BLAU?
    denn die hp ist in schwarz und die hilfslinien auch XD
     
    #9      
  10. mitstreiter

    mitstreiter psd2web

    Dabei seit:
    24.02.2006
    Beiträge:
    1.252
    Geschlecht:
    männlich
    Ort:
    München
    Software:
    Adobe CS3 Master Collection
    Kameratyp:
    Canon Eos 1000D
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    in den voreinstellungen einstellen
     
    #10      
  11. alicancanali

    alicancanali Normal

    Dabei seit:
    03.10.2008
    Beiträge:
    78
    Geschlecht:
    männlich
    Ort:
    Gießen
    Software:
    CS3
    Kameratyp:
    EOS 30D
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    Gut das habe ich, danke <:
    Nur ehm ich weiss nicht was ich als nächstes machen soll ;-O
    Habe nun alle Hilfslinien reingepackt.
    Und JOomla lässt sich nich installieren, keine ahnung wieso :|
    ich find den installer nicht :p
     
    #11      
  12. Automatikk

    Automatikk Nicht mehr ganz neu hier

    Dabei seit:
    19.11.2007
    Beiträge:
    75
    Geschlecht:
    männlich
    Ort:
    Nürnberg
    Software:
    PS
    Kameratyp:
    EOS 350D
    Homepage Design fertig - was nun? HILFE
    #12      
  13. alicancanali

    alicancanali Normal

    Dabei seit:
    03.10.2008
    Beiträge:
    78
    Geschlecht:
    männlich
    Ort:
    Gießen
    Software:
    CS3
    Kameratyp:
    EOS 30D
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    naja joomla ka, ich beschäftige mich damit wenn ich fertig mit dem aktuellen PROBLEM bin :p Najaa ich lade es mal hoch bitteschön:
    [​IMG]
     
    #13      
  14. Norbert Schumann

    Norbert Schumann Mod.a.D. Kreativ-Flatrate-User

    3
    Dabei seit:
    26.07.2005
    Beiträge:
    6.619
    Geschlecht:
    männlich
    Ort:
    Wildau
    Software:
    gängige
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    was ist denn das hier?

    seit wann kann man mit hilfslineien- genau was machen? ich verstehe grad überhaupt nicht, was du da gemacht hast und wo du hin willst.

    mit joomla anzufangen halte ich genauso für schwachsinnig. da sind schon leute dran gestorben-um es mal ironisch auszudrücken.

    also-self html nachschlagen für die codes.

    wegen slicen und entwickeln in photoshop-hatte ich gestern einen live workshop gehalten, der aufgezeichnet wurde. spule vor bis zur hälfte und du wirst erleuchtet.
    findest den beitrag als news auf der startseite weiter unten.
     
    #14      
  15. hyperactive

    hyperactive Fotojäger

    12111
    Dabei seit:
    28.03.2008
    Beiträge:
    2.915
    Geschlecht:
    weiblich
    Ort:
    NRW
    Kameratyp:
    Canon EOS 60D, CANON EOS 450D, Olympus C-500 Zoom, Casio EX-FH20, div. digitale und analoge Kameras
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    Aaaalso, ich versuche gerade, durchzusteigen.

    Du hast die Startseite gebastelt. Und Du willst jetzt die Navigation einfügen und das ganze in HTML umformen.

    Also, meiner Ansicht nach ist folgendes zu beachten:

    1. Das ist ein Hintergrund. Binde ihn als solchen in HTML ein und schreib Deine Navigation in das Dokument hinein. Da musst Du weder slicen noch basteln. Nichts auf dieser Grafik ist eine notwendige Funktion, es soll nur ein optischer Eindruck vermittelt werden. Anders wäre es, wenn Du die Navi schon im Bild angelegt hättest.

    2. Ein quadratischer Hintergrund wird auf keinem mir bekannten Bildschirm ordenlich angezeigt. Es wird immer unten oder am Rand was abgeschnitten. Das ist schade, denn Dein Text reicht bis unten und bis rechts. Ich würde mich an Bildschirmformaten orientieren. 1024 x 768 px ist zB ein Standartmaß für kleine Bildschirme. Du kannst Dich aber auch an größeren Bildschrimen orientieren.

    3. Kunst ist Kunst, aber ein Photograph mit so einer hektischen Schrift wäre mir zu unruhig. Persönliche Meinung. Kann das Blinken nicht langsamer laufen?

    4. Schreibweise: Auch pers. Meinung, aber ich würde entweder 2x ph oder 2x f verwenden. Wenn Du es engl. oder klassisch willst, dann 2x ph.

    5. Ein Photo - gleich wie subtil eingebaut - dürfte ruhig auf der Startseite sein... oder auch mehrere... Nur eine Anregung.

    Was für eine Art Bilder präsentierst Du auf der Seite, vielleicht hilft das, Dir bezüglich des Stils Ratschläge zu geben. Ich persönlich finde, dass die Seite 80er-Jahre-Charm ausstrahlt - ist das gewollt, sieht das noch einer so?

    EDIT: Die Inhaltsseite ist doch super, warum dann so ein Vorspann? Ich würde nicht wild zwischen Stilen springen. Lieber eine Linie durchziehen.
     
    Zuletzt bearbeitet: 15.10.2008
    #15      
  16. nataliezimmer

    nataliezimmer pixelschubser

    1
    Dabei seit:
    03.09.2008
    Beiträge:
    100
    Geschlecht:
    weiblich
    Software:
    Creative Cloud :0)
    Kameratyp:
    Canon EOS 450 D
    Homepage Design fertig - was nun? HILFE
    Hallo,

    also erstmal Step 1:
    Du teilst die Grafik in Slices ein (ich nehme an du weißt wie das geht). Es sollten so wenig Slices wie möglich sein.

    Step2: Datei > für Web und Geräte speichern. Gif oder JPG auswählen. Auf Speichern klicken und dort bei Dateityp: HTML und Bilder auswählen. Dann macht der dir eine fertige HTML-Datei mit den Bilder die du gesliced hast.

    Achso, ich würde den Text in der Mitte nicht als Bild abspeichern sondern in HTML programieren. Wie man das macht steht aber alles bei SelfHTML (es ist auch ganz einfach)


    edit Miah: Bitte Editfunktion benutzen, um Doppelposts zu vermeiden. Danke!

    Sorry.... Beim nächsten mal :0)
     
    Zuletzt bearbeitet: 15.10.2008
    #16      
  17. feelx75

    feelx75 Hotpixel

    Dabei seit:
    03.09.2008
    Beiträge:
    135
    Geschlecht:
    männlich
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    Also aus Photoshop kommt nicht direkt eine "gute" Homepage. Die nächsten Schritte wären aber auf jeden Fall das Design zu "slicen" und als HTML Seite ausgeben zu lassen.
    Es ist und bleibt aber mehr oder weniger Rohmaterial, welches dir bei kleinen Änderungen bereits (unerklärliche) Problemchen bereiten wird. Ich würde dir daher empfehlen, dir HTML anzueignen, damit du mit dem Code etwas anfangen kannst.
    Entweder suchst du nach selfhtml oder (imo in deinem Fall besser) du leihst dir ein Grundlagen-Buch aus.
     
    #17      
  18. alicancanali

    alicancanali Normal

    Dabei seit:
    03.10.2008
    Beiträge:
    78
    Geschlecht:
    männlich
    Ort:
    Gießen
    Software:
    CS3
    Kameratyp:
    EOS 30D
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    mhh yaaa...
    dieser "Stil" ist gewollt und sollte dezent wirken und trotzdem
    einen eleganten Eindruck übermitteln... Da muss ich mit den Ebenen noch arbeiten <:


    _


    Mh ich schau mir diesen Liveworkshop mal an...
    und hoffe ich verstehe dieses "slicen" und/oder "htmleinbinden"

    -

    Naja Jungz, HTML kann ich, bzw. die Grundlagen.
    CSS kann ich so wenig, das man es nicht erwähnen brauch^^(also garnicht)
     
    Zuletzt bearbeitet: 15.10.2008
    #18      
  19. Thogrim

    Thogrim Noch nicht viel geschrieben

    Dabei seit:
    13.07.2007
    Beiträge:
    48
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    PS CS3, ID CS3
    Kameratyp:
    Panasonic Lumix FZ100
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    Bevor du eine eigene Website erstelst, die nicht einen so "standartisierten" "werbelastigen" Stil haben soll, kommst du um Kenntnisse in CSS heute nicht mehr drum herum. Du solltest erstmal die Grundlagen und etwas weiter lernen (html UND css) und es dann erst angehen... Wenn dein Auftritt wirklich als professioneller Auftritt eines BerufsFotografen gedacht ist, solltest du erstens eine eigene Domain haben und zweitens erst recht viel Ahnung von der Materie... so wird das jedenfalls nichts. Bei Einzelheiten kann dir hier geholfen werden, aber das Grundgerüst muss stehen!
     
    #19      
  20. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    Homepage Design fertig - was nun? HILFE
    AW: Homepage Design fertig - was nun? HILFE

    Verschoben in die richtige Kategorie..


    Selbst wenn dein Layout mit Photoshop zusammengepfuscht wurde, hat Photoshop mit Webseiten erstellen so viel zu tun, wie ein Autolackierer mit der Fahrt von München nach Paris


    http://www.psd-tutorials.de/modules.../53441-wie-stell-ich-meine-frage-richtig.html

    http://www.psd-tutorials.de/modules...-zum-erlernen-von-xhtml-css-php-mysql-co.html

    http://www.psd-tutorials.de/modules...hr-als-schoener-schein-und-sauberer-code.html




    Wenn ich mir das schwarz-graue Ding dort oben ansehe, solltest du dir professionell Hilfe besorgen oder dich mit den Grundlagen von Layout, Farbgebung, Usability usw. usf. vertraut machen, bevor du auch nur daran denkst, irgendwas ins Netz zu stellen...



    Na ja und joomla als EinstiegsCMS halte ich für völlig überflüssig... es gibt wesentlich kleinere, besser zu bedienende CMS: http://www.psd-tutorials.de/modules...-ihr-sucht-cms-dann-schaut-mal-hier-rein.html
     
    #20      
x
×
×
teststefan