|
我们平日办公时用得最多的软件是Execl、Word或WPS Office等，你的计算机中一定储存着大量的XLS、DOC、WPS文件吧！网页制作时需要将此类文件转换为HTML文件，你是如何处理的呢？下面就随我来看一下将XLS转换为HTML文件的方法吧！
一、导入法
1、将Execl XP文件另存为文本文件。打开“2001级10班考试成绩.xls”文件，单击“文件/另存为”，保存类型选择“文本文件(制表符分隔)”，出现提示窗口后确认即可，保存为“2001级10班考试成绩.txt”文件。
2、在Dreamweaver MX编辑窗口中单击“Insert/Table Objects/Import Tabular Data...”，打开“Import Tabular Data”对话框，如图1所示。
图1
3、在对话框中单击“Browse...”按钮，找到要导入的文件“2001级10班考试成绩.txt”，双击此文件填加到Data File栏中。在对话框中其它项目为：
Delimiter: 导入数据的分隔符，有Tab符等；
Table With： 设置表格的宽度，一般选择“Fit to Data”；
Cell Padding： 单元格边距；
Cell Spacing： 单元格间距；
Format Top Row ： 格式化首行，设置“粗体、斜体或粗体加斜体”；
Border： 边框。
4、单击“OK”按钮，Execl XP文件中数据被导入到Dreamweaver MX，还是以表格的形式存在，这样导入的表格宽度为不超过显示屏幕，单元格中数据换行显示，有时会显得很混乱，这时需要将数据设置为不换行显示。
5、选中所有单元格，在属性面板中勾选No Wrap后复选框，如图2所示，这样单元格中数据将不换行显示，在IE中浏览时可能在水平方向上超过显示屏幕显示。
图2
提示：
(1)若XLS文件工作表中存在合并单元格，导入到Dreamweaver MX中自动取消单元格合并，需要重新进行调整，特别是在垂直方向上的单元格合并，导入到Dreamweaver MX后再调整比较麻烦，所以最好在Execl XP中处理好后再转换；
(2)XLS文件导入到Dreamweaver MX后原来的格式设置会取消；
(3)若原XLS文件中有图表或图象，是不能直接导入到Dreamweaver MX中的，可如下处理：将图表复制到图象处理软件如画图、Fireworks中，再另存为jpg或gif图象，将图象插入到Dreamweaver MX中即可。
二、另存法
1、在Execl XP中单击“文件/另存为”，打开“另存为”对话框，如图3所示，在“保存类型”中选择“Web页(*.htm；*.html)”。
图3
2、在“保存”中有两个选项：“整个工作簿”和“选择：工作表”。选择“整个工作簿”是将整个工作簿中的所有工作都转换为HTML文件，若原工作簿有三个工作表sheet1、sheet2和sheet3，保存为HTML文件后会形成一个HTML文件和一个相应的文件夹，文件夹中包含了三个HTML文件的信息，用IE浏览器打开HTML文件后，通过底部的按钮可对三个HTML文件转换浏览，如图4所示。
图4
3、在“保存”中若选择了“选择：工作表”选项，则只保存当前工作表，单击“保存”按钮即可。
4、在“保存”中选择“整个工作簿”同时若勾选了“添加交互”复选框，则保存的HTML文件中的工作呈交互状态，如图5所示。在IE浏览器中可对工作表进行复制、剪切、粘贴、计算、设置格式等操作，但不能对交互结果保存。可通过单击左下角按钮的菜单选择其它的工作表。
图5
5、在“保存”中选择“工作表”同时若勾选了“添加交互”复选框，则只将当前工作表保存为交互形式。
提示：
(1)在将XLS文件另存为Web页之前要对有关数据加上边框，这样保存的HTMML文件才显示表格边框，否则HTML文件中不显示表格边框。
(2)使用另存为保存的HTML文件在外观上与原XLS文件保持了一致，保存了原文件中的格式，如字体、字号等。
(3)另存为的HTML文件中包含有大量的垃圾代码，形成的文件很大，需要在Dreamweaver MX中清除垃圾代码。用Dreamweaver MX打开保存的HTML文件，单击“Commands/Clean Up Word HTML”，在打开的对话框中单击“OK”按钮即可自动清除垃圾代码，清除后的HTML文件中也是有许多垃圾代码的。
(4)若XLS文件中有图表，另存为Web页时会自动保存图表，这个过程需要相关文件的支持，若你的机器中没有这个文件，系统检测到后会自动下载。
三、两种方法保存的HTML文件的比较
比较项目 导入法 另存法
TML文件大小 小 很大
HTML文件与原XLS文件外观比较 基本保持原样 保持原样
是否有垃圾代码 否 是
是否保留原XLS文件格式 否 是
是否保存XLS文件中图表 否 是
能否保存交互HTML文件 否 能
[网页制作]巧用Dreamweaver MX设计导航栏特效 [网页制作]巧用Dreamweaver MX制作阴影字
[网页制作]巧用Dreamweaver MX控制页面元素 [网页制作]妙用Dreamweaver MX共享Word XP文件
| 
注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！ 本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网] 
