别具光芒 CSS网页布局案例剖析PDF|Epub|txt|kindle电子书版本下载

别具光芒 CSS网页布局案例剖析PDF格式电子书版下载

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

第1章 从基础开始1

1.1 (X)HTML与CSS2

1.1.1 DOCTYPE（文档类型）的含义与选择2

1.1.2 XHTML与HTML的重要区别3

1.1.3 CSS的基本思想3

1.1.4 CSS的引入5

1.1.5 浏览器与CSS5

1.2 基本CSS选择器6

1.2.1 理解CSS选择器的思想6

1.2.2 标记选择器7

1.2.3 类别选择器8

1.2.4 ID选择器9

1.3 在HTML中引入CSS的方法10

1.3.1 行内样式10

1.3.2 内嵌式11

1.3.3 外部样式表11

1.3.4 链接式12

1.3.5 各种方式的优先级问题12

1.4 动手体验CSS14

1.4.1 从零开始15

1.4.2 使用CSS设置标题15

1.4.3 控制图片16

1.4.4 设置正文16

1.4.5 设置整体页面17

1.4.6 对段落分别进行设置17

1.4.7 兼容性检查18

1.4.8 CSS的注释19

1.5 网页使用的编辑软件20

1.5.1 可视化网页制作软件的优点20

1.5.2 可视化软件的局限性21

1.5.3 善于使用代码视图的功能22

1.6 CSS的复合选择器24

1.6.1 “交集”选择器24

1.6.2 “并集”选择器25

1.6.3 “后代”选择器27

1.7 CSS的继承特性29

1.7.1 继承关系29

1.7.2 CSS继承的运用31

1.8 CSS的层叠特性33

1.9 本章小结35

第2章 摄影师个人网站布局36

2.1 案例描述37

2.2 内容分析38

2.3 HTML结构设计40

2.4 原型设计41

2.5 页面方案设计43

2.6 布局设计43

2.7 CSS技术准备——盒子模型44

2.8 设置页面的整体背景46

2.9 制作照片展示区域48

2.10 设置网页标题的图像替换50

2.11 CSS技术准备——定位52

2.11.1 理解标准文档流52

2.11.2 认识定位属性53

2.11.3 绝对定位54

2.12 设置网页标题的位置55

2.13 设置网页文本内容56

2.14 本章小结58

第3章 生物研究中心网站布局59

3.1 案例描述60

3.2 内容分析61

3.3 原型设计62

3.4 页面方案设计63

3.5 CSS技术准备——盒子的浮动63

3.5.1 设置浮动64

3.5.2 浮动的方向66

3.5.3 使用clear属性清除浮动的影响67

3.5.4 扩展盒子的高度69

3.6 布局设计70

3.7 CSS技术准备——在CSS中设置边框70

3.7.1 对不同的边框设置不同的属性值71

3.7.2 在一行中同时设置边框的宽度、颜色和样式71

3.7.3 对一条边框设置与其他边框不同的属性72

3.7.4 同时指定一条边框的一种属性72

3.8 制作页头部分72

3.9 制作主体部分75

3.9.1 主体的左侧部分76

3.9.2 主要内容区79

3.10 CSS技术扩展——扩充布局82

3.11 本章小结85

第4章　教育公司网站布局86

4.1　两列布局87

4.2　案例描述89

4.3　内容分析90

4.4　原型设计91

4.5　CSS技术准备——在CSS中使用背景图像92

4.5.1　设置平铺方式92

4.5.2　设置背景图像的位置94

4.5.3　背景的简写96

4 5.4　图片的固定设置97

4.6　制作标题图像97

4.7　CS3技术准备——实现圆角设计99

4.8　制作页头部分100

4.8.1　搭建页头部分的HTML结构100

4.8.2　页面标题的图像替换102

4.8.3　顶部菜单102

4.8.4　主菜单103

4.8.5　搜索框104

4.8.6　页头部分的圆角框105

