网页设计与制作教材重点Word文件下载.docx
《网页设计与制作教材重点Word文件下载.docx》由会员分享，可在线阅读，更多相关《网页设计与制作教材重点Word文件下载.docx（17页珍藏版）》请在冰豆网上搜索。
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中能对其设置超链接的对象是（D）
A）文字B）图像C）图像的一部分D）以上3项均可
3、下面哪一项是换行符标签（C）
A）<
enter>
B）<
pre>
C）<
br/>
D）<
p>
4、下面哪个语句能够在网页上显示图片“abc.gif”（B）
A）<
imgabc.fif>
B）<
imgsrc=“abc.gif”>
C）<
linksrc=“abc.gif”>
D）<
aabc.gif>
/a>
5、对齐文本
以下程序实现在两个外观相同的<
div>
标签中实现单行文本的水平居中对齐和垂直居中对齐。
请填写程序中缺少的代码。
html>
head>
styletype="
text/css"
>
.box
{
width:
200px;
height:
50px;
border:
1pxsolid#999999;
text-align:
center;
;
float:
left;
margin-right:
5px;
}
/style>
/head>
body>
divclass="
box"
网页设计<
/div>
网页制作<
/body>
/html>
6、在HTML文档中引用CSS有几种方式?
比较其优缺点。
7、请把下面的表格转换为HTML表格代码。
8、webcode中的代码
窗口的打开与关闭
scripttype="
text/javascript"
functionwopen（）
window.open（"
"
）;
functionwclose（）
window.close（）;
/script>
动态标题栏
scriptlanguage="
JavaScript"
varn=0;
functiontitle（）
n++;
if（n==3）{n=1;
if（n==1）{document.title="
☆★动态标题栏★☆"
;
if（n==2）{document.title="
★☆个人主页☆★"
跳转到新页面
javascript"
document.write（"
当前页面的URL：
+document.URL+"
br/>
functionsetURL（t）
document.URL=t;
获取页面元素
functionmyadd（）
vartext1=document.getElementById（"
text1"
vartext2=document.getElementById（"
text2"
vartext3=document.getElementById（"
text3"
text3.value=Number（text1.value）+Number（text2.value）;
小广告
>
vari=0;
functionchangColor（）
{
varadv=document.getElementById（"
adv"
if（i==0）
adv.style.backgroundColor="
#ff0000"
i=1;
return;
}
if（i==1）
#00ff00"
i=0;
window.setInterval（"
changColor（）"
1000）;
动态时间
functionmyclock（）
varmytime="
varmynow=newDate（）;
varyear=mynow.getFullYear（）;
varmonth=mynow.getMonth（）+1;
vardate=mynow.getDate（）;
varhour=mynow.getHours（）;
varminute=mynow.getMinutes（）;
varsecond=mynow.getSeconds（）;
mytime=year+"
-"
+month+"
+date+"
"
+hour+"
:
+minute+"
+second;
varnowtime=document.getElementById（"
nowtime"
nowtime.innerHTML=mytime;
myclock（）"
书本目录
!
DOCTYPEhtmlPUBLIC"
-//W3C//DTDXHTML1.0Transitional//EN"
http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
htmlxmlns="
//www.w3.org/1999/xhtml"
metahttp-equiv="
Content-Type"
content="
text/html;
charset=utf-8"
/>
title>
无标题文档<
/title>
p
font-size:
16px;
.chapter
font-weight:
bold;
.section
text-indent:
2em;
#advanced
color:
#ff0000;
pclass="
chapter"
第1章网页设计制作概述<
/p>
section"
1.1网页网站的概念<
1.2Web标准<
第2章网页版面设计基础<
2.1网页基础知识<
id="
advanced"
2.2网页版面设计<
第3章创建基本网页<
3.1制作简单网页<
3.2制作图文并茂网页<
新闻
linkrel="
stylesheet"
type="
href="
css1.css"
/>
divid="
news"
<
newsHead"
科大新闻<
newsItem"
我校综合办学实力连续七年位居河南高校前列<
八旬老人跌倒路边我校学子勇敢扶救<
我校举行青年马克思主义者培养学院明德班第三期开班仪式<
CSS：
@charset"
utf-8"
/*CSSDocument*/
#news
450px;
auto;
1pxsolidgray;
.newsHead
30px;
line-height:
padding-left:
10px;
background-image:
url（image/title_back.jpg）;
background-repeat:
repeat-x;
.newsItem
url（image/arrow_002.gif）;
no-repeat;
20px;
background-position:
2px5px;
1.5em;
border-bottom:
1pxdottedgray;
淘宝网布局
body
width:
1000px;
height:
800px;
margin:
0auto;
border:
.modul
200px;
320px;
1pxsolid#000;
5px;
float:
.mtitle
30px;
310px;
padding-left:
10px;
border-bottom-width:
1px;
border-bottom-style:
solid;
border-bottom-color:
#666;
line-height:
.back1
background-image:
url（image/bk1.gif）;
background-repeat:
repeat-x;
background-position:
0px-50px;
.back2
0px-208px;
pstyle="
text-align:
border-bottom:
1pxdotted#999999;
门户网站和电子商务网站的常用布局模式<
modul"
mtitleback1"
手机<
mcontent"
笔记本<
台式机<
divstyle="
clear:
both;
mtitleback2"
女装<
男装<
童装<
超链接特效
a
text-decoration:
none;
26px;
a:
link
red;
visited
green;
hover
blue;
underline;
40px;
active
gray;
margin-top:
100px;
ahref="
#"
河南科技大学<
滚动图片
marq"
marqueedirection="
up"
behavior="
scroll"
height="
200"
width="
200px"
scrollAmount="
2"
scrollDelay="
1"
onMouseOut="
this.start（）"
onMouseOver="
this.stop（）"
&
#8226;
北京大学<
br>
郑州大学<
清华大学<
武汉大学<
大连大学<
/marquee>
升级会员 