Conversione da PSD a HTML (con testo) [chiuso]

StackOverflow https://stackoverflow.com/questions/646280

  •  22-07-2019
  •  | 
  •  

Domanda

Ho appena scaricato un modello di sito Web in formato .PSD. Ho apportato le modifiche tramite Photoshop, impostato le giunzioni quindi fatto clic su "Salva per dispositivi Web".

Esporto il sito Web e ottengo la directory delle immagini e il file html. Tutto ok finora.

Successivamente apro il file html usando dreamweaver.

La mia domanda è qual è il metodo migliore per creare il contenuto testuale del sito. Le immagini sono tutte incorporate in una parte di una tabella, ad esempio 

<tr>
    <td colspan="2" rowspan="8">
    <img src="images/storage.jpg" width="28" height="118" alt=""></td>
    <td colspan="4" rowspan="5">
    <img src="images/index_39.jpg" width="125" height="75" alt=""></td>
    <td colspan="4" rowspan="8">
    <img src="images/storage-41.jpg" width="81" height="118" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>

Ho impostato l'immagine come sfondo per l'elemento della tabella, tuttavia mi chiedo quale sarebbe il metodo migliore per creare il testo, ovvero creare una tabella in una tabella o div ecc?
Non so troppo di CSS quindi se hai un esempio te ne sarei grato

Inoltre, ci sono strumenti / siti web là fuori che lo fanno automaticamente per te?

Grazie

È stato utile?

Soluzione

Il tuo modello ha solo un file PSD?

In genere, il file PSD consente di modificare la parte grafica, quindi salvare le immagini necessarie, per essere ricollocate in HTML, anziché generare HTML direttamente da PSD.

Dato che hai chiesto il miglior modo per farlo, ti darò la mia risposta in base alla mia opinione.

L'uso delle tabelle per il layout non è un buon modo per progettare pagine Web.

Le tabelle dovrebbero essere utilizzate per i dati tabulari.

Dovresti inserire il contenuto in HTML e utilizzare CSS per layout / presentazione.

Se vuoi conoscere i CSS, ti suggerisco quanto segue:

Se hai un Mac, ti consiglio vivamente di scaricare e provare CSSEdit. Per un PC, Visual Studio 2008 ha anche un bel editor CSS.

Altri suggerimenti

Penso che iniziare con Photoshop per creare un sito Web non sia il modo migliore, come puoi vedere dal tuo markup. Inizia raccogliendo alcuni semplici tutorial, facendo conoscere te stesso gli elementi html di base, anche per creare il markup principale per lo stile del sito (spesso con elementi div). Successivamente inserisci manualmente la grafica desiderata. Questo termina in un sito Web molto più gestibile.

Se non vuoi entrare nei dettagli, puoi inviare il tuo psd a un servizio come http: //www.psd2html .com / . Lo fanno per soldi ...

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top