DIV+CSS网站布局案例精粹 第2版PDF|Epub|txt|kindle电子书版本网盘下载

DIV+CSS网站布局案例精粹 第2版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 社区交友网站1

1.1 网站页面效果分析1

1.1.1 首页效果分析1

1.1.2 博客页面的效果分析2

1.1.3 网站文件综述3

1.2 规划首页的布局4

1.2.1 搭建首页页头的DIV4

1.2.2 搭建导航菜单部分的DIV5

1.2.3 搭建首页主体部分最左列的DIV6

1.2.4 搭建“你的圈子”部分的DIV7

1.2.5 搭建“最近博客文章”部分的DIV8

1.2.6 搭建页脚部分的DIV9

1.2.7 首页CSS效果分析9

1.3 电子贺卡页面10

1.3.1 导航列表部分的DIV10

1.3.2 贺卡目录部分的DIV11

第2章 众星璀璨的影视网站13

2.1 网站页面效果分析13

2.1.1 首页效果分析13

2.1.2 电影分类页面的效果分析15

2.1.3 网站文件综述16

2.2 规划首页的布局16

2.2.1 搭建首页页头的DIV16

2.2.2 搭建“最新电影”部分的DIV17

2.2.3 搭建“最新电影新闻”部分的DIV18

2.2.4 搭建“搜索”部分的DIV20

2.2.5 搭建页脚部分的DIV21

2.2.6 首页CSS效果分析22

2.3 分类页面23

2.3.1 分类页面左边部分的DIV23

2.3.2 分类页面中间部分的DIV24

第3章 美食资讯网站27

3.1 网站页面效果分析27

3.1.1 首页效果分析27

3.1.2 美食店铺页面的效果分析29

3.1.3 网站文件综述30

3.2 规划首页的布局30

3.2.1 搭建首页页头的DIV30

3.2.2 搭建“高级搜索”部分的DIV31

3.2.3 搭建“免费试吃餐厅”部分的DIV32

3.2.4 搭建“飙升排行榜”部分的DIV33

3.2.5 搭建页脚部分的DIV34

3.2.6 首页CSS效果分析35

3.3 在首页中实现动态效果35

3.4 店铺介绍页面37

3.4.1 店铺介绍页面菜单标签的DIV37

3.4.2 店铺介绍页面右边相关介绍的DIV38

第4章 宠物题材的主题网站40

4.1 网站页面效果分析40

4.1.1 首页效果分析40

4.1.2 宠物社区页面的效果分析41

4.1.3 网站文件综述42

4.2 规划首页的布局43

4.2.1 搭建首页页头的DIV43

4.2.2 搭建“宠物新闻”部分的DIV44

4.2.3 搭建“分类导航”部分的DIV44

4.2.4 搭建“图片欣赏”部分的DIV45

4.2.5 搭建“联系方式”部分的DIV46

4.2.6 搭建“宠物故事”部分的DIV47

4.2.7 搭建“宠物信息”部分的DIV47

4.2.8 搭建页脚部分的DIV47

4.2.9 首页CSS效果分析48

4.3 首页特色48

4.4 宠物社区页面50

第5章 温馨怡人的电影网站51

5.1 网站页面效果分析51

5.1.1 首页效果分析51

5.1.2 新片介绍页面的效果分析52

5.1.3 网站文件综述53

5.2 规划首页的布局54

5.2.1 搭建首页页头的DIV54

5.2.2 搭建首页主体部分的DIV54

5.2.3 搭建页脚部分的DIV57

5.2.4 首页CSS效果分析58

5.3 在首页中实现动态效果59

5.3.1 变换Logo颜色的方法60

5.3.2 实现导航凸出的效果60

5.4 新片介绍页面61

5.4.1 电影列表的DIV61

5.4.2 最新影评的DIV62

5.4.3 电影导航的DIV63

第6章 导游推广为一体的海洋公园网站65

