网站主页设计.zip

【实例简介】
以多个网站上的主页设计讲述如何进行前端布局，布局方式包括CSS+diV（主要），和table布局，还包含常用的素材
【实例截图】
【核心代码】
4744300845227086519.zip
├── 素材包(大部分)
│   ├── andy.jpg
│   ├── arrow.gif
│   ├── atol.jpg
│   ├── background.gif
│   ├── bar.gif
│   ├── bc_icon.gif
│   ├── bc_js_2_thumb.jpg
│   ├── bg_barbottom.gif
│   ├── bg_container.gif
│   ├── bg_darkbot.gif
│   ├── bg_dotted.gif
│   ├── bg-fixed.gif
│   ├── bg_hmain.gif
│   ├── bg_lightbot.gif
│   ├── bg_repeat.gif
│   ├── bg_top.gif
│   ├── body_bg.png
│   ├── borders.gif
│   ├── borders.png
│   ├── bottom2.gif
│   ├── bottom.gif
│   ├── bottom-left2.gif
│   ├── bottom-left.gif
│   ├── bottom-right.gif
│   ├── box.gif
│   ├── box.png
│   ├── branding.png
│   ├── btnbg.gif
│   ├── bullet.gif
│   ├── burgerman_icon.gif
│   ├── burgerman_icon.jpg
│   ├── burgerman.jpg
│   ├── button.gif
│   ├── button-over.gif
│   ├── diags_form.gif
│   ├── diags.gif
│   ├── div_cap.gif
│   ├── dunstan.jpg
│   ├── email.png
│   ├── error.png
│   ├── external.gif
│   ├── externalLink.gif
│   ├── f0304_06.gif
│   ├── footer.gif
│   ├── go.gif
│   ├── group-photo.jpg
│   ├── header.gif
│   ├── hpic_bath.jpg
│   ├── hpic_food.jpg
│   ├── hpic_man.jpg
│   ├── im.png
│   ├── leaf.gif
│   ├── l.gif
│   ├── logo.gif
│   ├── main-image.jpg
│   ├── mainNavBg.gif
│   ├── mainNavBorder.gif
│   ├── mask.gif
│   ├── mask.png
│   ├── may_icon.gif
│   ├── may.jpg
│   ├── mcfaul_icon.gif
│   ├── nav-bg-fixed.gif
│   ├── nav-faux-col.gif
│   ├── pencil.gif
│   ├── pixy-rollover.gif
│   ├── quote.gif
│   ├── secondary-faux-col.gif
│   ├── shadow.gif
│   ├── side-image.jpg
│   ├── spacer.gif
│   ├── tab-left.gif
│   ├── tab-right.gif
│   ├── thumb_pencil.gif
│   ├── ticks.gif
│   ├── tile2.gif
│   ├── top2.gif
│   ├── top.gif
│   ├── top-left.gif
│   ├── top-right2.gif
│   ├── top-right.gif
│   ├── underline1.gif
│   ├── underline1-hover.gif
│   ├── veer.gif
│   └── visited.gif
├── 项目1：河畔林语(表格制作)
│   ├── area.html
│   ├── contract.html
│   ├── images
│   │   ├── 0002.gif
│   │   ├── bg.jpg
│   │   ├── copyright.jpg
│   │   ├── down.jpg
│   │   ├── hxx1.jpg
│   │   ├── hxx2.jpg
│   │   ├── hxx3.jpg
│   │   ├── hxx4.jpg
│   │   ├── index.swf
│   │   ├── lanmu1.jpg
│   │   ├── lanmu2.jpg
│   │   ├── lanmu3.jpg
│   │   ├── lanmu4.jpg
│   │   ├── lanmu5.jpg
│   │   ├── lanmu6.jpg
│   │   ├── lanmu7.jpg
│   │   ├── link1.jpg
│   │   ├── link2.jpg
│   │   ├── link3.jpg
│   │   ├── link4.jpg
│   │   ├── link5.jpg
│   │   ├── link6.jpg
│   │   ├── link7.jpg
│   │   ├── link8.jpg
│   │   ├── link9.jpg
│   │   ├── lmbg.jpg
│   │   ├── map1.gif
│   │   ├── pic11.jpg
│   │   ├── pic1.jpg
│   │   ├── pic2.jpg
│   │   ├── pic3.jpg
│   │   ├── pic4.jpg
│   │   ├── pic7.jpg
│   │   ├── pic8.jpg
│   │   ├── pic9.jpg
│   │   ├── text18.jpg
│   │   ├── text19.jpg
│   │   ├── text20.jpg
│   │   ├── text4.jpg
│   │   ├── text5.jpg
│   │   ├── text6.jpg
│   │   ├── text7.jpg
│   │   ├── text8.jpg
│   │   ├── top.swf
│   │   ├── xianbg.gif
│   │   └── xiang.jpg
│   ├── index.html
│   ├── intro.html
│   ├── look.html
│   ├── news.html
│   ├── server.html
│   └── struc.html
├── 项目2：知雅汇
│   ├── images
│   │   ├── banner.jpg
│   │   ├── banner.swf
│   │   ├── button.swf
│   │   ├── ditu.gif
│   │   ├── index.swf
│   │   ├── intro.jpg
│   │   ├── sale1.jpg
│   │   ├── sale2.jpg
│   │   ├── server1.jpg
│   │   ├── server2.jpg
│   │   ├── server.gif
│   │   ├── tel.gif
│   │   ├── title1.gif
│   │   ├── top.gif
│   │   └── xs.gif
│   ├── index.htm
│   ├── style
│   │   ├── basic.css
│   │   ├── index.css
│   │   ├── welcome.css
│   │   └── zhpt.css
│   ├── xmjs.htm
│   └── zhpt.htm
├── 项目3：温州广厦
│   ├── about.html
│   ├── contact.html
│   ├── guest.html
│   ├── images
│   │   ├── aboutbg.gif
│   │   ├── about.gif
│   │   ├── aboutimg.gif
│   │   ├── aboutme.gif
│   │   ├── aboutme_pic.gif
│   │   ├── about.swf
│   │   ├── banner.swf
│   │   ├── bg.gif
│   │   ├── bgindex.jpg
│   │   ├── estate1.gif
│   │   ├── estate.gif
│   │   ├── footer1.gif
│   │   ├── footer2.gif
│   │   ├── ico.gif
│   │   ├── index.swf
│   │   ├── job.gif
│   │   ├── lianxi.gif
│   │   ├── linkbg.jpg
│   │   ├── linkr.gif
│   │   ├── logo.gif
│   │   ├── lou.gif
│   │   ├── Message.gif
│   │   ├── more.gif
│   │   ├── newsc.gif
│   │   ├── news.gif
│   │   ├── pic1.jpg
│   │   ├── pic2.jpg
│   │   ├── pic3.jpg
│   │   ├── pic4.jpg
│   │   ├── pic5.jpg
│   │   ├── wel2.gif
│   │   ├── wel.gif
│   │   └── weline.gif
│   ├── index.html
│   ├── job.html
│   ├── lou.html
│   ├── news.html
│   └── style
│   ├── about.css
│   ├── basic.css
│   ├── contact.css
│   ├── guest.css
│   ├── index.css
│   ├── job.css
│   ├── lou.css
│   └── news.css
├── 项目4：音乐频道
│   ├── 1.flv
│   ├── 2.flv
│   ├── 3.flv
│   ├── 4.flv
│   ├── flv.js
│   ├── images
│   │   ├── 10.gif
│   │   ├── 1.gif
│   │   ├── 250x100_1.gif
│   │   ├── 2.gif
│   │   ├── 3.gif
│   │   ├── 4.gif
│   │   ├── 5.gif
│   │   ├── 6.gif
│   │   ├── 760x60.gif
│   │   ├── 7.gif
│   │   ├── 8.gif
│   │   ├── 9.gif
│   │   ├── b1.gif
│   │   ├── channelV.gif
│   │   ├── flv_bg.jpg
│   │   ├── flv_bottom.jpg
│   │   ├── flvplay-1.jpg
│   │   ├── flvplay-4.jpg
│   │   ├── flvplay-5.gif
│   │   ├── flv_top.jpg
│   │   ├── footer.gif
│   │   ├── friendlogo.gif
│   │   ├── jmd_bg.jpg
│   │   ├── jmd_bottom.jpg
│   │   ├── jmd_top.jpg
│   │   ├── libg1.gif
│   │   ├── libg.gif
│   │   ├── m.gif
│   │   ├── music.gif
│   │   ├── nav_03.gif
│   │   ├── nav_04.gif
│   │   ├── nav_05.gif
│   │   ├── nav_06.gif
│   │   ├── nav_07.gif
│   │   ├── nav_08.gif
│   │   ├── nav_09.gif
│   │   ├── SpryTabbedPanels.js
│   │   ├── top_02.jpg
│   │   ├── top_03.jpg
│   │   ├── top_04.jpg
│   │   ├── top_05.jpg
│   │   ├── top_06.jpg
│   │   ├── top_07.jpg
│   │   ├── top_08.jpg
│   │   ├── top_09.jpg
│   │   ├── top_10.jpg
│   │   ├── top_11.jpg
│   │   ├── video.swf
│   │   ├── z1.gif
│   │   ├── z2.gif
│   │   ├── z3.gif
│   │   ├── z4.gif
│   │   ├── z5.gif
│   │   ├── z6.gif
│   │   └── z7.gif
│   ├── index.html
│   ├── style
│   │   └── basic.css
│   └── video.swf
├── 项目5：画飘香
│   ├── banner.js
│   ├── images
│   │   ├── 123.gif
│   │   ├── about_01.gif
│   │   ├── h3_bg2.gif
│   │   ├── h3_bg.gif
│   │   ├── index_10_1.gif
│   │   ├── index_10.gif
│   │   ├── index_11_1.gif
│   │   ├── index_11.gif
│   │   ├── index_12_1.gif
│   │   ├── index_12.gif
│   │   ├── index_13_1.gif
│   │   ├── index_13.gif
│   │   ├── index_14_1.gif
│   │   ├── index_14.gif
│   │   ├── index_15_1.gif
│   │   ├── index_15.gif
│   │   ├── index_16_1.gif
│   │   ├── index_16.gif
│   │   ├── index_17.gif
│   │   ├── index_18_1.jpg
│   │   ├── index_18_2.jpg
│   │   ├── index_18_3.jpg
│   │   ├── index_18.jpg
│   │   ├── index_18_right_02.jpg
│   │   ├── index_19.gif
│   │   ├── index_5.gif
│   │   ├── index_8.jpg
│   │   ├── index_9_1.gif
│   │   ├── index_9.gif
│   │   ├── logo_01.gif
│   │   ├── logo_02.gif
│   │   ├── logo_03.gif
│   │   ├── logo_04.gif
│   │   ├── logo.gif
│   │   ├── main_01.gif
│   │   ├── main_03.gif
│   │   ├── main_21_1.gif
│   │   ├── main_22.gif
│   │   ├── main_25.gif
│   │   ├── main_28.gif
│   │   ├── main_29.gif
│   │   ├── main_30.gif
│   │   ├── main_31.gif
│   │   ├── main_33.gif
│   │   ├── main_bg.gif
│   │   ├── main_bg.jpg
│   │   └── new!.gif
│   ├── index.html
│   └── style
│   └── basic.css
├── 项目6：火影忍者
│   ├── images
│   │   ├── bg.gif
│   │   ├── cartoon_bg.jpg
│   │   ├── cartoon_down.jpg
│   │   ├── cartoon_header.jpg
│   │   ├── daily_header.jpg
│   │   ├── footer.jpg
│   │   ├── header.jpg
│   │   ├── news_1.jpg
│   │   ├── news_2.jpg
│   │   ├── news_bg.jpg
│   │   ├── news_call.jpg
│   │   ├── news_down.jpg
│   │   ├── news_header.jpg
│   │   ├── news_listbg.jpg
│   │   ├── pics_1.jpg
│   │   ├── pics_2.jpg
│   │   ├── pics_3.jpg
│   │   ├── pics_4.jpg
│   │   ├── pics_bg.jpg
│   │   ├── pics_header.jpg
│   │   ├── pics_more.jpg
│   │   ├── sidebar_bg.jpg
│   │   ├── sidebar_down.jpg
│   │   ├── sidebar_header.jpg
│   │   ├── tearoom_bg.jpg
│   │   ├── tearoom_down.jpg
│   │   ├── tearoom_header.jpg
│   │   ├── 未命名-4.gif
│   │   └── 未命名-4.png
│   ├── index.html
│   └── style
│   └── basic.css
├── 项目7：跑跑卡丁车
│   ├── adver
│   │   ├── 1.jpg
│   │   ├── 2.jpg
│   │   ├── 3.jpg
│   │   ├── 4.jpg
│   │   └── 5.jpg
│   ├── Dome
│   │   ├── images
│   │   │   ├── slice.gif
│   │   │   └── v1.jpg
│   │   ├── index.html
│   │   ├── style
│   │   │   └── basic.css
│   │   └── 理解切片.png
│   ├── images
│   │   ├── ath.jpg
│   │   ├── bbsimg.jpg
│   │   ├── bg.gif
│   │   ├── bgline.gif
│   │   ├── body2.gif
│   │   ├── bodytop.gif
│   │   ├── channel1.jpg
│   │   ├── channel2.jpg
│   │   ├── channel3.jpg
│   │   ├── col.jpg
│   │   ├── contentbg.jpg
│   │   ├── global.gif
│   │   ├── mm1.jpg
│   │   ├── mm2.jpg
│   │   ├── mm3.jpg
│   │   ├── mm4.jpg
│   │   ├── mm5.jpg
│   │   ├── mm6.jpg
│   │   ├── paopao_10.jpg
│   │   ├── paopao_11.jpg
│   │   ├── paopao_13.jpg
│   │   ├── paopao_2.jpg
│   │   ├── paopao_38.jpg
│   │   ├── paopao_3.jpg
│   │   ├── paopao_4.jpg
│   │   ├── paopao_50.jpg
│   │   ├── paopao_5.jpg
│   │   ├── paopao_6.jpg
│   │   ├── paopao_7.jpg
│   │   ├── paopao_8.jpg
│   │   ├── paopao_9.jpg
│   │   ├── paopao_vc.jpg
│   │   ├── star.jpg
│   │   ├── topic.jpg
│   │   ├── update.jpg
│   │   ├── v1.jpg
│   │   ├── v2.jpg
│   │   ├── v3.jpg
│   │   ├── v4.jpg
│   │   ├── v5.jpg
│   │   ├── v6.jpg
│   │   ├── v7.jpg
│   │   └── v8.jpg
│   ├── index.html
│   ├── js
│   │   ├── adver.js
│   │   └── ajax.js
│   ├── png
│   │   ├── 未命名-1.png
│   │   └── 未命名-w.png
│   └── style
│   └── basic.css
└── 项目8：瓢城杂货店
├── adver
│   ├── adver1.jpg
│   ├── adver2.jpg
│   └── adver3.jpg
├── images
│   ├── adv.gif
│   ├── bgline.png
│   ├── bg.png
│   ├── carve.jpg
│   ├── channel1.png
│   ├── channel2.png
│   ├── channel3.png
│   ├── channel4.png
│   ├── channel5.png
│   ├── channel6.png
│   ├── company1.gif
│   ├── company2.gif
│   ├── company3.gif
│   ├── company4.jpg
│   ├── company5.gif
│   ├── company6.gif
│   ├── d10.jpg
│   ├── d1.jpg
│   ├── d2.jpg
│   ├── d3.jpg
│   ├── d4.jpg
│   ├── d5.jpg
│   ├── d6.jpg
│   ├── d7.jpg
│   ├── d8.jpg
│   ├── d9.jpg
│   ├── g1.jpg
│   ├── g2.jpg
│   ├── g3.jpg
│   ├── g4.jpg
│   ├── g5.jpg
│   ├── global.png
│   ├── good1.jpg
│   ├── good2.jpg
│   ├── good3.jpg
│   ├── guide_adv.gif
│   ├── high1.jpg
│   ├── high2.jpg
│   ├── high3.jpg
│   ├── high4.jpg
│   ├── hot10.jpg
│   ├── hot11.jpg
│   ├── hot12.jpg
│   ├── hot2.jpg
│   ├── hot3.jpg
│   ├── hot4.jpg
│   ├── hot5.jpg
│   ├── hot6.jpg
│   ├── hot7.jpg
│   ├── hot8.jpg
│   ├── hot9.jpg
│   ├── hot.jpg
│   ├── j10.jpg
│   ├── j1.jpg
│   ├── j2.jpg
│   ├── j3.jpg
│   ├── j4.jpg
│   ├── j5.jpg
│   ├── j6.jpg
│   ├── j7.jpg
│   ├── j8.jpg
│   ├── j9.jpg
│   ├── k10.jpg
│   ├── k1.gif
│   ├── k2.jpg
│   ├── k3.gif
│   ├── k4.jpg
│   ├── k5.gif
│   ├── k6.jpg
│   ├── k7.gif
│   ├── k8.jpg
│   ├── k9.jpg
│   ├── logo.swf
│   ├── navbg.jpg
│   ├── prof.gif
│   ├── s1.jpg
│   ├── s2.jpg
│   ├── s3.jpg
│   ├── s4.jpg
│   ├── searchline.jpg
│   ├── slide_trigger_c.gif
│   ├── slide_trigger.gif
│   ├── sort_bg1.gif
│   ├── sort_bg2.gif
│   ├── sort_bg.gif
│   ├── sort_bgline.gif
│   ├── sort.gif
│   ├── sort_x.gif
│   ├── w11.jpg
│   ├── w1.jpg
│   ├── w2.jpg
│   ├── w3.jpg
│   ├── w4.jpg
│   ├── w5.jpg
│   ├── w6.jpg
│   ├── w7.jpg
│   ├── w8.jpg
│   ├── w9.gif
│   ├── x10.jpg
│   ├── x1.jpg
│   ├── x2.jpg
│   ├── x3.jpg
│   ├── x4.jpg
│   ├── x5.jpg
│   ├── x6.jpg
│   ├── x7.jpg
│   ├── x8.jpg
│   ├── x9.jpg
│   ├── y10.jpg
│   ├── y1.jpg
│   ├── y2.jpg
│   ├── y3.jpg
│   ├── y4.jpg
│   ├── y5.jpg
│   ├── y6.jpg
│   ├── y7.jpg
│   ├── y8.jpg
│   └── y9.jpg
├── index.html
├── js
│   ├── channle.js
│   ├── tb.js
│   ├── text.js
│   ├── top.js
│   └── yu.js
├── png
│   ├── bgline.png
│   ├── 切片1.png
│   └── 背景.png
└── style
└── basic.css

33 directories, 543 files