《网页制作》基本操作技能训练题库.docx

《网页制作》基本操作技能训练题库.docx

《《网页制作》基本操作技能训练题库.docx》由会员分享，可在线阅读，更多相关《《网页制作》基本操作技能训练题库.docx（22页珍藏版）》请在冰豆网上搜索。

《网页制作》基本操作技能训练题库

《网页制作》基本操作技能

训练题库

试题1

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图1所示：

图1页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性：

包括标题、背景颜色、文本颜色、链接颜色和访问过的链接颜色。

3、定义外部样式表style.css，将body、tr、td标签均定义为“宋体”，大小“9点（pt）”。

4、制作导航链接。

5、制作主体内容的表格。

6、制作主体部分左侧的内容，

7、制作主体表格右侧的内容。

8、制作表格底部版权信息的表格。

试题2

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图2所示：

图2页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性。

3、定义外部样式表style.css，将body、tr、td标签均定义为“宋体”，大小“9点（pt）”。

4、制作广告条表格。

5、利用javascript脚本制作动态的问候提示（可参考素材中的代码）。

6、制作主体表格。

7、制作主体表格左边主要栏目的内容和友情链接的内容。

8、制作主体表格右边各栏目简介的内容。

9、制作底部版权表格。

试题3

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图3所示：

图3页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性。

3、定义外部样式表style.css，将body、tr、td标签均定义为“宋体”，大小“9点（pt）”。

4、制作页面顶部的表格，实现“本站设为首页”和“把本站加入收藏夹”的功能（以参考素材中的JavaScript脚本）。

5、制作导航表格。

6、制作主体内容的表格。

7、制作主体表格左侧的内容。

8、制作主体表格中间的内容

8、制作主体表格右侧的内容，包括使用动态字幕技术显示的公告和搜索音乐的表单。

试题4

一制作要求：

要求制作本页面及链接页面，页面的最终效果如图4-1所示、本页面内的链接结果如图4-2所示。

图4-1页面的最终效果图4-2页内链接结果

点击“金缕衣”的链接页面如图4-3所示。

图4-3点击“金缕衣”的链接页面

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、主页面的制作。

3、页内链接的制作

4、页面之间链接的制作

试题5

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图5所示：

图5页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性：

包括标题、背景颜色、文本颜色、链接颜色和访问过的链接颜色。

3、加入Javascript代码实现鼠标跟随的天使（代码参见素材）。

4、制作主体内容的表格。

5、制作欢迎的字幕信息。

6、制作底部表格表格的内容。

试题6

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图6所示：

图6页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、页面主体表格的制作。

3、基本元素的添加：

将切割好的素材图像在页面中用表格组织起来。

4、使用CSS样式制作导航链接文本。

5、使用JavaScript制作特效飘落的雪花（代码参见素材）。

试题7

一制作要求：

使用DreamweaverMX和FireworksMX结合制作网页相册，页面主要链接的最终效果如图7-1、7-2、7-3、7-4所示：

图7-1相册主页图7-2链接页面1

图7-3链接页面2图7-4返回到主页

二制作步骤

1、创建本地站点，在站点中创建源图像文件文件夹image和存放相册的文件夹alblums。

2、使用DreamweaverMX制作电子相册，设置要求如下：

（1）相册标题为“看得见的风景”，源图像文件夹为image，目标文件夹为alblums。

（2）缩略图大小为100╳100，显示文件名，页面中的图像分5列显示。

（3）所略图和相片格式均为JPEG-较高品质，且为每张照片建立导航页面。

3、制作主页中的摇摆滚动字幕。

试题8

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图8所示：

图8页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性：

包括标题、背景颜色、文本颜色、链接颜色和访问过的链接颜色。

3、制作导航表格。

4、制作主体内容的表格。

5、制作主体表格左侧的内容。

6、制作主体表格中央的内容。

7、制作主体表格右侧的内容。

8、制作页面左上角图像的AnWater特效，使用的插件和图像参考素材。

试题9

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图9所示：

图9页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性。

3、制作网站标志和广告动画。

4、制作主体表格

（1）制作搜索表单。

（2）制作最新消息的内容。

（3）制作选择硬件的图片区域。

（4）制作右侧友情链接。

5、制作页面底部的版权信息表格。

试题10

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图10所示：

图10页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性：

包括标题、背景颜色、文本颜色、链接颜色和访问过的链接颜色。

3、制作广告条表格。

4、制作主体内容的表格。

5、制作主体表格左侧的内容。

