1、网页制作,信息技术学院 郑义,本次课程内容,制作带有图片、表格、分界线等信息的页面利用表格来设计页面结构,新建网页,方法一:“文件”“新建”,在“常规”选项卡中,选择“基本页”“HTML”,单击“创建”按钮。保存为score.htm方法二:在“站点”上,单击右键,选择“新建文件”,将untitled.html更名为score.htm,插入图片,“插入”“图像”,选择图像源文件,选中bnu5.jpg 注意图片路径 设置图片宽度为80%,高度不设 设置图片居中对齐,添加标题,设置标题格式为“标题2” 设置字体为“黑体” 设置字体居中对齐,插入表格,“插入”“表格”,10行,2列 表格宽度80% 边
2、框粗细1像素,单元格边距0,间距0 无页眉 设置表格对齐方式为“居中对齐”,导入表格数据,选中表格,单击“插入”“表格对象”“导入表格式数据” 选择数据文件 data.txt 定界符设置为“逗点”【注意:txt文件里面的逗号要用英文的】,重新设置表格格式,选中表格 设置宽80%,高400像素 填充0,间距0,边框1,居中对齐,设置表格格式二,按住Ctrl键,每隔一行选中一行 设置间隔行背景色选中所有行,设置字体居中对齐,字号14,插入分割线,单击“插入”“标签” 在“标签选择器”中,选择“标记语言标签”“HTML标签”“页元素”,选择“hr”,单击“插入” 设置居中对齐,宽度80%,高度1像素,设置底部文字,用 shift+回车 换行比较:直接用回车换行,新建网页,方法一:“文件”“新建”,在“常规”选项卡中,选择“基本页”“HTML”,单击“创建”按钮。保存为table.htm方法二:在“站点”上,单击右键,选择“新建文件”,将untitled.html更名为table.htm,设置Logo,插入图片设置宽、高、对齐方式,添加表格,插入15行10列的表格合并第一行,设置标题,单元格合并,第二行每两列合并 合并第一、二列 合并最后一行 合并“内容”和“右边栏”部分,设置单元格,设置单元格的宽度、高度、对齐方式注意像素和百分比的组合使用,