网页设计与制作教材重点.docx

1、网页设计与制作教材重点教材重点说明：各章的倒数第2节“实训”部分均非重点。第1章 网页设计制作概述P1：1.1 P2：1.2 第3章 用DreamweaverCS4创建基本网页全部第4章 超链接全部第5章 表格全部第6章 JavaScriptP115：6.1.2P118：6.3P124：6.4.2 窗口对象(open、close、alert) 文档对象(title、URL、write、getElementByID)位置对象(reload)、 历史对象(back)P126：6.5.2 Load、ClickP128：6.6.1 marquee的各个属性第7章CSSP7.1.3 各图中的常用属性P1

2、50：P160：第9章 表单P184：表单(认识form即可)P186：文本框(type、value、id)P189：跳转菜单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、在色

3、彩的RGB系统中，十六进制数#00ff00表示的颜色是（ A ）A)绿色 B)红色 C)黄色 D)白色2、在Dreamweaver 中能对其设置超链接的对象是（ D ）A) 文字 B) 图像 C) 图像的一部分 D) 以上3项均可3、下面哪一项是换行符标签（ C ）A) B) C) D)4、下面哪个语句能够在网页上显示图片“abc.gif”（ B ）A) B) C) D) 5、对齐文本以下程序实现在两个外观相同的标签中实现单行文本的水平居中对齐和垂直居中对齐。请填写程序中缺少的代码。 .box width:200px; height:50px; border:1px solid #999999

4、; text-align:center; ; float:left; margin-right:5px;网页设计 网页制作 6、在HTML文档中引用CSS有几种方式?比较其优缺点。7、请把下面的表格转换为HTML表格代码。8、webcode中的代码窗口的打开与关闭function wopen()window.open();function wclose()window.close();动态标题栏var n=0;function title()n+;if (n=3) n=1;if (n=1) document.title=动态标题栏;if (n=2) document.title=个人主页;跳转

5、到新页面 document.write(当前页面的URL：+document.URL+); function setURL(t)document.URL=t; 获取页面元素function myadd()var text1= document.getElementById(text1);var text2= document.getElementById(text2);var text3= document.getElementById(text3);text3.value=Number(text1.value)+Number(text2.value); var text3= document

6、.getElementById(text3);小广告var i=0;function changColor() var adv=document.getElementById(adv);if(i=0) adv.style.backgroundColor=#ff0000;i=1; return ; if(i=1)adv.style.backgroundColor=#00ff00;i=0; return ; window.setInterval(changColor(),1000); 动态时间function myclock() var mytime=;var mynow=new Date();v

7、ar year=mynow.getFullYear();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(nowtime);nowtime.innerHTML=mytime; window.s

8、etInterval(myclock(),1000);书本目录无标题文档pfont-size:16px;.chapterfont-weight:bold;.sectiontext-indent:2em;#advancedcolor:#ff0000;第1章 网页设计制作概述1.1 网页网站的概念1.2 Web标准第2章 网页版面设计基础 2.1 网页基础知识2.2 网页版面设计第3章 创建基本网页3.1 制作简单网页3.2 制作图文并茂网页新闻无标题文档 科大新闻 我校综合办学实力连续七年位居河南高校前列 八旬老人跌倒路边我校学子勇敢扶救 我校举行青年马克思主义者培养学院明德班第三期开班仪式CS

9、S：charset utf-8;/* CSS Document */#news width:450px; height:auto; border:1px solid gray;.newsHead height:30px; line-height:30px; padding-left:10px; background-image: url(image/title_back.jpg); background-repeat:repeat-x;.newsItem background-image: url(image/arrow_002.gif); background-repeat: no-repe

10、at; padding-left:20px; background-position: 2px 5px; line-height:1.5em; border-bottom:1px dotted gray; 淘宝网布局无标题文档bodywidth:1000px;height:800px;margin:0 auto;border:1px solid #999999;.modulheight: 200px;width: 320px;border: 1px solid #000;margin: 5px; float:left;.mtitleheight: 30px;width: 310px;paddi

11、ng-left: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666;line-height: 30px;.back1background-image: url(image/bk1.gif);background-repeat: repeat-x;background-position: 0px -50px;.back2background-image: url(image/bk1.gif);background-repeat: repeat-x;background-position: 0px -208px;门户网站和电子商务网站的常用布局模式手机笔记本台式机女装男装童装超链接特效无标题文档atext-decoration:none;font-size:26px; a:linkcolor:red;a:visitedcolor:green; a:hovercolor:blue;text-decoration:underline;font-size:40px;a:activecolor:gray;河南科技大学滚动图片 •北京大学 •郑州大学 •清华大学 •武汉大学 •大连大学