Frontpage2003网页制作讲义——基础知识篇说课讲解.doc

Good is good, but better carries it.精益求精，善益求善。Frontpage2003网页制作讲义基础知识篇-Frontpage2003网页制作讲义基础知识篇一、表格的操作1、设置网页属性：打开首页index.htm编辑，设置网页的背景音乐为index/aa.mid，背景图片为index/nabkgnd.jpg，超链接颜色为黄色，当前超链接为红色。2、插入表格：在网页中插入一个7行1列的表格。3、设置表格属性：将表格宽度设置为760像素；对齐方式为居中；单元格间距为0；边框粗细为0。4、单元格的拆分与合并：将第1行拆分成3列。5、设置单元格属性：在1行2列的单元格中设置背景图片为index/nature18_r1_c2.jpg；在1行3列的单元格中设置背景图片为index/nature18_r1_c4.jpg；设置第2行的背景颜色为青色（Hex=00,80,80），指定高度为25像素。二、表格的综合布局（一）1、插入图片：在1行1列的单元格中插入图片index/LOGO.gif，设置为居中对齐，适当调整图片的大小和该行单元格的宽度、高度。2、插入艺术字：在1行2列的单元格中插入一个1行1列的艺术字“拥抱绿色”，设置艺术字的填充颜色为绿色，无线条颜色；设置该艺术字的阴影为阴影样式14，阴影颜色为白色。同样的操作，在第1行第3列单元格中插入艺术字“回归自然”。设置这两个艺术字的对齐方式为居中。3、设置滚动字幕：在第2行中设置滚动字幕为“欢迎来到中国自然保护区，让我们共同拥抱绿色，回归自然！”，方向向左，延迟90秒，数量为6，表现方式为滚动条，重复设置为连续。设置文字为宋体、12磅、黄色。4、设置自选图形：在第3行中绘制一条直线，设置其颜色为红色，破折号为划线点，粗细为2像素；设置它的高度为2像素，宽度为760像素；设置其定位样式为相对。同样的操作，在第5行绘制一条相同的直线，并适当调整这两行的高度。三、表格的综合布局（二）1、插入表格：在第3行中插入一个1行2列的表格，设置表格的宽度为100%；对齐方式为居中；单元格间距为0；边框粗细为0。适当调整各个单元格的高度和宽度。2、插入表格：在上述表格的第1列中插入一个6行1列的表格设置表格的宽度为98%；对齐方式为居中；单元格间距为0；边框粗细为0。适当调整各个单元格的高度。3、设置单元格属性：在上述表格的第1、3、5行中设置其背景图片为index/aradhbtn.gif；在第2、4、6行中设置其背景图片为index/nature07.gif。适当调整各行的高度。4、插入文本：在第1、3、5行中分别输入文字标题“绿色警告”、“美丽风光”、“环保节日”，设置文字为宋体、12磅、居中、黑色。在第2行中复制粘贴文本绿色警告，设置为宋体、9磅、白色。在第6行中复制粘贴文本环保节日，设置为宋体、9磅、黄色。（说明：在编辑文本时，按Enter键，表示换段；按ShiftEnter键，表示换行。）5、设置自动缩略图的属性：单击【工具】【网页选项】，选择“自动缩略图”选项，设置宽度为150像素，边框粗细为0像素，取消边缘凸凹效果。（说明：在设置自动缩略图之前，应先设置好它的属性。）6、设置自动缩略图：在第4行中插入两张风景图片fengjing/DSC01264_jpg.jpg和fengjing/DSC01297_jpg.jpg，在“图片”工具栏中选择“自动缩略图”按钮，设置为自动缩略图，并居中对齐。适当调整该行的高度。（说明：“图片”工具栏可以通过单击【视图】【工具栏】【图片】调出。）7、插入文本：在右边一列中复制粘贴文本概况，设置为宋体、12磅、蓝绿色（Hex=00,66,99）。8、插入图片：在上述文本的下面一段插入一张地图图片index/china.gif，居中对齐。四、表格的综合布局（三）1、插入表格：在大表格的倒数第2行插入一个3行5列的表格，设置表格的宽度为750像素；对齐方式为居中；单元格间距为0；边框粗细为0。适当调整各个单元格的高度和宽度。2、单元格的合并：将此表格第1行中的所有单元格合并起来，并设置其背景颜色为青色（Hex=00,80,80）。适当调整它的高度。3、插入文本：在第1行中插入文本“友情链接”，设置其为宋体、16磅、加粗、居中、白色。4、插入图片：在第2、3行的各个单元格中插入相应的链接图标（例如：link/eedu-logo.gif），调整各个图片的大小。五、表格的综合布局（四）1、插入表格：在大表格的最后一行插入一个5行1列的表格，设置表格的宽度为760像素；对齐方式为居中；单元格间距为0；边框粗细为0。适当调整各个单元格的高度和宽度。2、单元格的拆分与合并：将此表格第4行和第5行分别拆分成3列，将第5行的第2、3列合并起来。3、设置单元格属性：将第1行设置其高度为8像素；第2行指定高度为12像素；第3行高度为40像素；第4行和第5行分别设置其高度为20像素。4、表格布局：在第2行中插入图片index/aradrule.gif，设置其宽度为760像素、高度为10像素；在第3行中插入文本“深圳元平特殊教育学校”，设置其为华文行楷、21磅、居中、蓝绿色（Hex=00,66,99）；在4行1列中插入文本“地址：广东省深圳市布吉镇西环路138号”，设置其为宋体、9磅、居中、蓝绿色；在4行2列中插入文本“邮编：518112”，设置其为宋体、9磅、居中、蓝绿色；在4行3列中插入文本“E-mail:szyptx”，设置其为宋体、9磅、居中、蓝绿色；在5行1列中插入文本“电话：0755-288787662828236628288756”，设置其为宋体、9磅、居右、蓝绿色；在5行2列中插入文本“传真：0755-2828236628282303”，设置其为宋体、9磅、居中、蓝绿色。六、操作超链接1、文本的链接：将文本“世界环境日6月5日”与网页hbjr/sjhjr.htm建立链接；将文本“世界地球日4月22日”与网页hbjr/sjdqr.htm建立链接；将文本“世界湿地日2月2日”与网页hbjr/sjsdr.htm建立链接；将文本“世界水日3月22日”与网页hbjr/sjsr.htm建立链接；超链接的目标框架均为新建窗口。2、图片的链接：将“友情链接”栏目中的链接图标与相应的网站建立链接。（例如：“中国环境生态网”图标与网站3、图片热区链接：在中国地图上建立“新疆”的多边形热区，与网页xinjiang/xinjiang.htm建立链接，屏幕提示内容为“新疆”；在中国地图上建立“四川”的多边形热区，与网页sichuan/sichuan.htm建立链接，屏幕提示内容为“四川”。4、电子邮件的链接：将文本“E-mail:szyptx”与szyptx电子邮件地址建立链接，并将文本颜色设置为蓝绿色（Hex=00,66,99）。5、导航链接：将大表格的第2行（即“滚动字幕”那行）拆分成两行，调整它们的高度。在第二行（空白行）中插入导航链接，链接为“子层”、“主页”，样式为“自然”主题。练习：参照下面的样文完成“珍稀动物”、“珍稀植物”的网页制作。宋体，10磅，蓝绿色（Hex=00,66,99）艺术字：3行5列隶书，居中。导航链接，样式“全球策略”主题的图形。单元格：背景为绿色（Hex=00,66,00）；文字：宋体，10磅，白色；“首页”建立链接。-