水晶石技法CSS+DIV商业网站设计 彩印PDF|Epub|txt|kindle电子书版本网盘下载

水晶石技法CSS+DIV商业网站设计 彩印PDF格式电子书版下载

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

第1章 网页基础与网站开发流程13

1.1本书术语讲述14

1.2显示网页的主流浏览器15

1.3静态网页和动态网页的区别15

1.4网站重构16

1.4.1什么是网站重构16

1.4.2为什么要网站重构16

1.5网站开发的流程17

1.5.1需求分析17

1.5.2平台规划17

1.5.3项目开发17

1.5.4 测试验收17

1.6 Web标准18

1.6.1结构标准语言18

1.6.2表现标准语言18

1.6.3行为标准18

1.7 CSS布局与table布局的区别18

1.8网页重构用到的技术19

1.9网页制作核心19

1.9.1 DIV+CSS的组成元素19

1.9.2块级元素（Block element）19

1.9.3内联元素（Inline element）19

1.9.4常用块元素（Block element）19

1.9.5常用内联元素（Inline element）20

1.9.6 DIV+CSS的盒子模型理论20

1.9.7外边距的叠加机理20

1.9.8 CSS文档流21

1.10本章总结22

第2章 设计类企业项目解析（艾古互动网）23

2.1案例概述24

2.1.1项目背景分析24

2.1.2网站布局24

2.2项目目录安排27

2.3主容器搭建28

2.4头部制作30

2.4.1网站LOGO的布局31

2.4.2导航布局32

2.4.3服务内容布局33

2.5内容部分布局34

2.5.1互动体验专家与手形布局34

2.5.2新闻动态部分布局36

2.5.3成功案例滚动Banner布局37

2.5.4图标链接布局39

2.5.5解决方案Banner布局40

2.6 尾部布局41

2.6.1 Site map布局42

2.6.2网站地图部分布局42

2.6.3版权申明部分布局45

2.6.4友情链接部分布局46

2.7解决方案版块布局48

2.7.1头尾部分的延续布局48

2.7.2头部与内容部分间小导航的布局49

2.7.3解决方案内容的布局50

2.7.4链接图标的布局52

2.8网站建设版块布局53

2.8.1头尾部分的延续布局54

2.8.2 Banner部分布局54

2.8.3服务流程部分布局55

2.8.4服务套餐部分布局56

2.9本章总结58

第3章 摄影类项目解析（尚格视觉）59

3.1案例概述60

3.1.1项目背景分析60

3.1.2网站布局60

3.2项目目录安排63

3.3主容器搭建64

3.4头部制作66

3.4.1网站LOGO的布局67

3.4.2 QQ服务内容布局68

3.4.3导航布局70

3.5 Banner与音乐控件布局73

3.5.1主Banner与音乐控件布局74

3.5.2热点新闻部分布局76

3.5.3横向Banner布局79

3.6主内容部分布局80

3.6.1服务报价部分布局80

3.6.2小贴士部分布局83

3.6.3友情链接部分布局84

3.6.4 精彩客片部分布局88

3.7页尾部分布局90

3.7.1页脚导航部分布局91

3.7.2热贴部分布局92

3.7.3花絮部分布局94

3.7.4留言部分布局96

3.7.5联系方式部分布局96

3.8网站留言版块布局98

3.8.1头尾部分的延续布局99

3.8.2搜索部分布局99

3.8.3页面洋葱皮部分布局101

3.8.4留言记录部分布局102

3.8.5 页码部分布局103

3.8.6留言列表部分布局104

3.8.7分割线与页码部分布局107

3.8.8留言发布布局108

3.9本章总结110

第4章 商品类项目解析（养乐多）111

4.1案例概述112

4.1.1项目背景分析112

4.1.2网站布局112

4.2项目目录安排115

4.3主容器搭建116

4.4头部制作118

4.4.1网站LOGO的布局118

4.4.2地区选择部分布局119

4.4.3导航布局120

4.5主内容部分布局122

4.5.1调查问卷部分布局123

4.5.2最新消息部分布局125

4.5.3 Banner布局127

4.6页尾部分布局128

4.6.1版权部分布局128

4.6.2页尾连接部分布局129

4.7新闻活动版块部分布局130

4.7.1头尾部分的延续布局131

4.7.2新闻活动竖向菜单布局132

4.7.3新闻公告部分布局135

4.7.4来源选择部分布局137

4.7.5新闻列表部分布局137

4.7.6新闻列表翻页部分布局140

4.8 本章总结141

第5章 个人展示类项目解析（Iike-v）142

5.1案例概述143

5.1.1项目背景分析143

5.1.2网站布局143

5.2项目目录安排147

5.3主容器搭建148

5.4头部制作149

5.5主内容部分布局152

5.5.1图形设计部分布局152

5.5.2网页设计部分布局160

5.5.3关于我们部分布局167

5.5.4联系我们部分布局170

5.6页尾部分布局174

5.6.1版权部分布局174

5.6.2页尾连接部分布局175

5.7播放器制作176

5.8移动广告牌177

5.9本章总结178

第6章 游戏类项目解析（英雄联盟）179

6.1案例概述180

6.1.1项目背景分析180

6.1.2网站布局180

6.2项目目录安排181

6.3首页主容器搭建182

6.4首页头部制作184

6.5首页主内容部分布局190

6.5.1 Banner部分布局190

6.5.2赛事与活动197

6.5.4 合作媒体211

6.6 首页页尾部分布局212

6.7列表页主容器搭建214

6.8列表页头部制作215

6.9列表页主内容部分布局221

6.9.1边栏导航221

6.9.2列表主内容223

6.9.3边栏Banner228

6.10列表页页尾部分布局228

6.11本章总结230

第7章 项目经验总结（一）231

7.1高级文字排版分析232

7.1.1倒影字232

7.1.2齐线字233

7.1.3修饰标题字234

7.2控制字符宽度省略号效果239

7.3居中浏览器的半透明布局241

7.4 div高度随窗口变化而变化243

7.5建立交叉浮动层244

7.6三列自适应等高且中列宽度自适应247

7.7三级弹出CSS导航菜单249

7.8 Web前端开发规范文档258

7.8.1规范目的258

7.8.2基本准则258

7.8.3文件规范258

7.8.4HTML书写规范259

7.8.5 CSS书写规范260

7.8.6 JavaScript书写规范260

7.8.7图片规范260

7.8.8注释规范261

7.9本章总结261

第8章项目经验总结（二）262

8.1 CSS中以图片替换文字的表现方法263

8.2纯CSS代码实现翻页266

8.3隔行换色268

8.4评分星级效果270

8.5柱状图表272

8.6 鼠标经过弹性放大DIV274

8.7双语导航276

8.8 Banner滚动切换277

8.9透明Flash上方的层281

8.10本章总结284