网页设计第三章 网页元素定位技术课件.ppt

《网页设计第三章 网页元素定位技术课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、操作系统及网络应用技术西南财经大学天府学院TianfuCollegeofSouthwesternUniversityofFinanceandEconomics信息技术中心郭进第一章网站构建入门第二章网页基本内容设计第三章页面元素定位技术第四章样式应用第五章表单设计第六章流媒体及行为的应用第七章模板和库第八章服务器技术第九章网站的发布管理主要内容利用层定位页面元素2利用表格定位页面元素1利用布局视图设计页面布局3利用表格定位页面元素插入表格编辑表格设置属性选择表格及其元素调整表格单元格大小添加和删除行和列拆分单元格合并单元格

2、设置表格属性设置行列单元格属性插入表格插入

3、表格行数：输入新建表格的行数列数：输入新建表格的列数表格宽度：表格宽度，单位：像素百分比边框粗细：表格边框的宽度单元格边距：单元格内容和单元格边界之间的像素单元格间距：单元格之间的像素数页眉：可以定义表头样式标题：定义表格的标题对齐标题：定义表格标题的对齐方式摘要：对表格进行注释添加内容到单元格编辑表格—选择表格及其元素选择整个表格选择指定单元格单击table标记选择表格编辑表格—调整表格和单元格大小调整列宽调整行高调整表格宽调整表格高同时调整表格宽和高编辑表格—添加和删除行列编辑

4、表格—拆分合并单元格设置属性—设置整个表格属性背景颜色：表格的背景颜色背景图像：表格的背景图像边框颜色：表格的边框颜色填充：单元格内容和单元格之间的像素数间距：相邻单元格之间的像素数边框：设置表格边框的宽度设置属性—设置行列单元格属性补充表格HTML标记      

5、>heightwidthborderbordercolorbgcolortabletrtd练习利用层定位页面元素插入层创建层层基本操作插入层拖放层绘制层选择层调整层大小激活层移动层层属性设置创建层插入层：把光标放置文档窗口想要插入层的位置，选择插入

6、层拖放层：把绘制层的按钮从插入栏拖到文档窗口绘制层：在插入栏中单击绘制层按钮，在文档窗口中拖拽鼠标画出一个层层基本操作—激活层要在层中插入文字，图像，先要激活层鼠标指针移至层内任何位置单击插点置于层内，输入文字和图像层基本操作—选择层要对层进行移动，调整

7、大小，先要选择层选择一个层，选择多个层，shift层基本操作—调整层大小，移动层Ctrl+方向键可以对层进行微调大小层基本操作—层属性设置补充：层的可见性层的堆叠顺序层和表格转换补充层HTML标记练习采用所给网页素材，利用层进行网页设计和布局利用布局视图设计页面布局选择左侧框架左边保存为left.html右边保存为fight.html再

8、创建几个要显示的字页面设置超链接运行时候再保存主框架