《网页制作19397.doc》由会员分享，可在线阅读，更多相关《网页制作19397.doc（10页珍藏版）》请在金锄头文库上搜索。
1、第8章 网页制作实训一 等级考试证书介绍页面的设计一、任务描述 陈小莫参加了全国计算机等级考试辅导班的学习，并通过了二级，为了后续同学的学习，他现在准备做一个关于全国计算机等级考试的网站，以帮助其他同学来了解和学习全国计算机等级考试课程。在网站中，他准备首先建立一个网页来介绍全国计算机等级考试证书。二、实训目标1. 初步学会利用FrontPage 2003制作简单的网页。2. 初步掌握在网页中插入图片和插入表格的方法。3. 掌握网页中文本排版和段落排版的方法。4. 掌握在网页中插入超链接的方法。三、实训任务frontpagesx1文件夹下有空白的page1.htm文件，在该文件中完成下列操作。
2、最终效果如图8-1所示，也可参照frontpagesx1文件夹下的“page1样图.jpg”文件。图 8-11. 输入网页标题：“全国计算机等级考试证书”，并设置为黑体、18磅、加粗、居中对齐，颜色为Hex=FF,00,00。2. 设置网页背景为Hex=CC,FF,FF，网页背景音乐为frontpagesx1文件夹下的moon.mid。3. 在网页标题下方插入当前系统日期，格式如图8-1所示。4. 在日期下方插入水平线，水平线宽度为600像素。5. 在水平线下方输入如图8-1中所示的文字，文字设置为宋体、12磅，并将段前距和段后距均设为8像素。6. 在文字下方插入一个4行2列的表格，表格居中对
3、齐，表格中的内容也居中对齐。7. 表格宽度设为“根据内容调整表格”。8. 在表格第1行的两个单元格中分别输入文字“一级”、“二级”；在表格的第3行的两个单元格中分别输入文字“三级”、“四级”。9. 在表格第2行第1列中插入图片frontpagesx1t1.jpg；在第2行第2列中插入图片frontpagesx1t2.jpg；在第4行第1列中插入图片frontpagesx1t3.jpg；在第4行第2列中插入图片frontpagesx1t4.jpg。10. 在表格下方输入“更多信息”，将其链接到http:/。11. 将网页以原文件名存盘。实训二 设计网报信息表网页一、任务描述陈小莫准备在他的计算机
4、等级考试网站中建立一个表格网页，该网页可以让网络访问者查看并下载填写报名表，通过填写此表来报名参加计算机等级考试学习班。二、实训目标1. 掌握表格在网页中的制作方法。2. 掌握表格在网页中的编辑方法。三、实训任务打开frontpagesx2文件夹下的page2.htm网页文件，在该文件中完成下列操作。最终效果如图8-2所示，也可参照frontpagesx2文件夹下的“page2样图.jpg”文件。图 8-21. 在page2.htm中创建如图8-2所示的表格，表格指定宽度为550像素，高度为200像素，对齐方式为水平居中，边框为黑色，背景颜色为Hex=99,CC,FF。2. 表格标题为宋体、加
5、粗、14磅，字符间距为3像素，居中对齐。3. 将表格标题中的文字“点此下载”链接到frontpagesx2文件夹下的bmb.rar文件。4. 表格中文字为宋体，大小为10磅，居中对齐。5. 设置表格边框线粗细为3，暗边框颜色为Hex=C0,C0,C0。6. 将“我的邮件”与电子邮件地址建立超链接。7. 将“我的主页”与网址http:/建立超链接。8. 在最后1行插入frontpagesx2文件夹下的图片xrk.jpg。9. 将page2.htm以原文件名存盘。实训三 制作考试指定教材封面预览图一、任务描述陈小莫在他的计算机等级考试网站中，准备建立一个网页来介绍教育部考试中心指定的全国计算机等级
6、考试教材，该网页提供教材缩略图，网络访问者通过单击这些教材缩略图可以观看教材的原始大图。二、实训目标1. 掌握在网页中对图片进行编辑的方法。2. 掌握图片热点的创建。3. 掌握在网页中插入书签和做书签链接的方法。三、实训任务frontpagesx3文件夹中有page3.htm文件，在该文件中完成下列操作。最终效果如图8-3所示，也可参照sx3文件夹下的“page3样图.jpg”文件。图 8-31. 设置网页超链接颜色为红色。2. 将frontpagesx3文件夹下的c2.jpg图片插入左框的第2行，设置显示文字为“二级C语言”。3. 将frontpagesx3文件夹下的vf2.jpg图片插入左
7、框的第4行，设置显示文字为“二级VFP”。4. 将frontpagesx3文件夹下的vb2.jpg图片插入右框的第2行，设置显示文字为“二级VB”。5. 将frontpagesx3文件夹下的access2.jpg图片插入右框的第4行，设置显示文字为“二级ACCESS”。6. 设置所有图片的对齐方式为水平居中，图片宽度为115像素，保持纵横比。7. 将图片c2.jpg设置为矩形热点，与frontpagesx3文件夹下的图片c.jpg链接；将图片vf2.jpg设置为圆形热点，与frontpagesx3文件夹下的图片vf.jpg链接；将图片vb2.jpg设置为多边形热点，与frontpagesx3文
8、件夹下的图片vb.jpg链接。8. 在标题文本“计算机二级指定教材”的左侧插入书签，书签名为top。9. 将表格下的文本“返回开始”与top书签链接。10. 将标题下的“更多”与网址http:/链接。11. 将page3.htm以原文件名存盘。实训四 网络调查系统页面的设计一、任务描述陈小莫在他的计算机等级考试网站中，准备建立一个网络调查表的网页，通过此网页主要实现三个功能，一是通过计数器来统计网站流量；二是让网络访问者选择他们喜欢的二级语种；三是让网络访问者对网站提出改进意见。二、实训目标1. 掌握站点计数器在网页中的使用。2. 掌握网页中字幕效果的制作。3. 掌握在网页中建立简单的表单。三
9、、实训任务图 8-4frontpagesx4文件夹下的page4.htm网页文件，在该文件中完成下列操作。最终效果如图8-4所示，也可参照sx4文件夹下的“page4样图.jpg”文件。1. 指定表格宽度为300像素，高度为150像素，对齐方式为水平居中。2. 表格标题“欢迎进入计算机二级调查系统”为宋体、加粗、14磅。3. 表格中文字为宋体、12磅、居中对齐。4. 在表格标题“欢迎进入计算机二级调查系统”下方插入计数器，计数器风格如图8-4所示。5. 将表格第1行中的文本框命名为wm，宽度为25。6. 将表格第2行中的四个选项按钮的组名称统一命名为erji，值分别为1、2、3、4。7. 将表
10、格第3行的文本区命名为yj，宽度为25，行数为6。8. 将“提交”和“重置”两个按钮居中。9. 提交后将表单结果发送到文件guestnote.htm。10. 将网页顶部的标题“欢迎进入计算机二级调查系统”设置为滚动字幕，方向向左。11. 将page4.htm以原文件名存盘。习题81. HTML（Hyper Text Markup Language）是( )的缩写。A. 超文本标注语言 B. 通用标注语言C. 扩展标注语言 D. 宏语言2. 在( )模式下可以看到网页之间的层次关系。A. 网页视图 B. 导航视图 C. 文件夹视图 D. 任务视图3. 站点的基本构成单位是( )。A. 主页 B.
11、 网页 C. 超级链接 D. 文本4. 网页视图模式提供3种查看方式，在( )方式下可以直接编辑HTML的源代码。A. HTML B. 普通 C. 代码 D. 预览5. 要对一个已存在的站点进行编辑，必须先将其( )。A. 发布 B. 关闭 C. 打开 D. 保存6. 把浏览器窗口分成不同的部分，同时看到多个网页，可以使用( )。A. 导航栏 B. 报表 C. 框架网页 D. 悬停按钮7. 在网页中插入Flash影片，需要使用菜单命令( )。A. “插入”“图片” B. “格式”“样式”C. “工具”“加载项” D. “插入”“表单”8. 在FrontPage 2003中，关于表格的说法正确的
12、是( )。A. 能够删除整个表格B. 不能删除整个表格，但是能删除一行或多行C. 不能删除单个单元格D. 不能删除整个表格，但是能删除一列或多列9. FrontPage 2003可以直接将文本转换成( )列的表格。A. 1 B. 2 C. 3 D. 任意10. 修改已创建超链接文本的颜色，可打开( )。A. “创建超链接”对话框 B. “网页属性”对话框C. “编辑超链接”对话框 D. “字体属性”对话框11. 关于框架的说法正确的是( )。A. 框架的大小是固定的B. 框架的大小可以精确设定C. 框架的大小可以调整，但不能精确设定D. 框架大小的调整只能在制作网页时进行12. FrontPa
13、ge 2003中网站的默认主页为( )。A. zhuye.htm B. 主页.htm C. zy.htm D. index.htm13. 关于在FrontPage 2003中的列表，下面说法不正确的是( )。A. 列表中只能使用标准项目符号B. 项目符号可以选择数字，罗马数字或字母C. 列表中可以使用图片作为项目符号D. FrontPage 2003中的列表允许嵌套14. 以下( )不是任务栏视图可以实现的功能。A. 记录和管理设计进程 B. 跟踪页面状态 C. 站点的修改与维护 D. 站点的发布15. 使用FrontPage 2003制作网页，不能在网页中插入的图片是( )。A. jpg B
14、. gif C. png D. pdf16. FrontPage 2003预览模式采用( )显示网页，其结果也就是浏览器观察到的效果。A. Internet Explorer B. FrontPageC. PowerPoint D. Word 打印预览17. 下列元素( )不能建立超链接。A. Internet B. 文件夹 C. 图片 D. 文本18. FrontPage 2003文件夹视图对文件或文件夹进行重命名后，FrontPage会自动更新与重命名所有( )。A. 超链接 B. 文件 C. 网页 D. 网站 19. 进入FrontPage 2003报表视图，所列出的是当前Web包含子文件夹下面的所有( )。A. 超链接 B. 文件 C. 网页