6.1 网站页面效果分析65

6.1.1 首页效果分析65

6.1.2 导游页面的效果分析66

6.1.3 网站文件综述67

6.2 规划首页的布局68

6.2.1 搭建首页页头的DIV68

6.2.2 搭建“标题图片”部分的DIV69

6.2.3 搭建“最新特别公告”部分的DIV.70

6.2.4 搭建“海洋公园欢迎您”部分的DIV71

6.2.5 搭建页脚部分的DIV72

6.2.6 首页CSS效果分析73

6.3 导游页面74

6.3.1 导游页面右边部分的DIV74

6.3.2 导游页面娱乐项部分的DIV75

第7章 主题明显的环保网站77

7.1 网站页面效果分析77

7.1.1 首页效果分析77

7.1.2 环保图片展示页面的效果分析78

7.1.3 网站文件综述79

7.2 规划首页的布局79

7.2.1 搭建首页页头的DIV79

7.2.2 搭建导航和快速链接部分的DIV80

7.2.3 搭建“图片新闻”部分的DIV81

7.2.4 搭建“图片见证”部分的DIV82

7.2.5 搭建页脚部分的DIV83

7.2.6 首页CSS效果分析83

7.3 在首页中实现动态效果84

7.4 环保图片页面85

7.4.1 环保导航部分的DIV85

7.4.2 导航菜单部分的DIV86

7.4.3 图片部分的DIV87

第8章 寓教于乐的博物馆网站89

8.1 网站页面效果分析89

8.1.1 首页效果分析89

8.1.2 最近活动页面的效果分析91

8.1.3 网站文件综述91

8.2 规划首页的布局92

8.2.1 搭建首页页头的DIV92

8.2.2 搭建“导航菜单”部分的DIV93

8.2.3 搭建“馆内资讯”等4部分的DIV94

8.2.4 搭建“馆内要闻和科教动态”部分的DIV95

8.2.5 搭建页脚部分的DIV95

8.2.6 首页CSS效果分析97

8.3 在首页中实现动态效果97

8.4 最近活动页面98

8.4.1 “最近活动信息”部分的DIV98

8.4.2 右边部分导航菜单的DIV99

第9章 体现个性的个人网站101

9.1 网站页面效果分析101

9.1.1 首页效果分析101

9.1.2 作品导航页的效果分析102

9.1.3 网站文件综述104

9.2 规划首页的布局104

9.2.1 搭建首页页头的DIV104

9.2.2 搭建“搜索”部分的DIV105

9.2.3 搭建“作品展示”部分的DIV106

9.2.4 搭建页脚部分的DIV108

9.2.5 首页CSS效果分析109

9.3 作品导航页面110

9.3.1 左边导航部分的DIV110

9.3.2 作品部分的DIV111

第10章 内容丰富的交友网站113

10.1 网站页面效果分析113

10.1.1 首页效果分析113

10.1.2 活动页面的效果分析114

10.1.3 网站文件综述115

10.2 规划首页的布局116

10.2.1 搭建首页页头的DIV116

10.2.2 搭建首页主体部分的DIV117

10.2.3 搭建页脚部分的DIV119

10.2.4 首页CSS效果分析120

10.3 在首页中实现动态效果122

10.3.1 更改字体的实现方式122

10.3.2 实现更换会员信息的效果123

10.4 活动页面124

10.4.1 活动页面左边部分的DIV124

10.4.2 活动页面右边部分的DIV125

第11章 酒店介绍网站127

11.1 网站页面效果分析127

11.1.1 首页效果分析127

11.1.2 酒店搜索页面的效果分析128

11.1.3 网站文件综述129

11.2 规划首页的布局130

11.2.1 搭建首页页头的DIV130

11.2.2 搭建“酒店广告”部分的DIV131

11.2.3 搭建“酒店推广”部分的DIV132

11.2.4 搭建“酒店新闻”部分的DIV132

