网页设计与制作教材重点Word文件下载.docx

1、P192：普通按钮（type、value、OnClick、id）第11章 多媒体对象P236：11.1.2（图11-1中bgsound）P238：11.1.4（图11-10中embed）第12章复习策略观察Dreamweaver界面操作与HTML、JavaScript、CSS代码的对应关系。考试题型一、单项选择题（1分/题*24题=24分）二、程序填空题（2分/空*10空=20分）三、简答题（8分/题*3题=24分）四、应用题（8分/题*4题=32分）复习题1、在色彩的RGB系统中，十六进制数#00ff00表示的颜色是（ A ）A）绿色 B）红色 C）黄色 D）白色2、在Dreamweaver

2、 中能对其设置超链接的对象是（ D ）A） 文字 B） 图像 C） 图像的一部分 D） 以上3项均可3、下面哪一项是换行符标签（ C ）A） B） C） D）4、下面哪个语句能够在网页上显示图片“abc.gif”（ B ）A） B） C） D） /a5、对齐文本以下程序实现在两个外观相同的标签中实现单行文本的水平居中对齐和垂直居中对齐。请填写程序中缺少的代码。htmlheadstyle type=text/css .box width:200px; height:50px; border:1px solid #999999; text-align:center; ; float:left; m

3、argin-right:5px;/style/headbodydiv class=box网页设计 网页制作/html6、在HTML文档中引用CSS有几种方式?比较其优缺点。7、请把下面的表格转换为HTML表格代码。8、webcode中的代码窗口的打开与关闭script type=text/javascriptfunction wopen（）window.open（）;function wclose（）window.close（）;/script动态标题栏script language=JavaScriptvar n=0;function title（）n+;if （n=3） n=1;if （n

4、=1） document.title=动态标题栏;if （n=2） document.title=个人主页跳转到新页面javascriptdocument.write（当前页面的URL：+document.URL+br/function setURL（t）document.URL=t;获取页面元素function myadd（）var text1= document.getElementById（text1var text2= document.getElementById（text2var text3= document.getElementById（text3text3.value=Num

5、ber（text1.value）+Number（text2.value）;小广告 var i=0;function changColor（） var adv=document.getElementById（advif（i=0） adv.style.backgroundColor=#ff0000i=1;return ; if（i=1）#00ff00i=0;window.setInterval（changColor（）,1000）;动态时间function myclock（） var mytime=var mynow=new Date（）;var year=mynow.getFullYear（）;

6、var month=mynow.getMonth（）+1;var date=mynow.getDate（）;var hour=mynow.getHours（）;var minute=mynow.getMinutes（）;var second=mynow.getSeconds（）;mytime=year+-+month+date+ +hour+:+minute+second;var nowtime=document.getElementById（nowtimenowtime.innerHTML=mytime;myclock（）书本目录!DOCTYPE html PUBLIC -/W3C/DTD

7、XHTML 1.0 Transitional/ENhttp:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/www.w3.org/1999/xhtmlmeta http-equiv=Content-Type content=text/html; charset=utf-8 /title无标题文档pfont-size:16px;.chapterfont-weight:bold;.sectiontext-indent:2em;#advancedcolor:#ff0000;p class=chapter第1章 网页设计制作概述

8、section1.1 网页网站的概念1.2 Web标准第2章 网页版面设计基础 2.1 网页基础知识 id=advanced2.2 网页版面设计第3章 创建基本网页3.1 制作简单网页3.2 制作图文并茂网页div id=news newsHead科大新闻newsItem我校综合办学实力连续七年位居河南高校前列八旬老人跌倒路边我校学子勇敢扶救我校举行青年马克思主义者培养学院明德班第三期开班仪式CSS：charset utf-8/* CSS Document */#news450px;auto;1px solid gray;.newsHead30px; line-height: padding-

9、left:10px; background-image: url（image/title_back.jpg）; background-repeat:repeat-x;.newsItem url（image/arrow_002.gif）; no-repeat;20px; background-position: 2px 5px;1.5em; border-bottom:1px dotted gray;淘宝网布局bodywidth:1000px;height:800px;margin:0 auto;border:.modul 200px; 320px; 1px solid #000; 5px;fl

10、oat:.mtitle 30px; 310px;padding-left: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666;line-height:.back1background-image: url（image/bk1.gif）;background-repeat: repeat-x;background-position: 0px -50px;.back2 0px -208px;p style=text-align:border-bottom:1px dotted #99

11、9999;门户网站和电子商务网站的常用布局模式modulmtitle back1手机mcontent笔记本台式机div style=clear:both;mtitle back2女装男装童装超链接特效atext-decoration:none;26px;a:linkred;visitedgreen;hoverblue;underline;40px;activegray;margin-top:100px;a href=#河南科技大学滚动图片marqmarquee direction=up behavior=scroll height=200 width=200px scrollAmount=2 scrollDelay=1 onMouseOut=this.start（） onMouseOver=this.stop（） •北京大学郑州大学清华大学武汉大学大连大学