(网页设计与制作考试试题.docVIP

大连东软信息技术职业学院10~11学年第二学期期末试题 网页设计与制作 A卷 学生层次： 信息技术与商务管理系 电子商务 10级 专科 题 号 一 二 三 总 分 分 数 说明：本试卷共三大题，试卷满分100分，考试时间120分钟,所有试题都在计算机上进行实际操作，最后提交电子版答案。 建议在做之前建立一个本地站点。 最后提交的三道题3个页面。每个页面都必须有完整的学号和名字，没有学号和名字按无效页面处理，如页面中有其他人学号或姓名视为抄袭。 最后提交的压缩文件解压缩后应该包含三个文件夹，名字分别为a1,a2,a3；每个文件夹中包含该道题用到的所有资源。 做之前应先浏览所给的资源（尤其是图片），做的时候应抓住整个页面的整体意思，不局限于细节和页面本身，把页面表达的意思用一种美观的方式表达出来。 在考试过程中使用或配置网线、U盘、无线网络、蓝牙、红外，飞鸽传书、netmeeting、设置共享，一律以作弊论处。 如出现雷同卷，抄袭者和被抄袭者一律为0分；直接抄袭现实网页者，以作弊论处。 最后要提交的是一个压缩文件，文件的命名方式为学号_姓名，如06120150200_李四。 考试结束举手将考试结果提交到监考老师的U盘里。 一、完成下列CSS样式的定义并在网页中应用。建立的html文件名为a1.html，内部CSS或外部CSS均可。（共30分） （1）#title:宽为950px，高为33px；背景图片为bg.gif，背景不重复（background-repeat：no-reapeat），background-position的x各y都为0px（具体设置方法可参考下面的图）； （2）#container：宽为932px；高为300px；只有下边框、左边框和右边框，下边框宽度为1，边框颜色为#BDCFE3，实线； padding的值如下： padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; （3）.left:宽254px，高286px，左浮动(float:left)，边框宽度为1，边框为实线，边框颜色为#ccc，上margin为7px，右margin为10px，左margin为5px，文字居中。 （4）.right:宽为650px，右浮动（float:right）#1A66B3；列表项前面的点去掉（list-style-type: none;）；背景图片为book_dashed_l.gif，相关设置见下图（重要）；padding参考代码如下： padding-right: 10px; padding-left: 10px; padding-bottom: 0px; list-style-type: none; 提示： （1）、（2）、（3）、（4）作为第2题的提示，（5）作为第3题的提示。 具体应用css的代码可参考如下，可直接复制到Dreamweaver的代码中。 div id=title/div div id=container div class=left/div div class=right ul li动物庄园（赠送英文原版）￥/li li简·爱——世界十大文学名著￥/li li小镇生活——萌芽50年精华本·小说卷四￥/li li心理罪￥/li li医路￥/li /ul /div /div 根据给定素材，使用CSS的方法模仿完成下列页面,名称为a2.html。（共30分） 提示： 上图的宽（width）为950，各部分的宽度可自行获得，也可参考第一题。 注意字体大小、颜色（#2965b1）、清除浮动等。 超链接不要求必须实现。 个别样式可参考第1题的（1）、（2）、（3）、（4）。 根据给定素材，使用CSS的方法模仿完成下列页面,名称为a3.html。（共40分） 提示： 重要的是表达出整个页面，不必过多追求细节，可以融合自己对页面的理解 宽为558px（不含边框宽度） 边框颜色#a1a1a1；最上面部分（特价书部分）的背景图片是main_box_t.gif 超链接不要求必须实现。 实现过程中出现特殊情况注意查看是否需要清除浮动（clear）。 个别样式可参考第一题的（5） 4