课程主题物流管理系统主页设计网页客户端技术课程.pptx

网页客户端技术课程现代殡葬技术与管理专业群教学资源库主讲人：严志课程主题：物流管理系统主页设计

CONTENTSCONTENTS物流管理系统主页设计项目实训

物流管理系统主页设计项目实训使用table表格布局实现01使用框架集布局实现02

物流网站项目01物流管理系统主页设计项目实训物流管理系统主页设计项目实训

页面结构组成：由一个三行两列的table构成。第一行跨两列，并在该列里包括导航菜单，即在td中使用ul列表制作导航菜单；第二行包含两列，第一列是包含一个导航菜单，使用ul列表制作，第二列显示导航页面的内容；第三行跨两列，设置版权信息。物流网站项目–表格布局01物流管理系统主页设计项目实训物流管理系统主页设计项目实训页面结构项目结构示意图

项目目录结构中的各个目录及文件说明：项目目录里面包含images文件，以及companyAdd.htmlexample1-1.html文件。images文件目录里存放项目中用到的图片。项目分析01物流管理系统主页设计项目实训物流管理系统主页设计项目实训项目素材目录项目素材

编写HTML表格关键代码01STEP01创建index.html在index.html文件中，编写HTML结构代码。物流管理系统主页设计项目实训物流管理系统主页设计项目实训

物流项目主页—frameset布局分析02物流管理系统主页设计项目实训物流管理系统主页设计项目实训页面结构项目结构示意图

物流管理系统主页设计项目实训物流管理系统主页设计项目实训物流项目主页—frameset布局分析02关键代码framesetrows=15%,*,10%framesrc=top.htmlframesetcols=25%,*framesrc=left.htmlframesrc=right.html/framesetframesrc=bottom.html/frameset

通过left.html中的超链接与右边iframe进行关联物流管理系统主页设计项目实训物流管理系统主页设计项目实训物流项目主页—frameset布局分析02关键代码

项目总结使用表格布局实现导航，采用超链接+iframe实现，注意iframe的name属性；使用frameset框架集实现导航技术；比较不同的页面导航方法，尽量采用div+css技术实现。物流管理系统主页设计项目实训物流管理系统主页设计项目实训

感谢聆听，批评指导