6、制作主体表格右侧的内容。

试题11

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图11所示：

图11页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性：

包括标题、背景颜色、文本颜色、链接颜色和访问过的链接颜色。

3、定义外部样式表style.css，将body、tr、td标签均定义为“宋体”，大小“9点（pt）”。

4、制作广告条表格

5、制作导航链接。

6、制作本周明星部分的内容。

7、制作主体内容的表格。

8、制作主体表格左侧的内容。

9、制作主体表格右侧的内容。

试题12

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图12所示：

图12页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性：

包括标题、背景颜色、文本颜色、链接颜色和访问过的链接颜色。

3、定义外部样式表style.css，将body、tr、td标签均定义为“宋体”，大小“9点（pt）”。

4、左侧导航部分的制作。

5、右侧主体内容的制作。

（1）制作旋律部分的内容。

（2）制作旅程部分的内容。

（3）制作心情部分的内容。

6、版权区的制作

试题13

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图13所示：

图13页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性：

包括标题、背景颜色、文本颜色、链接颜色和访问过的链接颜色。

3、制作页面标题图片。

4、制作左侧的导航链接。

5、制作中部卷首语和分类导航的内容

（1）制作主体部分中间单元格的框架。

（2）制作卷首语部分的内容。

（3）制作网站导航部分的内容。

6、制作主体右侧更新日记的内容。

试题14

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图14所示：

图14页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性：

包括标题和背景图片。

3、制作主体内容和交互表单。

4、单击按钮可以实现根据用户选择的不同意见在文本区域中生成不同的提示，提示内容可以自己设定（本题要求用户自己编写Javascript脚本代码实现）。

试题15

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图15所示：

图15页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性：

包括标题、背景颜色、文本颜色、链接颜色和访问过的链接颜色。

3、制作主体内容的表格。

4、制作主体部分左侧友情链接部分的内容，其中显示时间的代码参考素材中的JavaScript脚本。

5、制作主体表格右侧的内容

（1）制作本站宗旨部分的内容。

（2）制作真诚感谢部分的内容。

（3）制作站长声明部分的内容。

试题16

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图16所示：

图16页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性。

3、定义外部样式表style.css，将body、tr、td标签均定义为“宋体”，大小“9点（pt）”。

4、设置框架表格（顶部和嵌套的左侧框架）。

5、制作框架表格第一个单元格的内容。

6、制作框架表格第二个单元格的内容。

7、制作框架表格第三个单元格的左侧部分的内容。

8、制作框架表格第三个单元格的右侧部分的内容。

试题17

一制作要求：

只要求制作主页面和两宋词韵链接的页面，可以将网页中的其他超级链接设定为链接到本页面，页面的最终效果如图17-1、17-2所示：

图17-1页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm、链接页面lscy.htm和图像文件夹image。

2、制作主页顶部页面标题图片。

4、制作主页主体内容的表格。

5、制作主页主体部分左侧导航部分的内容，其中的按钮要求使用插入Flash按钮的方法制作；制作主体表格右侧的内容。

6、用相似的方法制作两宋词韵链接的页面，并实现页面之间的链接。

试题18

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图18所示：

图18页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性：

包括标题、背景颜色、文本颜色、链接颜色和访问过的链接颜色。

3、制作顶部页面标题图片。

4、制作主体内容的表格。

5、制作主体部分左侧导航部分的内容。

6、制作主体表格右侧的内容。

7、制作页面底部图片的表格。

试题19

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图19所示：

图19页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、使用Fireworks制作页面左侧导航栏图片。

3、使用Fireworks制作页面右侧简介中的图片。

4、制作主体内容的表格。

5、制作框架网页，左右类型的框架。

6、制作右侧导航条图像行为的动态显示效果。

（1）添加切换图片的动态效果。

（2）添加显示隐藏图层效果。

（3）在浏览器状态栏上显示文字效果。

试题20

一制作要求：

只要求制作本页面，可以将网页中的超级链接设定为链接到本页面，页面的最终效果如图20所示：

图20页面的最终效果

二制作步骤

1、创建本地站点，在站点中创建主页文件index.htm和图像文件夹image。

2、设置整个页面的属性：

包括标题、背景颜色、文本颜色、链接颜色和访问过的链接颜色。

3、定义外部样式表style.css，将body、tr、td标签均定义为“宋体”，大小“9点（pt）”。

4、制作导航栏区。

5、制作主体内容的表格。

6、制作主体表格左侧部分的内容。

7、制作主体表格中央主题的内容。