11.2.5 搭建“视频新闻”部分的DIV133

11.2.6 搭建“友情链接”部分的DIV134

11.2.7 搭建页脚部分的DIV135

11.2.8 首页CSS效果分析135

11.3 在首页中实现动态效果136

11.4 酒店搜索页面137

11.4.1 酒店搜索页面左边部分的DIV138

11.4.2 酒店搜索页面右边部分的DIV138

第12章 教育网站141

12.1 网站页面效果分析141

12.1.1 首页效果分析141

12.1.2 教育中心页面的效果分析142

12.1.3 网站文件综述143

12.2 规划首页的布局144

12.2.1 搭建首页页头的DIV144

12.2.2 搭建“行业前景”部分的DIV145

12.2.3 搭建“重要新闻”部分的DIV146

12.2.4 搭建“订购电子新闻”等部分的DIV146

12.2.5 搭建页脚部分的DIV147

12.2.6 首页CSS效果分析147

12.3 教育中心页面148

12.3.1 “教学一览”部分的DIV148

12.3.2 “教学管理”部分的DIV149

12.3.3 “课程安排”等部分的DIV150

第13章 清新淡雅的休闲旅游网站151

13.1 网站效果图分析151

13.1.1 首页效果分析151

13.1.2 “关于个人旅游”页面的效果分析152

13.1.3 网站文件综述152

13.2 规划首页的布局153

13.2.1 搭建首页页头部分153

13.2.2 搭建“正文部分：BANNER广告”部分的DIV155

13.2.3 搭建“美景的诱惑”部分的DIV157

13.2.4 搭建“权威信息发布”部分的DIV158

13.2.5 搭建“查看相关反馈”部分的DIV160

13.2.6 搭建首页页脚部分的DIV160

13.2.7 首页CSS效果分析162

13.3 “关于个人旅游”介绍页面163

13.3.1 “适用线路推荐”部分的DIV164

13.3.2 “个人旅游联系咨询”部分的DIV164

13.3.3 “国内跟团旅游”等部分的DIV165

第14章 电脑商城网站167

14.1 网站页面效果分析167

14.1.1 首页效果分析167

14.1.2 台式机页面的效果分析169

14.1.3 网站文件综述170

14.2 规划首页的布局171

14.2.1 搭建首页页头的DIV171

14.2.2 搭建首页主体部分的DIV171

14.2.3 搭建页脚部分的DIV174

14.2.4 首页CSS效果分析175

14.3 在首页中实现动态效果176

14.3.1 图片展开的实现方式177

14.3.2 导航小模块出现背景色178

14.4 台式机页面179

14.4.1 台式机页面左边部分的DIV179

14.4.2 台式机页面右边部分的DIV180

第15章 汽车网站182

15.1 网站页面效果分析182

15.1.1 首页效果分析182

15.1.2 新车介绍页面的效果分析183

15.1.3 网站文件综述184

15.2 规划首页的布局184

15.2.1 搭建首页页头的DIV184

15.2.2 搭建“广告”部分的DIV186

15.2.3 搭建“最新新闻”部分的DIV186

15.2.4 搭建“新车上市”部分的DIV187

15.2.5 搭建“最新动态”部分的DIV188

15.2.6 搭建页脚部分的DIV189

15.2.7 首页CSS效果分析190

15.3 在首页中实现菜单的动态效果191

15.4 新车介绍页面192

15.4.1 新车介绍页面左边列表的DIV192

15.4.2 新车介绍页面右边部分的DIV194

第16章 美观的巧克力网站设计197

16.1 网站页面效果分析197

16.1.1 首页效果分析197

16.1.2 巧克力产品列表页面的效果分析198

16.1.3 巧克力网站的文件综述199

16.2 规划首页的布局199

16.2.1 首页切图199

16.2.2 搭建首页网站导航部分的DIV200

16.2.3 搭建首页Logo部分的DIV200

