Commenti a: Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 1 http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/ Tue, 09 Mar 2010 23:16:49 +0000 http://wordpress.org/?v=2.9.1 hourly 1 Di: Carlo http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-1314 Carlo Mon, 14 Dec 2009 11:53:21 +0000 http://www.yourinspirationweb.com/?p=1929#comment-1314 Grazie Nando, lo trovo veramente un tutorial molto importante e senza dubbio interessante per coloro che si avvicinano a questa "pratica" Grazie Nando,
lo trovo veramente un tutorial molto importante e senza dubbio interessante per coloro che si avvicinano a questa “pratica”

]]> Di: nando pappalardo http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-1312 nando pappalardo Mon, 14 Dec 2009 11:43:30 +0000 http://www.yourinspirationweb.com/?p=1929#comment-1312 Grazie Carlo e benvenutio anche a te su YIW! Ti ringrazio tanto anche per la citazione sul tuo sito, è davvero un piacere sapere che i miei articoli vengono aprrezzati. Grazie Carlo e benvenutio anche a te su YIW!

Ti ringrazio tanto anche per la citazione sul tuo sito, è davvero un piacere sapere che i miei articoli vengono aprrezzati.

]]> Di: Carlo http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-1279 Carlo Fri, 11 Dec 2009 21:05:24 +0000 http://www.yourinspirationweb.com/?p=1929#comment-1279 Un ottimo tutorial... complimenti davvero! Un ottimo tutorial… complimenti davvero!

]]> Di: nando pappalardo http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-933 nando pappalardo Thu, 19 Nov 2009 18:43:27 +0000 http://www.yourinspirationweb.com/?p=1929#comment-933 Ciao Silvia, puoi mandarmi il tutto a: info[at]yourinspirationweb[dot]com Ovviamente at è uguale alla@ e al dot corrisponde il punto. Scrivo così per evitare spam ;) a presto Ciao Silvia,
puoi mandarmi il tutto a: info[at]yourinspirationweb[dot]com
Ovviamente at è uguale alla@ e al dot corrisponde il punto.
Scrivo così per evitare spam ;) a presto

]]> Di: Silvia http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-932 Silvia Thu, 19 Nov 2009 14:39:56 +0000 http://www.yourinspirationweb.com/?p=1929#comment-932 Breve aggiunta: il problema si presenta quando aggiungo nella index il footer. Se non lo metto il pattern funziona perfettamente: posso scrivere testo all'infinito e la pagina rimane col suo background fino alla fine. Quando aggiungo prima della chiusura del body , l'immagine del footer mi si piazza in mezzo al testo. A qualcuno capita la stessa cosa? Grazie - Silvia Breve aggiunta: il problema si presenta quando aggiungo nella index il footer.
Se non lo metto il pattern funziona perfettamente: posso scrivere testo all’infinito e la pagina rimane col suo background fino alla fine. Quando aggiungo prima della chiusura del body , l’immagine del footer mi si piazza in mezzo al testo. A qualcuno capita la stessa cosa?
Grazie – Silvia

]]> Di: Silvia http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-931 Silvia Thu, 19 Nov 2009 11:19:34 +0000 http://www.yourinspirationweb.com/?p=1929#comment-931 Ti ringrazio molto per l'interessamento! Non riesco però a trovare dove inviare gli allegati sia per lo screenshot che per i miei codici (non voglio riempire la vs pagina con i miei css... Provo a rivedere tutto da capo... Ti ringrazio molto per l’interessamento! Non riesco però a trovare dove inviare gli allegati sia per lo screenshot che per i miei codici (non voglio riempire la vs pagina con i miei css… Provo a rivedere tutto da capo…

]]> Di: nando pappalardo http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-927 nando pappalardo Wed, 18 Nov 2009 16:11:43 +0000 http://www.yourinspirationweb.com/?p=1929#comment-927 Ciao Silvia, cosí su due piedi non so dirti dov'é l'errore, se puoi mandarmi uno screenshot del problema lunedí al mio rientro vedo cosa potrebbe essere e ti dico. A presto! Ciao Silvia,
cosí su due piedi non so dirti dov’é l’errore, se puoi mandarmi uno screenshot del problema lunedí al mio rientro vedo cosa potrebbe essere e ti dico.

A presto!

]]> Di: Silvia http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-926 Silvia Wed, 18 Nov 2009 14:10:25 +0000 http://www.yourinspirationweb.com/?p=1929#comment-926 Stavo provando a rifare questo tutorial, mi sembrava tutto corretto ed ero già passata alla parte seconda, ma! (Io provo a chiedere, non so se la sezione "commenti" serve anche per questo). Quando inserisco il testo, in locale il footer scende al fondo, grazie pattern assegnato al body, ma sui browser (tutti i principali) il testo si accavalla al footer, che rimane in alto. Questo succede sia con index.php che con index.html (avevo provato anche così). Il codice mi sembra più che corretto, ho seguito passo passo le tue istruzioni... Silvia Stavo provando a rifare questo tutorial, mi sembrava tutto corretto ed ero già passata alla parte seconda, ma!
(Io provo a chiedere, non so se la sezione “commenti” serve anche per questo).
Quando inserisco il testo, in locale il footer scende al fondo, grazie pattern assegnato al body, ma sui browser (tutti i principali) il testo si accavalla al footer, che rimane in alto. Questo succede sia con index.php che con index.html (avevo provato anche così).
Il codice mi sembra più che corretto, ho seguito passo passo le tue istruzioni…

