网页设计作业Word格式.docx

网页设计作业Word格式.docx

《网页设计作业Word格式.docx》由会员分享，可在线阅读，更多相关《网页设计作业Word格式.docx（16页珍藏版）》请在冰豆网上搜索。

metahttp-equiv="

Content-Type"

content="

text/html;

charset=utf-8"

/>

title>

王战科网页设计大作业第一题<

/title>

styletype="

text/css"

--

.STYLE4{

font-size:

24px;

color:

#FF0000;

}

-->

/style>

/head>

body>

formid="

form1"

name="

method="

post"

action="

"

<

tablewidth="

632"

height="

260"

border="

1"

align="

center"

cellpadding="

16"

bordercolor="

#0000FF"

tr>

tdwidth="

277"

marqueedirection="

down"

behavior="

scroll"

>

spanclass="

STYLE4"

武汉理工大学欢迎您！

/span>

/marquee>

/td>

279"

left"

/tr>

td>

up"

right"

;

/table>

/form>

/body>

/html>

二、用表格及表单设计图2所示网页。

（30分）

参考界面如图2。

1．设计界面

王战科网页设计大作业第二题<

.STYLE2{font-size:

18px;

font-family:

黑体"

.STYLE3{font-size:

18px}

.STYLE4{font-size:

16px}

.STYLE5{font-size:

18;

}

723"

0"

bgcolor="

#EBE9ED"

717"

432"

valign="

middle"

754"

748"

306"

#FFFFFF"

blockquote>

537"

362"

tdheight="

358"

574"

568"

30"

baseline"

divalign="

class="

STYLE2"

u>

请留下个人资料<

/u>

/div>

STYLE3"

label>

/label>

justify"

p>

姓名：

inputname="

xm"

type="

text"

id="

size="

12"

maxlength="

8"

/p>

/blockquote>

电话：

dh"

palign="

E-mail：

inputtype="

yj"

24"

blockquoteclass="

性别：

radio"

n"

value="

男

nv"

女<

年龄：

selectname="

nl"

optionselected="

selected"

20岁以下<

/option>

option>

20到30岁<

30到40岁<

40岁以上<

/select>

209"

pclass="

STYLE5"

留言板：

textareaname="

lyb"

cols="

rows="

5"

/textarea>

您的爱好：

checkbox"

ah1"

运动

ah2"

阅读<

ah3"

听音乐

ah4"

旅游<

submit"

tijiao"

提交"

chongxie"

全部重写"

三、设计表单，并用JavaScript代码验证表单数据项。

（50分）

参考界面如图3。

图3

1.设计界面

2.网页

script>

functionisEmpty（）{

varfm=document.messagebook;

if（fm.username.value=="

null"

||fm.username.value=="

）

{

alert（"

您忘记填写用户名了！

）;

returnfalse

else

if（fm.pswd.value=="

||fm.pswd.value=="

您忘记填写密码了！

}

else

if（fm.email.value=="

||fm.email.value=="

您忘记填写EMAIL地址了！

if（fm.email.value.indexOf（"

@"

）==-1）

{alert（"

没有\"

@\"

邮件地址格式不正确"

Welcome（）

functionWelcome（）

win1=open（）

vara1="

BR>

FONTsize=6color=blue>

B>

CENTER>

I>

vara2="

:

/I>

欢迎您访问本网站！

/CENTER>

/FONT>

varaaa=document.messagebook.username.value

win1.document.write（a1+aaa+a2）

/script>

王战科网页设计大作业第三题<

.STYLE1{font-size:

.STYLE2{

font-weight:

bold;

messagebook"

get"

onSubmit="

returnisEmpty（）"

442"

tdcolspan="

2"

请输入注册信息<

185"

*用户名：

245"

username"

*密码：

pswd"

18"

*确认密码：

ensure"

*E-Mail：

email"

yhm4"

身份证号码：

yhm5"

手机：

yhm6"

11"

an"

reset"

an2"

清除"

STYLE1"