Photoshop e XHTML/CSS

6 lug 2006 9 commenti

Da tempo avevo intenzione di pubblicare un articolo sulla realizzazione completa di un template basato sugli standards xhtml/css; un articolo che partendo dal canvas bianco di photoshop arrivasse alla realizzazione passo passo di un template:

9 commenti

  1. Egidio 27 8 2006 13:42:19

    Molto interessante e molto ben realizzata la guida.
    Complimenti Mario :-)

    Potresti anche citare la presenza di software che permettono un migliore “trasporto” da PSD a XHTML (http://www.psd2html.com/), anche se, a mio parere, eliminano tutto il divertimento della “programmazione” ;-)

    Ciao alla prossima

  2. mario 28 8 2006 19:55:18

    Grazie Egidio,
    sono scettico sull’utilizzo di servizi automatici di quel genere, anche se possono essere ben fatti, oltre a togliere il “divertimento” tolgono anche personalità  a cio che si fa.

    ciao

  3. pinit 24 10 2006 19:45:17

    ciao Mario, ho visitato il tuo tutorial con Opera (versione 9) e ad un certo punto più si scende giù per la pagina più i caratteri si ingrandiscono e si accavallano!

    non so a cosa sia dovuto ma la cosa bella è che paradossalmente in qualche modo si crea un effetto bello e particolare!

    prova a dare un’occhiata.

    ps: complimenti per il tutorial, ben fatto.

    ciao

  4. MFerreri 12 11 2006 23:08:00

    Anche su safari, il tuo ottimo tutorial ad un certo punto scendendo con la pagina diventa sempre più grande (parlo dei caratteri). Complimenti

  5. mario 4 12 2006 14:40:31

    grazie della segnalazione, prima o poi devo sistemarlo

  6. lory 5 7 2008 07:09:04

    Salve!
    Vorrei creare il mio sito web di cucina.
    putroppo sono una debuttante, e non ho photoshop.
    E assolutamente necessario ?
    Jasc paint shop non basta?..o un altro?
    Sono un po’ imbranata, mi chiedo come si fa (una volta che.. per esempio, ho il mio kit grafico, a mettere gli articoli, ecc (ho 2 blog).
    Ti ringrazio per i consigli..

  7. mario 11 7 2008 11:10:50

    No non è assolutamente necessario, puoi elaborare la grafica anche con Jasc paint shop. Il passo successivo è quello di ritagliare le immagini e assemblarle tramite il codice html e il foglio di stile CSS. Usa il form per i contatti se ti occorrono suggerimenti.

  8. sergio 31 5 2009 10:08:33

    Lavoro ottimo.
    Una domanda: il tutto funziona su firefox 3.1, ma su safari 3.2 le cose non vanno bene.
    Ingrandendo i caratteri con cmd + o diminuendo i caratteri con cmd -, le immagini non seguono i caratteri. La stessa cosa succede a me con un altro sito fatto esclusivamente in css e html. Hai qualche suggerimento in proposito.

  9. Mario 3 6 2009 11:37:27

    Sergio,
    su Safari le immagini non vengono ridimensionate come su Firefox (che usa l’effetto zoom). Con cmd + o – puoi ridimensionare solo il testo.

Commenta