Silvia

]]> Di: Come realizzare le pagine interne dopo l’accettazione della bozza? | Your Inspiration Web http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-875 Come realizzare le pagine interne dopo l’accettazione della bozza? | Your Inspiration Web Wed, 11 Nov 2009 16:27:46 +0000 http://www.yourinspirationweb.com/?p=1929#comment-875 [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2) [...] [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2) [...]

]]> Di: Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 2 | Your Inspiration Web http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-872 Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 2 | Your Inspiration Web Wed, 11 Nov 2009 16:14:46 +0000 http://www.yourinspirationweb.com/?p=1929#comment-872 [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2) [...] [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2) [...]

]]> Di: Come indicizzare un sito senza essere degli esperti SEO? Parte 2 | Your Inspiration Web http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-869 Come indicizzare un sito senza essere degli esperti SEO? Parte 2 | Your Inspiration Web Wed, 11 Nov 2009 16:08:04 +0000 http://www.yourinspirationweb.com/?p=1929#comment-869 [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2) [...] [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2) [...]

]]> Di: » Creare un sito professionale in 10 mosse http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-793 » Creare un sito professionale in 10 mosse Sun, 01 Nov 2009 09:30:02 +0000 http://www.yourinspirationweb.com/?p=1929#comment-793 [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) e (parte 2) [...] [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) e (parte 2) [...]

]]> Di: Dal Template Photoshop al Codice HTML CSS: Ecco Come Fare | Fedeweb http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-769 Dal Template Photoshop al Codice HTML CSS: Ecco Come Fare | Fedeweb Thu, 29 Oct 2009 09:51:05 +0000 http://www.yourinspirationweb.com/?p=1929#comment-769 [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2) [...] [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2) [...]

]]> Di: Dal Template Photoshop al Codice HTML CSS: Super Aggiornamento | Fedeweb http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-762 Dal Template Photoshop al Codice HTML CSS: Super Aggiornamento | Fedeweb Thu, 29 Oct 2009 09:02:46 +0000 http://www.yourinspirationweb.com/?p=1929#comment-762 [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2) [...] [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2) [...]

]]> Di: Come assicurarsi di non aver commesso errori prima di lanciare il sito online? | Your Inspiration Web http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-746 Come assicurarsi di non aver commesso errori prima di lanciare il sito online? | Your Inspiration Web Tue, 27 Oct 2009 14:51:21 +0000 http://www.yourinspirationweb.com/?p=1929#comment-746 [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2) [...] [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2) [...]

]]> Di: Come indicizzare un sito senza essere degli esperti SEO? Parte 1 | Your Inspiration Web http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-693 Come indicizzare un sito senza essere degli esperti SEO? Parte 1 | Your Inspiration Web Tue, 20 Oct 2009 12:13:59 +0000 http://www.yourinspirationweb.com/?p=1929#comment-693 [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2) [...] [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) (parte 2) [...]

]]> Di: Come capire le esigenze del cliente al primo incontro? Guida alla realizzazione di un sito web dalla a alla z | Your Inspiration Web http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-605 Come capire le esigenze del cliente al primo incontro? Guida alla realizzazione di un sito web dalla a alla z | Your Inspiration Web Fri, 02 Oct 2009 21:41:13 +0000 http://www.yourinspirationweb.com/?p=1929#comment-605 [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) [...] [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) [...]

]]> Di: Come fare un sito web senza impazzire dietro alle richieste del cliente? | Your Inspiration Web http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-604 Come fare un sito web senza impazzire dietro alle richieste del cliente? | Your Inspiration Web Fri, 02 Oct 2009 21:38:23 +0000 http://www.yourinspirationweb.com/?p=1929#comment-604 [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) [...] [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) [...]

]]> Di: Realizzazione sito web: Come evitare futuri ripensamenti da parte del cliente? | Your Inspiration Web http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-603 Realizzazione sito web: Come evitare futuri ripensamenti da parte del cliente? | Your Inspiration Web Fri, 02 Oct 2009 21:36:31 +0000 http://www.yourinspirationweb.com/?p=1929#comment-603 [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) [...] [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) [...]

]]> Di: Come sviluppare e organizzare la struttura di un sito web? | Your Inspiration Web http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-602 Come sviluppare e organizzare la struttura di un sito web? | Your Inspiration Web Fri, 02 Oct 2009 21:34:13 +0000 http://www.yourinspirationweb.com/?p=1929#comment-602 [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) [...] [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) [...]

]]> Di: Come trovare l’ispirazione e disegnare il layout di un sito web? | Your Inspiration Web http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-601 Come trovare l’ispirazione e disegnare il layout di un sito web? | Your Inspiration Web Fri, 02 Oct 2009 21:32:34 +0000 http://www.yourinspirationweb.com/?p=1929#comment-601 [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) [...] [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) [...]

]]> Di: Come presentare la bozza grafica al cliente? | Your Inspiration Web http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-600 Come presentare la bozza grafica al cliente? | Your Inspiration Web Fri, 02 Oct 2009 21:30:09 +0000 http://www.yourinspirationweb.com/?p=1929#comment-600 [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) [...] [...] Come esportare un psd in xhtml e css senza perderci la ragione? (parte1) [...]

]]> Di: elisa http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-590 elisa Thu, 01 Oct 2009 19:23:09 +0000 http://www.yourinspirationweb.com/?p=1929#comment-590 Mitica, sei tra i miei preferiti, mi sto specializzando nella creazione di siti web e sempre c'è qualcosa di nuovo da imparare.. Mitica, sei tra i miei preferiti, mi sto specializzando nella creazione di siti web e sempre c’è qualcosa di nuovo da imparare..

]]> Di: arazz http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-568 arazz Tue, 29 Sep 2009 12:43:53 +0000 http://www.yourinspirationweb.com/?p=1929#comment-568 <b>@sarah:</b> Certo, con grande piacere, ma ti avverto che ovviamente sono di basso livello! - <a href="http://arazz.altervista.org/" title="Sito Personale" rel="nofollow">Il mio sito personale</a> - è il primo layout table-less che ho fatto, fa piuttosto schifo. - <a href="http://ffskingenerator.altervista.org/" title="ForumFree Skin Generator" rel="nofollow">FF Skin Generator</a> - un progetto che mi ero inventato per mettere alla prova le mie conoscenze di javascript e per provare un layout che avevo in mente da un po'. Il progetto è mezzo morto anche perchè non frequento più il sito forumfree ecc. quindi non mi ci sono più dedicato. - <a href="http://arazz.altervista.org/liceoking.it/index.php" title="Liceo King Genova" rel="nofollow">Liceo King</a> - Il sito che sto progettando per la mia scuola. Non è ancora veramente completato perchè devo ancora portare la brochure allla vice preside - cos anon ci si inventa per ottenere dei crediti - =) <b>@nando</b> Hai ragione, effettivamente non ho mai creato u foglio di stile specifico per la stampa, per i cellulari e probabilmente non farò mai uno per la lettura in Braille, però effetivamente è sempre meglio creare una cartella a parte.. @sarah: Certo, con grande piacere, ma ti avverto che ovviamente sono di basso livello!
- Il mio sito personale – è il primo layout table-less che ho fatto, fa piuttosto schifo.
- FF Skin Generator – un progetto che mi ero inventato per mettere alla prova le mie conoscenze di javascript e per provare un layout che avevo in mente da un po’. Il progetto è mezzo morto anche perchè non frequento più il sito forumfree ecc. quindi non mi ci sono più dedicato.
- Liceo King – Il sito che sto progettando per la mia scuola. Non è ancora veramente completato perchè devo ancora portare la brochure allla vice preside – cos anon ci si inventa per ottenere dei crediti – =)

