用表格和框架布局网页.pptx

《用表格和框架布局网页.pptx》由会员分享，可在线阅读，更多相关《用表格和框架布局网页.pptx（19页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、9.1 网页中的表格第1页/共19页9.1 网页中的表格常见操作：p在网页中插入表格p向表格中添加数据p导入外部数据p表格的编辑与修改第2页/共19页9.1 网页中的表格表格大小相表格大小相关设定关设定设定页首的设定页首的位置位置设定附设定附加功能加功能第3页/共19页9.1 网页中的表格将EXCEL文件导入DW数据窗口的方法：p导入的电子表格请符合下面的三种情况1.是从本系统导出的模板2.在excel另存为csv(逗号分隔)类型的文件；3.在excel另存为文本文件(制表符分隔,即tab分隔)类型的文件p选择“文件”菜单“导入”“表格式数据”命令，或者选择“插入”菜单“表格对象”“导入表格式

2、数据”命令，弹出“导入表格式数据”对话框，指定要导入的数据文件、定界符及其他选项。定界符：设定界线的符号定界符：设定界线的符号第4页/共19页9.2 布局模式单击“插入”栏“布局”类中的“布局模式”按钮，进入布局模式。第5页/共19页9.3 框架网页的制作 框架网页的作用是将数个网页同时集中在同一个网页呈现，也称为框架集(Frameset)网页。9.3.19.3.19.3.19.3.19.3.19.3.1 框架的基本概念框架的基本概念框架的基本概念框架的基本概念框架的基本概念框架的基本概念parisdiary.htm parisdiarymain.htm parisdiarytopmenu.h

3、tm parisdiaryleftmenu.htm 第6页/共19页9.3 框架网页的制作以ch9文件夹中ch-08文件夹的素材为例。可先建立一个名为paris的站点。一、分割框架9.3.2 9.3.2 9.3.2 9.3.2 9.3.2 9.3.2 框架网站的制作框架网站的制作框架网站的制作框架网站的制作框架网站的制作框架网站的制作第7页/共19页9.3 框架网页的制作1、在站点paris中新建页面parisdiary.htm，将框架一分为三。第8页/共19页9.3 框架网页的制作关于每个框架的命名：这里，左框架名为：leftFrame，上框架名为：topFrame，右框架名为：mainFr

4、ame。注：可以通过框架属性面板对框架重新命名。第9页/共19页9.3 框架网页的制作2、设置框架属性第10页/共19页9.3 框架网页的制作常用设置方法：单击框架面板中框架的边框，选择框架集，然后在属性检查器中设置此框架集的属性。（可参考网页制作教程P157）选择“窗口”菜单“框架”，可弹出“框架”面板以设置右边框为例：第11页/共19页9.3 框架网页的制作二、指定各框架的框架内容以设置左侧框架为例：左侧设置完成后的效果topFrame的链接为：parisdiarytopmenu.htmmainFrame的链接为：parisdiarymain.htm第12页/共19页9.3 框架网页的制作

5、三、指定链接框架未调整前的预览效果未调整前的预览效果未调整前的预览效果未调整前的预览效果第13页/共19页9.3 框架网页的制作第14页/共19页9.3 框架网页的制作四、保存框架组第15页/共19页9.3 框架网页的制作第16页/共19页课堂练习9-1要求用表格布局分别实现网页设计与制作教程P235第1题和第2题的页面效果，相应的图片素材和效果等资料分别位于exercisech9-1中的ch9-1-1和ch9-1-2文件夹。（注：对于第1题，考虑能否用DW的网站相册功能实现相应的图片显示效果）第17页/共19页课堂练习9-2使用exercisech9-2中的文件和素材，要求用框架布局的方法制作coco-index.htm，其它如下：相应图标的链接：第一篇 第二篇 第三篇 第18页/共19页谢谢您的观看！第19页/共19页