网页设计与制作试卷样题

徐州工程学院试卷

（本样题均与考试内容无重复）

一、填空题(本大题共10小题，每空1分，共20分)

1．网页中外链的CSS时，标签使用，用属性来指明文件来源。

2．一般情况下，电子商务网站由，和等三部分组成。

3．修饰文字时，加粗文字的标记是，变斜标记是，给文字加下划线的标记是。 ??

二、问答题（本大题共3小题，每1小题5分，共15分）

1. 在CSS布局中，position属性有哪几个值，各代表什么含义？ ??

三、代码分析题（本大题共2小题，每1小题15分，共30分）

1、分析以下代码，按要求写出指定代码含义。

缴费凭证上传（1）、

（2）、
姓名：汇出行：汇出日期：图片文件：说明： <input name=\ /> </p><p> <input name=\ </center> </form> </body> </html> </p><p>分别写出标有（1）、（2）、（3）、（4）、（5）句的含义，要求解释每个标记，标记里含有的属性必须说明其作用。 </p><p> </p><p>《网页设计与制作》试卷样题第 1 页共 4 页 </p><p>徐州工程学院试卷 </p><p> </p><p>2、分析以下代码，按要求画出代码输出的界面。 </p><p><!DOCTYPE html PUBLIC \w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\<html xmlns=\<head> </p><p><meta http-equiv=\<title>div的清除属性</title> <style type=\*{margin:0px; padding:0px; } </p><p>.all{width:400px; height:170px; </p><p> background-color:#CCCCCC; margin:0px auto; } </p><p>.one,.two,#three_1,#three_2,#three_3,#three_4{width:120px; height:50px; </p><p> background-color:#eee; border:1px solid #000; } </p><p>.one{float:left;} .two{float:right;} #three_1{clear:none;} #three_2{clear:both;} #three_3{clear:right;} #three_4{clear:left;} </style></head> <body> </p><p><div class=\</p><p> <div class=\第1个div</div> <div class=\第2个div</div> </p><p> <div id=\第3个div（clear:none;）</div> </div> </p><p><div class=\</p><p> <div class=\第1个div</div> <div class=\第2个div</div> </p><p> <div id=\第3个div（clear:both;）</div> </div> </body> </html> </p><p> </p><p>《网页设计与制作》试卷样题第 2 页共 4 页 </p><p>徐州工程学院试卷 </p><p>四、代码补全题（本大题共1小题，每1小题15分，共15分） </p><p> </p><p>1．根据已知代码，把以下代码中的划线部分空缺处的内容补充完整。 <!DOCTYPE html PUBLIC \http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\<html> <head> </p><p><meta http-equiv=\<title>上机练习2</title> </p><p> （1） <body> <p> </p><p>< （2） =\宝马标志.jpg\</p><p>< （3） =\给编辑发邮件</a> </p> </p><p> （4） =\现身环保目录四驱版宝马750Li将进口</h2> </p><p><p> 2010款宝马7系将增加采用xDrive四驱技术的新车款，这是宝马首次为其旗舰车型提供全轮驱动系统。在环保部发布的最新一批“型式核准证书”中，我们看到了BMW 750Li xDrive KC81轿车的身影，这意味着四驱版宝马750Li的引进已被证实。</p> （5） =\宝马6.jpg\<p> 宝马的xDrive全轮驱动系统，能够迅速改变前后轴的扭矩分布状态，提供更好的行车稳定性及安全性。xDrive系统的可调幅度较广，能通过自动计算转弯时转向不足或转向过度的情况，将最合适的扭力分配给需要的车轮。</p> </body> </html> </p><p>五、代码设计题（本大题共1小题，每1小题20分，共20分） </p><p>1、试设计一个介绍旅游景点的网页，下图为浏览器中网页页面的布局，请写出完整的代码。要求： </p><p>（1）布局使用DIV； </p><p>（2）页面文字用CSS定调，要求至少确定文字大小、字体、颜色等； </p><p>（3）顶部至少有一个图片，点击后仍访问本页，本页文件名为lvyou.html； </p><p>（4）导航栏至少有三个链接，竖向排列，均无下划线，当鼠标指向时链接颜色改变，并加下划线；（5）正文包含一个图片，至少二十个介绍文字；（6）对齐方式等其他内容自定。 </p><p> </p><p>《网页设计与制作》试卷样题第 3 页共 4 页 </p><p></p><div class="page"><ul><li><a href=lhd_132v61nhgb47hq70zb090vngk58yua010ct_1.html class="hover" >1</a></li><li><a href=lhd_132v61nhgb47hq70zb090vngk58yua010ct_2.html>2</a></li></ul></div></div> <div style="margin:0 auto;text-align:center;overflow:hidden"></div> <div class="hm-t-main"> <div class="hm-t-header"><h4><a rel="nofollow" target="_blank" href="/mlhdl_132v61nhgb47hq70zb090vngk58yua010ct.html">下载：网页设计与制作试卷样题.doc</a></h4></div> </div> <div class="nlt new"><div id="hm_t_19094"><div class="hm-t-container"><div class="hm-t-main"><div class="hm-t-header"><h4>最近浏览</h4></div> <ul class="hm-t-list hm-t-list-txt"> <li><a title="第七章氧化还原平衡电化学" href=mlhd_0ena72gjki6bod04q6tr_10.html>第七章氧化还原平衡电化学</a></li><li><a title="南山区高新技术产品统计指标解释" href=mlhd_9ib7q7zzew4m0xd0pdsd_1.html>南山区高新技术产品统计指标解释</a></li><li><a title="山东省临床重点专科建设项目心血管内科申报书(试行)" href=mlhd_16d9y0bc6e17c19373fh7l7tx29ybm00g0k_12.html>山东省临床重点专科建设项目心血管内科申报书(试行)</a></li><li><a title="开展涉案财物管理整改方案" href=mlhd_6c7e11x56001k8300spb_1.html>开展涉案财物管理整改方案</a></li><li><a title="儿科总复习题" href=mlhd_2uwsa8fvvr6h1tx45fjn_4.html>儿科总复习题</a></li><li><a title="优美句子摘抄大全字多一点" href=mlhd_4faj56a9sh7z7sh75m1a072ie1yhw200mxk_1.html>优美句子摘抄大全字多一点</a></li><li><a title="历年专升本英语真题（答案解析超全）" href=mlhd_67v623uk8957eja0pqkz5136q5t3t4006wn_4.html>历年专升本英语真题（答案解析超全）</a></li><li><a title="小数除法计算题500道(口算300道+竖式200道)及答案" href=mlhd_7is2a5ppza3sk4u09qt56trx01723y00ewy_5.html>小数除法计算题500道(口算300道+竖式200道)及答案</a></li><li><a title="鄂教版五年级下册第三单元测试卷" href=mlhd_6kr1q528tf2teb98imuj_1.html>鄂教版五年级下册第三单元测试卷</a></li><li><a title="口腔医学院牙周病学-病例分析" href=mlhd_0domy6udfh1j03v4iv5u208bi7808n00a9b_1.html>口腔医学院牙周病学-病例分析</a></li> </ul></div><div style="margin:0 auto;text-align:center;"><br> </div></div></div></div> <div class="nlt new"><div id="hm_t_19094"><div class="hm-t-container"><div class="hm-t-main"> <div class="hm-t-header"><h4>最新搜索</h4></div> <ul class="hm-t-list hm-t-list-txt"> <li><a title="销售,跟进客户的三个阶段" href="mlhs_tfkgtq018s0vsezi3mjefnesfexffuto6l9x_1.html">销售,跟进客户的三个阶段</a></li><li><a title="小古文100篇注音版" href="mlhs_i6ngkkk1z01d01c01cog7ligu0jmko_1.html">小古文100篇注音版</a></li><li><a title="高三地理二轮复习专题讲练人口与环境(学案)" href="mlhs_ul4fexh80mx2fiksbyhl9fhcff7u54rlep1ffjugkjff2munhhf014i1yklk015_1.html">高三地理二轮复习专题讲练人口与环境(学案)</a></li><li><a title="计算机基础第五章试卷" href="mlhs_rkxoevke2hdmnr4obwfiso9srmdghj_1.html">计算机基础第五章试卷</a></li><li><a title="鄂教版五年级下册第三单元测试卷" href="mlhs_sn6k0pmkofisinop0nfezg3wobwfexgglg1vll7rmdghj_1.html">鄂教版五年级下册第三单元测试卷</a></li><li><a title="华中师范大学网络教育学院《员工招聘》练习测试题库及答案" href="mlhs_ggeffxikopvnhlzi1yp5dp24k0ppf6i1ytpe9hmgnsijpjizpco9hnp1ffhcll7rmdu54iojgjuod0klk_1.html">华中师范大学网络教育学院《员工招聘》练习测试题库及答案</a></li><li><a title="最新PLC中英文资料外文翻译(1)资料" href="mlhs_kcgk3402802401vffxpv5k1zrwkk2hhlik1zpa3rm901401d015rwkk2h_1.html">最新PLC中英文资料外文翻译(1)资料</a></li><li><a title="历年专升本英语真题（答案解析超全）" href="mlhs_ghyinoff7gg7kdopv5rn1nj3u54014od0klkr8jkggrydg2w015_1.html">历年专升本英语真题(答案解析超全)</a></li><li><a title="《无机及分析化学原理和应用》补充习题以及答案" href="mlhs_9hmk4gke2gjug7akgggeui1yginmx2gp8iokn549hnqxxg1xfhcu54fl1gjuod0klk_1.html">《无机及分析化学原理和应用》补充习题以及答案</a></li><li><a title="节后工程复工复产检查方案" href="mlhs_ps2glqijpo3vhl9ijphl9fjbkowkitk3dklk_1.html">节后工程复工复产检查方案</a></li></ul></div></div></div></div> <div class="search"> <form style="display: inline;" id=f1 name=f1 method="POST" onSubmit="javascript:c();return false;"> <div class="p_searchinputbox"> <div class="p_search_seclet"><h3 id="j_searchType">站内搜索</h3></div><p> <input type="text" autocomplete="off" maxlength="38" name="word" placeholder class="searchinput"></p> <input type="submit" class="searchsubmit" onclick="javascript:c();return false;"></div> </form> </div> <div id="ft"> <a href="javascript:history.go(-1)"><span class="backPrevPage" style=""></span></a> <a href="javascript:pageScroll();"><span id="backTop"></span></a> <div class="bx1"> <span class="pc_ver"> <a href="#" onClick="javascript:setCookie('gotoweb', 'true', 1);window.location.href=window.location.href.replace('//m.','//www.').replace('/m','/')">电脑版</a> </span> <span class="info"> <a href="about.asp?id=3" target="_blank"><strong>关于南京廖华答案网</strong></a> </span> </div> <div class="bx2"><span id=bb></span>联系客服：779662525#qq.com(#替换为@) <a href="https://beian.miit.gov.cn/" target="_blank" class="text">苏ICP备20003344号-4</a></div> </div> </div> <script type="text/javascript">function go2(id){window.location.href='http://m.35331.cn/mlhdl_'+id+'.html';}</script> <script src="css/jquery.min.js"></script> </body></html>