16.2.4 搭建“巧克力文化”和“巧克力产品”部分的DIV201

16.2.5 搭建页脚部分的DIV203

16.2.6 首页CSS效果分析204

16.3 利用CSS样式完善首页效果205

16.3.1 首页页头的CSS效果205

16.3.2 定义首页页脚的CSS效果206

16.4 产品列表页面206

16.4.1 产品列表页面分类部分的DIV207

16.4.2 产品列表页面产品部分的DIV207

16.5 产品详细页面208

第17章 火爆的三国杀桌面游戏网站210

17.1 网站页面效果分析210

17.1.1 首页效果分析210

17.1.2 三国杀卡牌介绍页面的效果分析212

17.1.3 网站文件综述212

17.2 规划首页的布局213

17.2.1 搭建首页页头的DIV213

17.2.2 搭建标题性图片区域部分的DIV214

17.2.3 搭建“玩家视频”部分的DIV214

17.2.4 搭建“游戏攻略”部分的DIV215

17.2.5 搭建“玩家讨论区”部分的DIV216

17.2.6 搭建“壁纸下载”等部分的DIV218

17.2.7 搭建页脚部分的DIV219

17.2.8 首页CSS效果分析219

17.3 首页讨论区部分的链接效果221

17.4 卡牌介绍页面222

17.4.1 卡牌介绍页面标签卡部分的DIV222

17.4.2 卡牌介绍页面左边部分的DIV223

17.4.3 卡牌介绍页面右边部分的DIV223

第18章 布局经典的设计公司网站224

18.1 网站页面效果分析224

18.1.1 首页效果分析224

18.1.2 设计理念页面的效果分析226

18.1.3 网站文件综述226

18.2 规划首页的布局227

18.2.1 搭建首页页头的DIV227

18.2.2 搭建“企业简介”部分的DIV228

18.2.3 搭建“优秀网站案例”部分的DIV229

18.2.4 搭建“我们的观点”部分的DIV230

18.2.5 搭建“我们的设计理念”部分的DIV230

18.2.6 搭建页脚部分的DIV232

18.2.7 首页CSS效果分析232

18.3 设计理念页面233

18.3.1 “我们的服务”部分的DIV233

18.3.2 行业案例展示部分的DIV235

18.3.3 “标志设计”部分的DIV236

第19章 深蓝色调的社区网站237

19.1 网站页面效果分析237

19.1.1 首页效果分析237

19.1.2 博客列表页面的效果分析238

19.1.3 网站文件综述239

19.2 规划首页的布局239

19.2.1 搭建首页页头的DIV240

19.2.2 搭建“网站导航”部分的DIV241

19.2.3 搭建“分类导航”部分的DIV242

19.2.4 搭建页脚部分的DIV244

19.2.5 首页CSS效果分析244

19.3 博客列表页面245

19.3.1 博客列表页面左边导航部分的DIV245

19.3.2 博客列表页面博客显示部分的DIV247

第20章 食品专类的购物网站249

20.1 网站页面效果分析249

20.1.1 首页效果分析249

20.1.2 食品分类介绍页面的效果分析251

20.1.3 网站文件综述251

20.2 规划首页的布局252

20.2.1 搭建首页页头的DIV252

20.2.2 搭建“功能模块”部分的DIV253

20.2.3 搭建“商品展示”部分的DIV254

20.2.4 搭建“快速导航”部分的DIV255

20.2.5 搭建页脚部分的DIV256

20.2.6 首页CSS效果分析256

20.3 首页的动态效果257

20.4 进口食品页面257

20.4.1 进口食品页面分类列表的DIV258

20.4.2 进口食品页面产品列表的DIV259

第21章 精美绝伦的视频网站262

21.1 网站页面效果分析262

21.1.1 首页效果分析262

21.1.2 个人视频专辑页面的效果分析264

21.1.3 网站文件综述265

21.2 规划首页的布局265

21.2.1 搭建首页页头的DIV265

