网页设计作业Word格式.docx
《网页设计作业Word格式.docx》由会员分享,可在线阅读,更多相关《网页设计作业Word格式.docx(16页珍藏版)》请在冰豆网上搜索。
![网页设计作业Word格式.docx](https://file1.bdocx.com/fileroot1/2023-1/31/ccbfbbc4-c290-4db5-8de4-971a07f502ac/ccbfbbc4-c290-4db5-8de4-971a07f502ac1.gif)
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"