Conversion de PSD en HTML (avec texte) [fermé]

Question

Je viens de télécharger un modèle de site Web au format .PSD. J'ai effectué les modifications via Photoshop, configuré les épissures puis cliqué sur "Enregistrer pour les périphériques Web".

J'exporte le site Web et j'obtiens le répertoire images et le fichier html. Tout va bien jusqu'à présent.

J'ouvre ensuite le fichier HTML à l'aide de Dreamweaver.

Ma question est quelle est la meilleure méthode pour créer le contenu textuel du site. Les images sont toutes incorporées dans une partie de la table, à savoir.

<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>

Je définis l'image en tant qu'arrière-plan de l'élément de tableau, mais je me demande quelle serait la meilleure méthode pour créer le texte, c.-à-d. créer un tableau dans un tableau, ou div, etc.?
Je ne sais pas trop sur css, donc si vous avez un exemple, je vous en serais reconnaissant

En outre, existe-t-il des outils / sites Web qui le font automatiquement pour vous?

Merci

Answer 1

Votre modèle est-il uniquement accompagné d'un fichier PSD?

En règle générale, le fichier PSD vous permet de modifier la partie graphique, puis de sauvegarder les images dont vous avez besoin pour les replacer en HTML, plutôt que de générer du code HTML directement à partir du PSD.

Puisque vous avez demandé la meilleure façon de procéder, je vous répondrai en fonction de mon opinion.

L'utilisation de tableaux pour la mise en page n'est pas un bon moyen de concevoir des pages Web.

Les tableaux doivent être utilisés pour les données tabulaires.

Vous devez placer le contenu au format HTML et utiliser CSS pour la présentation / présentation.

Si vous souhaitez en savoir plus sur les CSS, je vous suggère ce qui suit:

• CSSZen
• HTMLDog
• DesignMeme

Si vous avez un Mac, je vous recommande fortement de télécharger et d’essayer CSSEdit. Pour un PC, Visual Studio 2008 a également un bel éditeur CSS.

Answer 2

Je pense que commencer avec Photoshop pour créer un site Web n’est pas la meilleure solution, comme vous pouvez le constater avec votre balisage. Commencez par choisir quelques tutoriels simples, en vous familiarisant avec les éléments HTML de base, et en créant également le balisage principal du style de site (souvent avec des éléments div). Ensuite, vous entrez manuellement les graphiques souhaités. Cela se termine par un site Web beaucoup plus maintenable.

Answer 3

Si vous ne voulez pas entrer dans les détails, vous pouvez envoyer votre psd à un service tel que http: //www.psd2html .com / . Ils le font pour de l'argent ...