Come fetta template PSD a html/css?

Sto codifica di un modello di PSD in html/css. Il file è composto da circa 50 livelli, di cui ho esportato in formato PNG con Photoshop script.
Ho iniziato come questo:

<div id="container_1">
  <div id="container_2">
    <div id="containter_3">
       etc
    </div>
  </div>
</div>

Ogni strato è esattamente il modello dimensioni, con sfondo trasparente. In un primo momento ero felice con questo approccio, come ha funzionato tutto bene e mi ha permesso di non preoccuparsi di posizionamento molto, ma, come il numero di div, ora è enorme, il codice inizia a cercare strano per me, per non parlare la pagina si carica molto lentamente ora.
Questo deve essere davvero una stupida domanda, ma se ho ritagliato la foto dopo l’esportazione da un PSD? Forse anche combinare diversi strati insieme invece di mettere sulla pagina separatamente l’uno rispetto all’altro (ci sono diversi strati che creano un bordo decorativo blocchi di testo)?

Senza voler sembrare troppo brutto l’approccio è stato preso per fare questo è chiamato follia. Io vorrei consigliare di andare al college/università e il corso di web design e sviluppo.

OriginaleL’autore Orav | 2012-09-13

One Reply

Lascia un commento