网页设计与制作教材重点Word文件下载.docx
《网页设计与制作教材重点Word文件下载.docx》由会员分享,可在线阅读,更多相关《网页设计与制作教材重点Word文件下载.docx(17页珍藏版)》请在冰豆网上搜索。
![网页设计与制作教材重点Word文件下载.docx](https://file1.bdocx.com/fileroot1/2022-12/13/ed1952a7-0f31-4eaf-a565-b088e48f2ad9/ed1952a7-0f31-4eaf-a565-b088e48f2ad91.gif)
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>