4.9　制作主体部分107

4.9.1　结构分析107

4.9.2　“面包屑”导航109

4.9.3　设置正文标题109

4.9.4　设置页脚110

4.9.5　添加页面内容110

4.10　本章小结112

第5章　网上书店布局113

5.1　案例描述114

5.2　内容分析116

5.3　HTML结构设计118

5.4　原型设计121

5.5　页面方案设计122

5.5.1　配色的技巧123

5.5.2　切片的技巧125

5.6　使用滑动门技术制作导航菜单128

5.7　制作主体部分131

5.7.1　整体样式设计131

5.7.2　内容部分的结构分析131

5.7.3　设置右侧的主要内容列133

5.7.4　制作左边栏136

5.8　总结CSS布局的优点139

5.9　制作可以适应变化宽度的圆角框140

5.10　CSS技术扩展——从“网页”到“网站”143

5.10.1　历史回顾143

5.10.2　不完善的办法144

5.10.3　服务器出场144

5.10.4　CMS出现144

5.10.5　具体操作144

5.10.6　CMS的弊端145

5.11　本章小结145

第6章　汽车服务公司网站布局146

6.1　案例描述147

6.2　内容分析148

6.3　HTML结构设计151

6.4　原型设计153

6.5　页面方案设计与切图154

6.6　页面布局155

6.6.1　切片156

6.6.2　CSS技术准备——行内元素与块级元素157

6.6.3　布局160

6.6.4　制作顶部菜单160

6.6.5　制作标题图像162

6.6.6　制作主体部分162

6.7　实现超链接特效164

6.7.1　技术准备——设置超链接的CSS样式165

6.7.2　超链接效果168

6.8　兼容性检查169

6.9　本章小结170

第7章　橘汁仙剑游戏网站（静态）布局171

7.1　构思设计172

7.1.1　站点分析定位172

7.1.2　学习考察同类站点173

7.1.3　构思规划站点176

7.2　切片制作和生成178

7.2.1　切片的制作178

7.2.2　切片的生成180

7.3　页面制作180

7.3.1　整体框架的构建181

7.3.2　头部的制作182

7.3.3　首页左侧信息栏的制作185

7.3.4　首页中部内容栏的制作187

7.3.5　在页面右侧添加百度搜索188

7.3.6　在页面右侧添加广告位192

7.3.7　分类目录中导航的制作192

7.3.8　文章浏览区域的制作194

7.3.9　页脚的制作197

7.3.10　用户面板的制作199

7.4　本章小结202

第8章　橘汁仙剑游戏网站（动态）布局203

8.1　SupeSite和Discuz!系统简介204

8.2　系统安装205

8.3　使用SupeSite系统206

8.3.1　登录SupeSite后台设置206

8.3.2　基本设置208

8.3.3　资讯的发布和管理210

8.3.4　资讯等级审核212

8.3.5　资讯自定义字段213

8.3.6　其他设置215

8.4　制作SupeSite模板215

8.4.1　SupeSite模板系统215

8.4.2　选择需要制作的模板216

8.4.3　制作前的准备218

8.4.4　首页头部信息的制作220

8.4.5　首页头部导航的制作221

8.4.6　体验SupeSite模块设置223

8.4.7　在头部导航中加入资讯分类226

8.4.8　首页主体内容的制作228

8.4.9　深入探究SupeSite模块系统230

8.4.10　首页页脚的制作232

8.4.11　站点头部及页脚文件的制作234

8.4.12　分类目录页的制作236

8.4.13　文章浏览页面的制作237

8.4.14　用户面板的制作239

8.4.15　SupeSite模板制作小结241

8.5　模块系统的高级应用242

8.5.1　SupeSite模块系统的语法格式242

8.5.2　条件判断语句244

8.5.3　自定义广告显示函数246

8.6　完成测试247

8.7　Discuz!模板系统简介247

8.8 本章小结250