@nando Hai ragione, effettivamente non ho mai creato u foglio di stile specifico per la stampa, per i cellulari e probabilmente non farò mai uno per la lettura in Braille, però effetivamente è sempre meglio creare una cartella a parte..

]]> Di: nando pappalardo http://www.yourinspirationweb.com/2009/09/27/come-trasformare-un-psd-in-xhtml-e-css-senza-perderci-la-ragione/comment-page-1/#comment-565 nando pappalardo Mon, 28 Sep 2009 19:34:07 +0000 http://www.yourinspirationweb.com/?p=1929#comment-565 Grazie per i complimenti! @cry: nessuna genialata, solo piccoli accorgimenti che impari con l'esperienza e la pratica quotidiana. Adesso come esercizio puoi proseguire inserendo i contenuti all'interno delle sezioni che abbiamo creato, dovrebbe venirti più semplice. @arazz: continua così che sei sulla buona strada. per quanto riguarda la cartella per i fogli di stile, conviene toglierli dalla root, capita ormai sempre con più frequenza di usarne più di uno. io per esempio, oltre che per eventuali script, di partenza ne uso sia uno per la stampa che uno per correggere piccoli difetti sui vari browser microsoft. magari più in la pubblico un articolo più dettagliato sul modello che utilizzo per lo sviluppo e ne metto a disposizione il download. Grazie per i complimenti!

@cry: nessuna genialata, solo piccoli accorgimenti che impari con l’esperienza e la pratica quotidiana. Adesso come esercizio puoi proseguire inserendo i contenuti all’interno delle sezioni che abbiamo creato, dovrebbe venirti più semplice.

@arazz: continua così che sei sulla buona strada. per quanto riguarda la cartella per i fogli di stile, conviene toglierli dalla root, capita ormai sempre con più frequenza di usarne più di uno. io per esempio, oltre che per eventuali script, di partenza ne uso sia uno per la stampa che uno per correggere piccoli difetti sui vari browser microsoft.

magari più in la pubblico un articolo più dettagliato sul modello che utilizzo per lo sviluppo e ne metto a disposizione il download.

]]>