班级网站首页制作教案.doc

班级网站首页制作 步骤： 打开frontpage后，在E：新建一个站点，并命名为“班级网站”拼音的首字母加上自己的学号 仔细观察下图，分析这个首页可以分成几行几列 经分析，可以分成7行3列的表格，双击打开index.htm后，就可以建立一个7行3列的表格啦。 打好表格后，先描四条边框出来，方法如下： 全选整个表格的第一列，在黑色的地方按右键，从快捷菜单里选“合并单元格” 按刚才的方法合并第三列的单元格，完成后如图所示： 把光标定位在第一列和第二列的边线上，光标变成双向箭头时，按住鼠标左键往左边拉，缩小第一列的宽度。如图： 用同样的方法缩小第三列的宽度，完成后如图所示： 把光标定位在第一列，按右键，从快捷菜单里选“单元格属性”，把背景颜色调整为蓝色 用同样的方法调整第三列的背景颜色为蓝色 把光标定位在第1行，按右键后从快捷菜单里选“单元格属性”后，也把第一行的背景颜色调为蓝色。同样最后一行第7行也调整为蓝色 第二行的填充操作 先用图片作为背景 把光标定位在第二行，按右键后从快捷菜单里选“单元格属性”后，在背景选“使用背景图片”前点击鼠标打上√，然后在“浏览…”选“桌面”→“myweb2” →“images” →“横幅” 调整第二行的宽度，使背景图片全部显示出来 再把第二行分成1行两列的表格。操作：点击“表格”→“插入” →“表格…” 在刚分好的1行2列表格的第一格里继续分成4行7列的表格 在相应的格子里输入“高一（ ）班我的家”，设置字体（黑体）、字号（24磅）等并适当调整各列的宽度。 把光标定位在第二个格子里，插入“班级标志”图片 确认光标定位在第二个格子里后，点击“插入” →“图片” →“来自文件…”，然后选“桌面”→“myweb2” →“images” →“班级标志1” （7）适当调整图片的大小 第三行的填充（学有余力的同学可以自己填充第三行的背景图片，文件名是“桌面”→“myweb2” →“images” →“底色” 5、保存网站 点击“文件”→“保存”从对话框中选“更改文件夹” →“images” →“确定” 6、提交整个网站文件夹“BJWZ学号” 记住：要双击打开这个文件再选“表格——插入表格”哟！ 第1行 第3行 第2行 第4行 第5行 第7行 第6行 第1列 第3列 第2列