Css 什么'；将indesign网页设计导出到xhtml的最佳方法是什么？

我有一个indesign文件是为网页设计的。我尝试使用Indesign CS5从文件>导出>dreamweaver导出。我试图配置所有内容并导出，但导出的结果非常糟糕。Indesign导出的是图像和文本，未包含任何设计（如背景色、位置）。是我一个人，还是出口结果应该是这样？是因为我的indesign文件吗？如果我想得到我在indesign中设计的精确设计，最好的方法是什么，因为我不想设计两次。请给我提个建议。谢谢。

Indesign主要用于打印布局和设计。作为一个网页设计师，它是非常差的。唯一可以改进输出的方法是确保在XHTML导出选项中选中“高级”选项卡，并确保选中“包含样式定义”和“保留本地覆盖”。除此之外，看看

---

有关导出功能的详细信息。把它更多地看作是一个起点，因为你已经在inDesign中设计了一些东西，而不是最终产品。将来，我会用Illustrator、Fireworks或Photoshop来做你的设计。

我自己也做了很多研究，因为我听到一些人说这是可以做到的，但这似乎是一个非常基本的输出，除非这是你创建现有InDesign内容网页的第一步，否则，也可以在专门的网页设计程序中从头开始。这里有一个很好的清晰页面来描述它：

从INDESIGN开始的所有平台的统一设计
（免责声明：未暗示任何背书；只是必须这样做，所以我想我应该发布工作流作为问题的答案）

0）InDesign----Epub-IPad/Iphone等
|
|（导出为.eps）
|
V
2）Illustrator（3分钟，加上人工智能时间内的工具制作；如果你在这里做，再加上切片
） | |（2a）出口到私营部门司；在Illustrator或Photoshop中切片/准备
|
|或者（如果您更喜欢在AI而不是PS中使用工具）
|
|（2b）或者，您可以跳过导出到.psd，只需：
|（文件>为Web和设备保存；确保转到“编辑输出设置>切片”
|并取消选择lame表格，改为选择css；同时将HTML更改为>XML）
|
|
|（注意：在本步骤和下一步骤中，请记住可能存在一些层/组
|您可能想要的
|导出整个布料。保存这些文件，但不要删除图层。只需切片
|通过这种方式，您可以在px中看到高度和宽度。您可能需要移动
|它结束了。例如，你有一个很棒的梯度。你想要原始尺寸，但a
|小文件，或者您需要背景图像。请记住这些内容。）
|
V
3）Photoshop（3分钟，外加PS时间内的工具制作；如果你在这里做的话，还要加上切片；）
|
|（3a）文件>为Web和设备保存；进入“编辑输出设置>切片”并选择
|取消选择lame表格，改为选择css；同时将HTML更改为>XML）
V
4）原始XHTML和图像文件（在这一步中，您现在有：
|a）您的图像文件，比例正确
|**b）一个XHTML文件，方便地包含px中的大小
|样式部分中所有图像的 |**c）在px中放置图像文件
|
V
5）做数学计算（15分钟-你可能想要一些百分比的东西-图像大小；
绝对或相对位置等-你必须做数学计算，从上一步生成的原始数据中导出这些数字。打开Excel或其他东西。
使用剪切和粘贴技能。做数学计算。
|
|
|
|
V
6）Dreamweaver或任何您使用的工具（将PROTOXHTML文件放入编辑器中。将px替换为在计算步骤中获得的百分比）。

---

现在，只要您了解基本的CSS，您就有了在任何布局中重新创建原始设计所需的所有原材料。

我创建此网站的目的就是为了解决维护布局的web导出问题。

我可以知道您从插图和焰火导出的经验吗？精确到什么程度？谢谢你的帮助。谢谢。我最喜欢Illustrator，所以我通常从这里开始。我通常创建一个布局或元素，然后将其导出为一个巨大的png或jpg，然后在Photoshop中将其缩小并切割。由于Fireworks是Adobe收购Macromedia时推出的，因此与Photoshop和Illustrator的功能有很多重叠。我从来没有真正使用过它，但它的主要目的是设计网页图形，所以在这方面有很多内置的功能。例如，它还可以导出一个完成的网页，实际上看起来就像它们应该导出的那样。如果你已经在Indesign中做了很多工作，你可以将整个内容导出为pdf，然后将其导入其他程序中进行调整。但这根本不能维护任何布局或导出为html。它生成布局的图像，然后以html格式显示这些图像。这不是响应，这甚至不是将indesign转换为html，而是将indesign的图片转换为html。如果我错了，请纠正我，但据我所知，这就是in5所做的。我被纠正了，我回去玩了一些设置，文本可以通过css导出为html。看起来很不错，但绝对是有价格的。