《网页设计与制作》课程设计报告文档格式.doc

《网页设计与制作》课程设计报告文档格式.doc

《《网页设计与制作》课程设计报告文档格式.doc》由会员分享，可在线阅读，更多相关《《网页设计与制作》课程设计报告文档格式.doc（17页珍藏版）》请在冰点文库上搜索。

/>

title>

轻奢电商<

/title>

styletype="

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>

scriptsrc="

js/jquery-1.4a2.min.js"

type="

text/javascript"

/script>

js/jquery.KinSlideshow-1.2.1.min.js"

scripttype="

$（function（）{

$（"

#KinSlideshow"

）.KinSlideshow（{

moveStyle:

"

down"

intervalTime:

8,

mouseEvent:

mouseover"

titleFont:

{TitleFont_size:

14,TitleFont_color:

#FF0000"

}）;

}）

<

!

--

vartimeout=500;

varclosetimer=0;

varddmenuitem=0;

functionmopen（id）

{mcancelclosetime（）;

if（ddmenuitem）ddmenuitem.style.visibility='

hidden'

;

ddmenuitem=document.getElementById（id）;

ddmenuitem.style.visibility='

visible'

}

functionmclose（）

{if（ddmenuitem）ddmenuitem.style.visibility='

}

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='

'

if（obj.value.length=='

0'

）{

账号不能为空'

returnfalse;

exit;

}else{

√'

returntrue;

}

alert（"

aaa"

--验证密码-->

functionp（obj）{

p'

if（obj.value.length=="

0"

密码不能为空'

}else{zhi.innerHTML='

<

/head>

body>

divid="

outermost"

div>

palign="

center"

id="

top"

imgsrc="

images/轻奢品牌.jpg"

border="

/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"

onblur="

p（this）"

p"

style="

/br>

submit"

value="

登录"

inputname="

button"

class="

userpsubmit"

注册"

add"

onclick="

check_all（document.myform）"

/form>

bottom"

text-align:

hrwidth="

80%"

官方微信：

4783952zxx<

&

copy;

版权所有&

nbsp;

aherf="

mailto:

1294715678@"

1294715678@<

/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恤<

背心<

衬衫<

西装<

皮鞋<

泳裤<

帽子<

睡衣<

袖扣<

领带<

休闲裤<