网页设计与制作考试试题

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