Membro di PiperitaLab
Home » Xhtml, Css e Ajax » Xhtml e css » Da un PSD all’HTML, come creare un sito web passo per passo

Da un PSD all’HTML, come creare un sito web passo per passo

Scritto da il 30 agosto 2008 in Xhtml e css - 15 Commenti - 149 visite

2 400x300 Da un PSD allHTML, come creare un sito web passo per passoCosa chiedere di meglio se non un tutorial che ti spiega passo passo come creare un sito da zero? Un sito come questo nell’immagine poi…non pensereste mai di riuscire a farlo vero? Allora, armatevi di editor html e css, Photoshop e scaricate il materiale che vi viene proposto da NETTUTS.

Eseguire le semplici indicazioni e tutto verrà da sè. Non fate copia e incolla però, non vale, leggete bene e capite cosa state facendo, altrimenti è inutile!

Fateci sapere se avete avuto difficoltà!

From PSD to HTML, Building a Set of Website Designs Step by Step – NETTUTS

Libri da non perdere:
Amazon-Box creato da Giuseppe Frattura

L'Autore

Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.

homeSito personale|archiveArchivio autore

15 Commenti

  1. StefanoV (83 comments)
    Scritto il 30 agosto 2008 alle 10:46

    Volevo segnalarti anche questo sito: http://www.psd2cssonline.com/
    anche se non l’ho mai provato se funziona veramente! ;)

  2. redpanda (14 comments)
    Scritto il 30 agosto 2008 alle 11:10

    @stefanoV
    ho provato il servizio che hai postato sembra funzionare una volta caricato ti restituisce una pagina html il cui sorgente, da copiare e incollare, contiene il codice necessario alla creazione del sito.

    cmq nulla che non si possa fare direttamente in photoshop

    ciao
    redpanda

  3. redpanda (14 comments)
    Scritto il 30 agosto 2008 alle 11:12

    ps ho appena notato che una volta convertito il file ti rilascia anche un link per il download

  4. StefanoV (83 comments)
    Scritto il 30 agosto 2008 alle 12:30

    Bello!
    Ovviamente resta sempre il detto: Chi fa da se fa per 3! :D

  5. Manueb (3 comments)
    Scritto il 30 agosto 2008 alle 13:34

    Uno dei tutorial più esaurienti che ho incontrato fino ad ora, peccato però che bisogni pagare per ottenere il design in photoshop, non c’è nessun modo per averla?

    P.S: sono mh025 che ora ha cambiato nome in vista dell’apertura del sito e di una futura attività da freelancer, ho scelto Manueb dalla fusione del mio nome (Manuel) + la pronuncia di web in italiano (ueb), simpatico no? XD

  6. Lauryn (4198 comments)
    Scritto il 30 agosto 2008 alle 17:39

    ottimo nome Manuweb, immediato :D

  7. Sebastiano (3 comments)
    Scritto il 30 agosto 2008 alle 19:10

    Ciao ragazzi! Volevo segnalarvi un altro tutorial a mio avviso fatto mooolto bene
    http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/
    ciao

  8. Manueb (3 comments)
    Scritto il 30 agosto 2008 alle 22:50

    Hum, l’idea era ManUeb (con la U), dici che è meglio con la W?

  9. Lauryn (4198 comments)
    Scritto il 30 agosto 2008 alle 23:14

    @Manu direi meglio con la W

  10. Manueb (3 comments)
    Scritto il 31 agosto 2008 alle 00:06

    Bhe allora non posso fare altro che ascoltarti, sto imparando molo grazie a te quindi mi fido cecamente, poi in effetti è meglio con la w…

  11. Lauryn (4198 comments)
    Scritto il 31 agosto 2008 alle 10:00

    eheh ti ringrazio della fiducia.
    i nuovi nickname fantasiosi che creano assonanze con l’inglese sono molto divertenti (esempio “ai lov iu”), ma se cerchi un nome professionale per la tua nuova attività ecco che la w si rende necessaria.

  12. ADVsha (249 comments)
    Scritto il 1 settembre 2008 alle 11:13

    I giovani di oggi sono avvantaggiati… anni fa quando ho iniziato non c’erano tutti sti tutorial, il lavoro si imparava analizzando provando e riprovando :-)

  13. Agostino (2 comments)
    Scritto il 13 novembre 2008 alle 09:49

    ecco perkè non imparerò mai a fare siti!!! tutto in inglesee!!! ki lo capisce xd

  14. Lauryn (4198 comments)
    Scritto il 13 novembre 2008 alle 09:52

    Purtroppo agostino l’inglese nella nostra professione è non necessario: di più!!
    infatti lo insegnano anche ai corsi di webdesign, soprattutto quello tecnico :)

  15. Adressa (1 comments)
    Scritto il 5 giugno 2010 alle 08:13

    Ciao! , Qui pare che li trasformano anche senza compensi,per puro divertimento http://www.imediacreatives.it ciao a tutti Adressa!

Scrivi un commento!

© 2012 Italian webdesign. Diritti riservati. Ideato da Laura Gargiulo - Icone di Komodo Media - Logo di W3B.