21.2.2 搭建视频导航菜单部分的DIV266

21.2.3 搭建“热门视频”部分的DIV267

21.2.4 搭建“焦点讨论”部分的DIV268

21.2.5 搭建“推荐视频”部分的DIV268

21.2.6 搭建“近期新视频”部分的DIV269

21.2.7 搭建页脚部分的DIV270

21.2.8 首页CSS效果分析271

21.3 在首页中实现动态效果272

21.3.1 实现父子菜单联动的效果272

21.3.2 实现图片切换的效果273

21.4 个人视频专辑页面274

21.4.1 个人视频专辑页面上边部分的DIV274

21.4.2 个人视频专辑页面下边部分的DIV275

第22章 色彩缤纷的图片网站277

22.1 网站页面效果分析277

22.1.1 首页效果分析277

22.1.2 最新图片页面的效果分析278

22.1.3 网站文件综述279

22.2 规划首页的布局280

22.2.1 搭建首页第一行的DIV280

22.2.2 搭建页脚部分的DIV282

22.2.3 首页CSS效果分析283

22.3 首页CSS效果分析284

22.3.1 更改字体的实现方式284

22.3.2 导航栏动态效果286

22.4 最新图片页面287

22.4.1 最新图片页面左边下半部分的DIV287

22.4.2 最新图片页面右边部分的DIV288

第23章 精美的糖果公司网站290

23.1 网站页面效果分析290

23.1.1 首页效果分析290

23.1.2 视频展示页面的效果分析292

23.1.3 网站文件综述292

23.2 规划首页的布局293

23.2.1 搭建首页页头的DIV293

23.2.2 搭建“公司介绍”部分的DIV294

23.2.3 搭建“视频展示”部分的DIV295

23.2.4 搭建推广模块的DIV295

23.2.5 搭建招商部分的DIV295

23.2.6 搭建“免费试吃”广告部分的DIV296

23.2.7 搭建页脚部分的DIV297

23.2.8 首页CSS效果分析298

23.3 视频展示页面效果分析299

23.3.1 导航部分的DIV299

23.3.2 导航部分下方广告位的DIV300

23.3.3 视频展示部分的DIV301

第24章 休闲娱乐的小说阅读网站302

24.1 网站页面效果分析302

24.1.1 首页效果分析302

24.1.2 小说介绍页面的效果分析304

24.1.3 网站文件综述305

24.2 规划首页的布局306

24.2.1 搭建“注册和登录”导航条的DIV306

24.2.2 搭建Logo图标和广告图片部分的DIV307

24.2.3 搭建导航菜单的DIV307

24.2.4 搭建“最新推荐榜”部分的DIV308

24.2.5 搭建“本站强力推荐小说”部分的DIV309

24.2.6 搭建“小说导航”部分的DIV310

24.2.7 搭建“最新公告”部分的DIV311

24.2.8 搭建页脚部分的DIV311

24.2.9 首页CSS效果分析312

24.3 在首页中实现动态效果313

24.4 小说介绍页面314

24.4.1 作家介绍部分的DIV314

24.4.2 小说目录部分的DIV314

24.4.3 小说推荐部分的DIV315

第25章 包罗万象的新闻门户网站317

25.1 网站页面效果分析317

25.1.1 首页效果分析317

25.1.2 新闻专题导读页面的效果分析319

25.1.3 网站文件综述320

25.2 规划首页的布局320

25.2.1 搭建首页页头的DIV320

25.2.2 搭建“新闻专栏”部分的DIV321

25.2.3 搭建“热点新闻”部分的DIV322

25.2.4 搭建“主题频道”部分的DIV323

25.2.5 搭建“社会新闻”部分的DIV324

25.2.6 搭建“关于我们”部分的DIV326

25.2.7 搭建页脚部分的DIV326

25.2.8 首页CSS效果分析327

25.3 新闻专题导读页面328

