《网页设计与制作》课程设计报告文档格式.docx
- 文档编号:17064231
- 上传时间:2022-11-28
- 格式:DOCX
- 页数:16
- 大小:20.84KB
《网页设计与制作》课程设计报告文档格式.docx
《《网页设计与制作》课程设计报告文档格式.docx》由会员分享,可在线阅读,更多相关《《网页设计与制作》课程设计报告文档格式.docx(16页珍藏版)》请在冰豆网上搜索。
text/css"
>
body{
min-width:
1080px;
color:
#006e89;
font-family:
微软雅黑;
background-image:
url(images/轻奢背景.jpg);
}
#outermost#title{
margin:
0auto;
width:
1080px;
#nav{
0auto
#navulli{
padding:
05px;
color:
#CCC;
10px000;
float:
right;
list-style:
none
#navullia{
#666;
text-decoration:
#navullia:
hover{
#F00;
underline
#outermost{
clear:
both;
1080;
margin-left:
auto;
margin-right:
auto
#top{
font-family:
隶书;
font-size:
55px;
1080px
#outermost#sddm{
0auto;
0;
z-index:
30;
background-color:
#030303;
height:
40px
#sddmli{
50;
0;
none;
left;
font:
bold20pxarial
#sddmlia{
display:
block;
01px00;
4px10px;
120px;
background:
#FFF;
#sddmlia:
#030303
#sddmdiv{
position:
absolute;
visibility:
hidden;
03500;
#030303;
border:
1pxsolid#030303
#sddmdiva{
relative;
5px10px;
120;
white-space:
nowrap;
text-align:
#2875DE;
20pxarial
#sddmdiva:
hover{
#FFF
#main{margin:
30px;
1000px;
center
#content{magin-left:
20px;
22px;
200px;
left
#content1{float:
left;
#content2{magin:
auto0autoauto;
18px;
right
#bottom{magin:
autoauto0auto;
center;
/style>
scripttype="
text/javascript"
$(function(){
$("
#KinSlideshow"
).KinSlideshow({
moveStyle:
"
down"
intervalTime:
8,
mouseEvent:
mouseover"
titleFont:
{TitleFont_size:
14,TitleFont_color:
#FF0000"
});
})
/script>
<
!
--
vartimeout=500;
varclosetimer=0;
varddmenuitem=0;
functionmopen(id)
{mcancelclosetime();
ddmenuitem=document.getElementById(id);
}
functionmclose()
functionmclosetime()
{closetimer=window.setTimeout(mclose,timeout);
functionmcancelclosetime()
{if(closetimer)
{window.clearTimeout(closetimer);
closetimer=null;
document.onclick=mclose;
//-->
functiona(obj){
varzhi=document.getElementById('
a'
);
zhi.innerHTML='
'
;
账号不能为空'
returnfalse;
exit;
}else{
√'
returntrue;
}
alert("
aaa"
--验证密码-->
functionp(obj){
p'
密码不能为空'
}else{zhi.innerHTML='
/head>
body>
divid="
outermost"
div>
palign="
center"
id="
top"
imgsrc="
images/轻奢品牌.jpg"
border="
0"
/p>
right"
images/正品保障.jpg"
正品保障<
images/7天退换.jpg"
7天退换<
/div>
ulid="
sddm"
<
li>
ahref="
#"
onmouseover="
mopen('
m1'
)"
onmouseout="
mclosetime()"
首页<
/a>
/li>
m2'
onmouseout="
美妆<
m2"
mcancelclosetime()"
onmouseout=
女士护肤<
男士护肤<
m3'
服饰<
m3"
精品女装<
潮流男装<
m4'
零食<
m4"
国内美食<
进口美食<
酒水专区<
m5'
母婴<
m5"
婴幼儿专区<
孕妈专区<
玩具/文具/教育<
m6'
关于我们<
list.htm"
m7'
在售分类<
/ul>
main"
p>
hrsize="
1"
品牌热卖<
br>
KinSlideshow"
style="
/"
target="
_blank"
images/pic1.jpg"
>
images/pic2.jpg"
限量抢购<
images/限量抢购.jpg"
content"
轻奢电商——轻奢新主义,只为懂你的人<
ul>
轻奢国际尖货,跟踪国际一流品牌,提供超一流服务<
轻奢母婴专享,提供超豪华护理套餐,限时一折抢购<
轻奢化妆品专柜,超乎实体店的感官体验,限时特卖<
轻奢零食主会场,进口零食倾情享受,酒水七折特卖<
content1"
images/登录.jpg"
content2"
formmethod="
post"
action="
name="
myform"
用户:
inputtype="
text"
username"
size="
20"
onblur="
a(this)"
spanid="
a"
red;
font-size:
12px;
/span>
密码:
password"
pword"
p(this)"
p"
/br>
submit"
value="
登录"
inputname="
type="
button"
class="
userpsubmit"
注册"
add"
onclick="
check_all(document.myform)"
/form>
bottom"
text-align:
hrwidth="
80%"
/body>
/html>
2、列表页
body{color:
url(images/轻奢背景.jpg)}
#sddm{
40px;
#FFF
10px30px5px30px;
130px;
bold20pxarial;
#sddm1{background-color:
#006e89}
#top{font-family:
隶书;
45px;
center}
#content{font-size:
24px;
padding:
10pxautoauto20px;
magin:
autoautoauto30px}
#contentulfirst{font-size:
margin-left:
50px}
#contentulsecond{font-size:
60px}
a{font-size:
text-decoration:
underline;
a:
hover{font-size:
#000}
clear:
left}
<
liid="
sddm1"
divalign="
商品分类<
first"
美妆
second"
images/女士护肤.jpg"
女士护肤:
content.htm"
洁面<
|<
护肤套餐<
爽肤<
去角质<
T区护理<
面膜<
身体护理<
彩妆<
隔离防晒<
精华<
眼膜<
香水<
啫喱<
喷雾<
images/男士护肤.jpg"
男士护肤:
剃须<
面部护理<
须后水<
眼部护理<
祛痘<
服饰
images/精品女装.jpg"
精品女装
:
针织衫<
polo衫<
连衣裙<
牛仔裤<
风衣<
短裙<
松糕鞋<
棉衣<
凉鞋<
打底衫<
夹克<
images/潮流男装.jpg"
潮流男装
T恤<
背心<
衬衫<
西装<
皮鞋<
泳裤<
帽子<
睡衣<
袖扣<
领带<
休闲裤<
零食
images/国内美食.jpg"
国内美食
坚果<
肉脯<
果脯<
饼干<
特产<
炒货<
茗茶<
images/进口美食.jpg"
进口美食
巧克力<
糖果<
糕点<
咖啡<
健康冲饮<
咖啡伴侣<
images/酒水专区.jpg"
酒水专区
花茶<
洋酒<
啤酒<
可口可乐<
牛奶<
葡萄酒<
茶叶<
鸡尾酒<
果汁<
母婴
images/婴幼儿专区.jpg"
婴幼儿专区
奶粉<
手推车<
学步鞋<
纸尿裤<
#
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页设计与制作 网页 设计 制作 课程设计 报告