(二)Р第十章Р回顾与作业点评Р简述<iframe>标签的语法Р简述table表格的语法Р简述实现页面局部版块的思路Р页面实际高度和width、height之间有什么关系?Р预习检查Р简述制作页面模板的方法?如何实现商品分类列表页的布局??如何实现商品具体介绍页的布局?Р本章任务Р制作贵美商品分类列表页?制作贵美商品具体介绍页Р本章目标Р使用<iframe/>制作网页模板?使用Dreamweaver工具实现表格布局?使用div-ul-li实现局部布局Р网页模板的用途Р制作网页模板2-1Р1、多个网页有重复内容,利于减少开发时间?2、页面复用,利于网站风格统一和维护Р利用<iframe/>标签制作模板?(1)分离顶部和底部为单独的页面文件?(2)使用<iframe />复用顶部和底部Р制作网页模板2-2Р演示示例1:创建贵美的顶部、底部模板页Р1、划分页面结构,编写HTML结构Р制作分类列表页的思路5-1Р根据效果图,划分为哪几个大块?Р整体用DIV+CSS布局,典型的3行1列,分上、中、下三块Р2、分析各块的局部布局Р制作分类列表页的思路5-2Р顶部:用iframe复用模板页Р底部:用iframe复用模板页Р中部:数据规则,可以考虑表格。因table本身也是容器,所以可以直接用table替换中间的div块# mainР各块的局部布局?Р演示示例2:商品分类列表页Р3、分析中间块的宽高、填充、背景Р制作分类列表页的思路5-3Р1、5行4列的表格?2、表格整体宽度:满屏(100%,具体宽度值由container块设置980px)?高度:可以设置643px,也可以不设置由内容决定Р1、几行几列的表格??2、表格整体宽、高??3、是否存在背景??4、是否有填充?Р3、表格设置背景图(catlist_bg.gif) ?4、表格标题高度:有上填充(65px)Р演示示例2:商品分类列表页
全文预览
