网页制作教程.ppt

设置页面版式4.1表格的使用插入表格使用命令使用工具按钮表格属性理解布局表格作用：用于控制内容的位置属性：边框、单元格间距、单元格边距为零表格多嵌套使用建议不使用布局表格工具处理布局，自主使用嵌套表格处理内容表格表格本身要显示表格的填充色内容与单元格的距离1.3.4网页中常见的构图布局1、“国”字型布局2、转角型布局3、上下型布局4、垂直型布局1、“国”字型布局国字型布局基本实现国字型布局基本实现1、转角型布局转角型布局基本实现转角型布局基本实现1、上下型布局1、垂直型型布局课程实训练习表格的基本操作设计国字型布局——检查使用分段结构只需要确定布局结构设计转折型布局——检查要求同国字型布局设置页面版式4.2使用层4.2使用层创建层1．插入层2．使用拖放建立层层面板操作1．改变层的可见性2．改变层的名称和堆叠顺序设置层的属性层的定位背景图像剪辑溢出4.2使用层层的应用插入相对定位层设置页面版式4.3使用框架使用框架什么是框架？将浏览窗口划分成多个区域，每个区域就是一个框架框架网页的构成框架集（框架网页）——保存框架结构的网页每个区域（框架）中的网页使用框架框架的基本操作1．创建框架的一般步骤2．创建预定义框架3．自定义框架集（框架网页）和框架4．保存框架及框架集（框架网页）5．设置框架集（框架网页）的属性6．设置框架属性7．设置框架页面显示框架网页中的超级链接目标选项补充：使用内框架内框架介绍插入内框架iframe标签iframe属性height：框架的高度width：框架的宽度src：定义了内容页URLframeborder：内容页的边框,取值为(1|0),缺省值为1，1显示边框0不显示边框marginwidth：框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定marginheight：框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定scrolling：定义是否有滚动条,取值为(yes|no|auto),缺省值为auto。yes显示滚动条，no不显示滚动条，auto当需要时再显示滚动条name：定义了内容页名称,此名称在框架页内链接时使用到课程实训练习层的基本操作练习相对定位层练习框架网页练习内框架网页注：本次练习内容不记载成绩关于布局中的其它问题小像素行高的设定**571表格宽度623表格边框10101单元格边框1001010单元格填充3065单元格间距425585单元格宽度像素值数量设定值主框架网页内容左框架网页内容顶部框架网页内容