25.3.1 搜索部分的DIV328

25.3.2 新闻专题部分的DIV328

第26章 医院网站330

26.1 网站页面效果分析330

26.1.1 首页效果分析330

26.1.2 专家介绍页面的效果分析331

26.1.3 网站文件综述332

26.2 规划首页的布局332

26.2.1 搭建首页页头部分333

26.2.2 搭建“医学导读”部分的DIV334

26.2.3 搭建“健康你我”部分的DIV335

26.2.4 搭建“最新新闻”部分的DIV335

26.2.5 搭建“便民导航”部分的DIV336

26.2.6 搭建“资讯”部分的DIV337

26.2.7 搭建页脚部分的DIV337

26.2.8 首页CSS效果分析338

26.3 专家介绍页面339

26.3.1 专家介绍页面左边科室列表的DIV339

26.3.2 专家介绍页面中间部分的DIV340

第27章 星光灿烂的娱乐资讯网站343

27.1 网站页面效果分析343

27.1.1 首页效果分析343

27.1.2 明星介绍页面的效果分析345

27.1.3 网站文件综述346

27.2 规划首页的布局346

27.2.1 搭建首页页头的DIV346

27.2.2 搭建“网站导航菜单”部分的DIV347

27.2.3 搭建“娱乐要闻”部分的DIV348

27.2.4 搭建“更多要闻”部分的DIV349

27.2.5 搭建“更多图片新闻”部分的DIV349

27.2.6 搭建页脚部分的DIV351

27.2.7 首页CSS效果分析352

27.3 明星图片页面352

27.3.1 明星图片页面左边日历部分的DIV352

27.3.2 明星图片页面中间部分的DIV355

第28章 杂志网站358

28.1 网站页面效果分析358

28.1.1 首页效果分析358

28.1.2 杂志介绍页面的效果分析360

28.1.3 网站文件综述360

28.2 规划首页的布局361

28.2.1 搭建首页页头的DIV361

28.2.2 搭建“杂志推荐”部分的DIV363

28.2.3 搭建“杂志列表”部分的DIV364

28.2.4 搭建“填写表单”部分的DIV365

28.2.5 搭建“快速导航”部分的DIV366

28.2.6 首页CSS效果分析367

28.3 杂志介绍页面368

28.3.1 杂志介绍页面左边导航部分的DIV368

28.3.2 杂志介绍页面博客显示部分的DIV370

第29章 简洁的购物网站372

29.1 网站页面效果分析372

29.1.1 首页效果分析372

29.1.2 商品展示页面的效果分析374

29.1.3 购物网站文件综述375

29.2 规划首页的布局375

29.2.1 搭建首页页头的DIV375

29.2.2 搭建导航部分的DIV376

29.2.3 搭建“用户博客”部分的DIV377

29.2.4 搭建“产品展示”部分的DIV378

29.2.5 搭建页脚的DIV379

29.2.6 首页CSS效果分析379

29.3 利用CSS样式完善首页效果381

29.3.1 整体布局381

29.3.2 定义其他样式381

29.4 商品展示页面382

29.4.1 用DIV层构建分页效果382

29.4.2 用CSS构建商品图片的效果383

29.5 站点地图页面384

第30章 个人图片博客网站386

30.1 网站页面效果分析386

30.1.1 首页效果分析386

30.1.2 图片展示页面的效果分析387

30.1.3 网站文件综述388

30.2 规划首页的布局389

30.2.1 搭建首页第一行的DIV389

30.2.2 搭建首页主体部分的DIV390

30.2.3 搭建页脚部分的DIV392

30.2.4 首页CSS效果分析393

30.3 首页CSS效果分析394

30.3.1 DIV阴影效果的实现方式394

30.3.2 图标悬浮效果395

30.4 图片展示页面396

30.5 博客文章页面398

30.5.1 博客文章页面文章部分的DIV398

30.5.2 博客文章页面归档和分类部分的DIV400