Quelle est la meilleure façon d'exporter la conception de page Web indesign à xhtml?

Question

J'ai un fichier indesign qui est conçu pour une page Web. J'ai essayé d'exporter à partir du fichier> export> dreamweaver avec Indesign CS5. J'ai essayé de tout configurer et à l'exportation, mais le résultat exporté est totalement horrible. Qu'est-ce que l'exportation Indesign est des images et des textes, aucune conception a été inclus (comme les couleurs d'arrière-plan, les positions). Est-ce seulement moi ou est-ce que le résultat d'exportation censé être? Est-ce à cause de mon dossier indesign? Si je veux obtenir la conception exacte que j'ai conçu dans indesign, quelle est la meilleure façon de le faire parce que je ne veux pas concevoir deux fois. S'il vous plaît me suggérer gentiment. Merci.

Answer 1

Indesign est principalement pour la mise en page d'impression et de design. En tant que concepteur de la page web, il est très pauvre. La seule chose qui peut améliorer votre rendement est assurez-vous que, dans les Options d'exportation XHTML, onglet Avancé et assurez-vous inclure style Définitions et Preserver locaux Remplacements sont vérifiés. En dehors de cela, jetez un oeil à http: / /help.adobe.com/en_US/InDesign/6.0/WS82C401A9-E844-40d5-B9B4-540CA374B0C6a.html

Pour en savoir plus sur la fonction d'exportation. Pensez plus comme un tremplin point que vous aviez quelque chose conçu déjà Indesign, pas un produit final. À l'avenir, j'utiliser Illustrator, Fireworks ou Photoshop pour faire votre conception.

Answer 2

UNIFORME PLATEFORMES DESIGN À PARTIR DE TOUS INDESIGN
(Avertissement: pas d'une approbation, Je viens juste de le faire, donc je pensais que je poste le flux de travail comme une réponse à la question)

0) InDesign ----> 1) Epub -. IPad / Iphone etc |
| (Exporter en .eps)
|
V
2) Illustrator (3 minutes, plus l'outillage autour dans le temps AI, ainsi que slicing si vous le faites
ici) | | (2a) Exporter vers .psd; tranche / préparer dans les deux Illustrator ou Photoshop.
|
| ou (Si vous préférez l'outillage autour de AI à PS)
|
| (2b) Sinon, vous pouvez passer à l'exportation .psd et juste: | (Fichier> Enregistrer pour le Web et périphériques, assurez-vous d'aller à « Modifier les paramètres de sortie> Tranches
| et décochez les tables boiteux et sélectionnez la place css; modifier également HTML à> XML)
|
|
| (NOTES: Gardez à l'esprit lors de cette étape et la suivante qu'il peut y avoir des couches / groupes en | que vous voudrez peut-être
| d'exporter toutes pièces. Enregistrer ces fichiers, mais ne supprimez pas les couches. Juste tranche
| les de telle sorte que vous pouvez voir la hauteur et la largeur en px. Vous pourriez avoir à déplacer
| c'est terminé. par exemple. vous avez un gradient impressionnant. Vous voulez que les dimensions d'origine, mais un
| petit fichier ou vous voulez peut-être une image d'arrière-plan. Gardez ces choses à l'esprit.)
|
V
3) Photoshop (3 minutes, plus l'outillage autour dans le temps PS, ainsi que slicing si vous le faites ici;)
|
| (3a) Fichier> Enregistrer pour le Web et périphériques; Allez dans « Modifier les paramètres de sortie> tranches et a choisi
| et décochez les tables boiteux et sélectionnez la place css; modifier également HTML à> XML)
V
4) fichiers PROTO_XHTML et images (A ce stade vous avez maintenant:
| a) Vos fichiers d'image, proportionnés correctement
| ** b) Un fichier XHTML qui contient facilement les tailles px
| de toutes vos images dans une section de style
| * * c) Les placements de vos fichiers image en px
|
V
5) DO MATH (15 minutes - Vous voulez sans doute des choses en pourcentage - taille de l'image;
placements absolus ou relatifs, etc - vous devrez faire des mathématiques pour calculer ces chiffres
de la les données brutes que vous avez produit à l'étape précédente. Ouvrez Excel ou quelque chose.
utiliser le filtre coupe et compétences collage. mathématiques Do.)
|
|
|
|
V
6) ou Dreamweaver Tout ce que vous utilisez (Obtenez votre fichier PROTOXHTML dans votre éditeur. Remplacer
px avec les pourcentages obtenus à l'étape DO MATH.)

Vous avez maintenant toutes les matières premières dont vous avez besoin pour recréer le design original dans tout type de mise en page, aussi longtemps que vous connaissez CSS de base.

Answer 3

IN5 pour résoudre ce problème exact d'une exportation web qui maintient mises en page.

Answer 4

a fait beaucoup de recherches sur moi-même comme je l'ai entendu quelques personnes dire qu'il pourrait être fait, mais il semble être une exportation extrêmement basique, pas très utile à moins que ce soit votre première étape dans la création d'une page Web de contenu InDesign existant , sinon cela pourrait tout aussi bien commencer à partir de zéro dans un programme de conception web dédié. Une bonne page claire la description est ici: http://www.onsitetrainingcourses.com.au/ main / page_blog_saving_indesign_files_as_html.html