用表格和框架布局网页

9.1网页中的表格第1页/共19页第一页，共20页。9.1网页中的表格常见操作：在网页中插入表格向表格中添加数据导入外部数据表格的编辑与修改第2页/共19页第二页，共20页。9.1网页中的表格表格大小相关设定设定页首的位置设定附加功能第3页/共19页第三页，共20页。9.1网页中的表格将EXCEL文件导入DW数据窗口的方法：导入的电子表格请符合下面的三种情况

1.

是从本系统导出的模板

2.

在excel另存为csv(逗号分隔)类型的文件；

3.

在excel另存为文本文件(制表符分隔,即tab分隔)类型的文件

选择“文件”菜单→“导入”→“表格式数据”命令，或者选择“插入”菜单→“表格对象”→“导入表格式数据”命令，弹出“导入表格式数据”对话框，指定要导入的数据文件、定界符及其他选项。

定界符：设定界线的符号第4页/共19页第四页，共20页。9.2布局模式

单击“插入”栏“布局”类中的“布局模式”按钮，进入布局模式。第5页/共19页第五页，共20页。9.3框架网页的制作

框架网页的作用是将数个网页同时集中在同一个网页呈现，也称为框架集(Frameset)网页。9.3.1 框架的基本概念parisdiary.htmparisdiarymain.htmparisdiarytopmenu.htm

parisdiaryleftmenu.htm第6页/共19页第六页，共20页。9.3框架网页的制作以ch9文件夹中ch-08文件夹的素材为例。可先建立一个名为paris的站点。一、分割框架9.3.2框架网站的制作第7页/共19页第七页，共20页。9.3框架网页的制作1、在站点paris中新建页面parisdiary.htm，将框架一分为三。第8页/共19页第八页，共20页。9.3框架网页的制作关于每个框架的命名：这里，左框架名为：leftFrame，上框架名为：topFrame，右框架名为：mainFrame。注：可以通过框架属性面板对框架重新命名。第9页/共19页第九页，共20页。9.3框架网页的制作2、设置框架属性第10页/共19页第十页，共20页。9.3框架网页的制作常用设置方法：单击框架面板中框架的边框，选择框架集，然后在属性检查器中设置此框架集的属性。（可参考《网页制作教程》P157）选择“窗口”菜单→“框架”，可弹出“框架”面板以设置右边框为例：第11页/共19页第十一页，共20页。9.3框架网页的制作二、指定各框架的框架内容以设置左侧框架为例：左侧设置完成后的效果topFrame的链接为：parisdiarytopmenu.htmmainFrame的链接为：parisdiarymain.htm第12页/共19页第十二页，共20页。9.3框架网页的制作三、指定链接框架未调整前的预览效果第13页/共19页第十三页，共20页。9.3框架网页的制作第14页/共19页第十四页，共20页。9.3框架网页的制作四、保存框架组第15页/共19页第十五页，共20页。9.3框架网页的制作第16页/共19页第十六页，共20页。课堂练习9-1要求用表格布局分别实现《网页设计与制作教程》P235第1题和第2题的页面效果，相应的图片素材和效果等资料分别位于exercise\ch9-1中的ch9-1-1和ch9-1-2文件夹。（注：对于第1题，考虑能否用DW的网站相册功能实现相应的图片显示效果）第17页/共19页第十七页，共20页。课堂练习9-2使用exercise\ch9-2中的文件和素材，要求用框架布局的方法制作coco-index.htm，其它如下：相应图标的链接：第一篇<coco-1.htm>第二篇<coco-2.htm>第三篇<coco-3.htm>第18页/共19页第十八页，共20页。谢谢您的观看！第19页/共19页第十九页，共20页。内容总结9.1网页中的表格。9.1网页中的表格。第1页/共19页。第2页/共19页。3.

在excel另存为文本文件(制表符分隔,即tab分隔)类型的文件。以ch9文件夹中ch-08文