DIV+CSS商业案例与网页布局开发精讲PDF|Epub|txt|kindle电子书版本网盘下载

DIV+CSS商业案例与网页布局开发精讲PDF格式电子书版下载

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

第1章 网页的构成与Web标准1

1.1　什么是网页1

1.2　网页的构成1

1.2.1 页面显示的信息2

1.2.2　构成页面的代码2

1.2.3　显示网页的浏览器4

1.3　关于Web标准4

1.3.1 什么是Web标准4

1.3.2 页面的内容5

1.3.3 页面的结构5

1.3.4 页面的表现6

1.4　Web标准网站欣赏6

第2章　使用CSS构建页面的原理8

2.1　什么是CSS8

2.2　CSS的语法8

2.3　CSS应该定义在哪里9

2.3.1 元素内部的CSS9

2.3.2 页面头部的CSS10

2.3.3 外部的CSS11

2.4　应用样式的优先级12

2.5 DOCTYPE的选择13

2.5.1 什么是DOCTYPE13

2.5.2 选择什么样的DOCTYPE13

2.6　使用CSS控制表现效果的好处14

第3章　Web标准中的兼容问题15

3.1　兼容问题的由来15

3.1.1 浏览器的版本问题15

3.1.2　浏览器的兼容问题15

3.2　需要兼容的浏览器15

3.2.1 常用浏览器介绍16

3.2.2　浏览器显示的差异16

3.3　兼容问题的解决原理17

3.3.1　避免使用会产生兼容问题的属性17

3.3.2　使用CSS hack解决兼容问题18

3.3.3　其他兼容的方法19

3.4　CSS hack的使用20

3.4.1　针对IE的CSS hack20

3.4.2　针对Firefox的CSS hack21

第4章　制作背景23

4.1 网页背景的相关知识23

4.1.1 背景的分类23

4.1.2　使用CSS控制背景颜色23

4.1.3　使用CSS控制背景图片25

4.1.4　使用CSS控制背景图片的重复27

4.1.5 固定背景图片28

4.1.6　设置背景图片的显示位置30

4.2　设置多个背景32

4.3　制作渐变背景37

4.3.1　效果图分析37

4.3.2 背景图片的制作38

4.3.3 页面文件的制作39

4.3.4　使用滤镜制作渐变背景43

4.4　综合实例——企业网站引导页的制作44

4.4.1　效果图分析45

4.4.2　页面结构制作45

4.4.3 页面内容及样式制作46

4.5 小结50

第5章　制作Logo和Banner51

5.1　Logo和Banner的相关知识51

5.1.1　Logo和Banner的概念51

5.1.2　盒子模型52

5.1.3　CSS边框属性52

5.1.4　CSS内边距属性54

5.1.5　CSS外边距属性56

5.2　制作图像Logo58

5.2.1　效果图分析58

5.2.2　页面结构制作59

5.2.3　Logo图片位置的确定59

5.3　制作图像Banner61

5.3.1　效果图的分析61

5.3.2　页面结构制作61

5.3.3　Banner图片位置的确定62

5.4　综合实例——公司网站顶部内容的制作64

5.4.1　效果图分析64

5.4.2　页面结构制作65

5.4.3 页面内容及样式制作65

5.5 小结70

第6章　制作站点导航栏71

6.1　站点导航栏的相关知识71

6.1.1　站点导航栏的分类71

6.1.2　CSS浮动属性72

6.1.3　CSS清除浮动属性76

6.1.4　CSS字体属性78

6.2　制作文本导航栏81

6.2.1　效果图的分析81

6.2.2　页面结构的制作82

6.2.3　使用〈span〉标签制作文本导航栏内容82

6.2.4　使用〈li〉标签制作文本导航栏内容86

6.3　制作图片导航栏87

6.3.1　效果图的分析87

6.3.2 页面结构的制作88

6.3.3 页面内容的制作88

6.4　制作横向自由伸展的导航栏92

6.4.1　九宫格技术原理92

6.4.2　效果图的分析95

6.4.3　制作导航栏的结构96

6.4.4　制作页面的CSS样式96

6.5　综合实例——企业网站下拉式导航栏的制作99

6.5.1　效果图分析99

6.5.2　页面结构制作99

6.5.3　页面内容及样式制作100

6.5.4　导航栏的制作和样式定义101

6.6　小结105

第7章　制作列表和表单106

7.1　列表和表单的相关知识106

7.1.1 列表的分类106

7.1.2　表单的分类109

7.1.3　CSS列表属性113

7.2　制作新闻列表116

7.2.1 效果图的分析116

7.2.2 页面结构的制作117

7.2.3　新闻列表网页样式的制作118

7.2.4　修饰列表图片的定位119

7.3　复杂列表排版120

7.3.1　overflow属性的语法结构120

7.3.2　效果图的分析123

7.3.3 页面结构的制作123

7.3.4　CSS部分的制作125

7.4　制作用户注册表单127

7.4.1 效果图的分析128

7.4.2 页面结构的制作128

7.4.3　CSS部分的制作129

7.5　综合实例——会员注册页面的制作131

7.5.1　效果图的分析132

7.5.2 页面结构的制作132

7.5.3　CSS部分的制作134

7.6 小结136

第8章　制作页面内容的版式137

8.1　关于页面内容版式的知识137

8.1.1　段落的设置137

8.1.2　图文混排140

8.1.3　CSS文本属性142

8.1.4　CSS表格属性144

8.2　制作独立的文本段落147

8.2.1　设置段落的大小147

8.2.2　定义段落的显示效果149

8.3　制作图文混排版式151

8.3.1　效果图的分析151

8.3.2　页面结构的制作152

8.3.3　CSS部分的制作153

8.4　制作数据表格156

8.4.1　效果图的分析156

8.4.2 页面结构的制作157

8.4.3　CSS部分的制作159

8.4.4　应用JavaScript制作鼠标经过表格160

8.5　综合实例——产品信息页面的制作161

8.5.1　效果图的分析161

8.5.2 页面结构的制作162

8.5.3　CSS部分的制作165

8.6　小结169

第9章　制作超链接170

9.1　关于超链接的知识170

9.1.1　超链接的分类170

9.1.2　超链接的组成与超链接的伪类171

9.1.3 多个超链接样式的定义174

9.1.4 鼠标特效179

9.2　制作Windows风格样式的CSS按钮181

9.2.1　效果图的分析181

9.2.2　页面结构的制作181

9.2.3　CSS部分的制作183

9.3　综合实例——制作仿按钮下陷效果的实例187

9.3.1　效果图的分析187

9.3.2 页面结构的制作187

9.3.3　制作页面的CSS样式188

9.4　小结193

第10章　制作页面底部信息194

10.1　关于页面底部信息的知识194

10.2　制作包含导航链接的页面底部内容194

10.2.1　效果图的分析194

10.2.2 页面结构的制作195

10.2.3　CSS部分的制作196

10.3 小结198

第11章　制作博客类网页199

11.1　博客类网页介绍199

11.1.1　博客页面的作用199

11.1.2　博客页面的构成及特点200

11.2　效果图的分析200

11.2.1　界面设计分析201

11.2.2　规划页面布局202

11.3　切图与划分页面内容202

11.3.1 隐藏页面中的文本内容202

11.3.2　切取页面中的背景203

11.3.3 切取页面中的内容203

11.3.4　保存各种图片204

11.4　规划并建立站点205

11.5　页面头部内容制作206

11.5.1　制作头部的结构代码206

11.5.2　定义页面的相关信息207

11.5.3　导入样式表文件207

11.6　页面头部内容的制作208

11.6.1 头部内容结构分析208

11.6.2　对顶部内容进行定义208

11.6.3　导航栏的制作210

11.7　制作日志内容部分212

11.7.1 制作网页主体部分212

11.7.2　制作日志摘要部分的结构代码214

11.7.3　对日志摘要部分添加样式215

11.7.4　翻页部分的制作219

11.7.5　制作日志内容下边框220

11.8　制作右侧列表内容221

11.8.1　博主信息栏221

11.8.2　列表模块的制作223

11.8.3　文本模块的制作224

11.8.4　右侧列表内容底边框的制作226

11.9　页面底部内容及整体页面调整227

11.9.1 页面底部内容的制作227

11.9.2　整体页面调整227

11.10　制作二级页面228

11.10.1　二级页面效果图的分析228

11.10.2　分析通用的样式229

11.10.3　定义新的CSS样式230

11.11 小结232

第12章　制作企业宣传类网页233

12.1　企业宣传类网页介绍233

12.1.1 企业宣传类网页的作用233

12.1.2　企业宣传类网页的构成及特点234

12.2　效果图的分析234

12.2.1　界面设计分析234

12.2.2　规划页面布局235

12.3　切图与划分页面内容236

12.3.1 隐藏页面中的文本内容236

12.3.2　切取并保存页面中的内容文件236

12.3.3　保存各种图片237

12.4　规划并建立站点237

12.5　页面头部信息内容制作238

12.5.1　制作头部的结构代码238

12.5.2　定义页面的相关信息239

12.5.3　导入样式表文件239

12.6　页面头部内容的制作240

12.6.1 头部内容结构分析240

12.6.2　对整体样式进行定义240

12.6.3　头部内容的制作241

12.7　页面主体内容的制作246

12.7.1　主体内容结构分析246

12.7.2　制作主体部分左边内容248

12.7.3　制作主体部分中间内容250

12.7.4　制作主体部分右边内容252

12.8　页面底部内容的制作254

12.9　制作二级页面255

12.9.1 二级页面效果图分析255

12.9.2　制作页面及样式256

12.10　小结258

第13章　制作网店类网页259

13.1 网店类网页介绍259

13.1.1 网店类网页的作用259

13.1.2 网店类网页的构成及特点260

13.2　效果图的分析260

13.2.1　界面设计分析261

13.2.2　规划页面布局262

13.3　切图与划分页面内容262

13.3.1 隐藏页面中的文本内容262

13.3.2　切取并保存页面中的内容文件263

13.4　规划并建立站点263

13.5　页面头部内容的制作264

13.5.1 头部内容结构分析264

13.5.2　对整体样式进行定义265

13.5.3　对头部内容进行样式定义266

13.5.4　对网站Logo进行样式定义266

13.5.5　对网站工具栏进行样式定义267

13.5.6　对用户工具栏进行样式定义268

13.5.7　对网站广告进行样式定义269

13.6　页面主体内容的制作270

13.6.1 主体内容结构分析270

13.6.2　对主体内容最外层的块进行样式定义271

13.6.3　对搜索栏进行样式定义272

13.6.4　对商品列表进行样式定义273

13.6.5　对用户登录部分、最新商品部分和最热门商品部分进行样式定义275

13.6.6　对商品展示内容进行样式定义279

13.6.7　对主体底部内容进行样式定义283

13.7　底部内容的制作287

13.8　制作二级页面289

13.8.1　二级页面效果图的分析289

13.8.2　制作页面及样式289

13.9　小结293

第14章　制作门户网页294

14.1 门户类网页介绍294

14.1.1 门户类网页的作用294

14.1.2 门户类网页的构成及特点295

14.2　效果图的分析295

14.2.1　界面设计分析295

14.2.2　规划页面布局296

14.3　切图与划分页面内容297

14.3.1 隐藏页面中的文本内容297

14.3.2　切取并保存页面中的内容文件298

14.3.3　保存各种图片299

14.4　规划并建立站点300

14.5　页面头部信息内容的制作301

14.5.1　制作头部的结构代码301

14.5.2　定义页面的相关信息301

14.5.3　导入样式表文件302

14.6　页面头部的制作302

14.6.1 头部内容结构分析302

14.6.2　对整体样式进行定义303

14.7　头部内容的制作305

14.7.1　对头部文件整体添加样式305

14.7.2　制作顶部内容305

14.7.3　制作网站Logo和Banner306

14.7.4　制作导航栏307

14.7.5　制作搜索栏309

14.8　页面主体内容的制作310

14.9　制作资讯部分的内容311

14.9.1 制作旅游资讯部分内容312

14.9.2　制作四川旅游地图部分内容314

14.9.3　制作线路精选部分内容315

14.10　制作网站主体Banner部分内容318

14.10.1　制作互动版块内容319

14.10.2　制作专题旅游内容321

14.10.3　制作游记攻略内容324

14.10.4　制作旅游图库内容326

14.10.5　制作经典推荐内容328

14.10.6　制作社区热帖内容330

14.11 页面底部内容的制作332

14.12　制作二级页面333

14.13　制作页面及样式334

14.13.1　制作社区热帖内容335

14.13.2　制作热门作者排行337

14.13.3　制作最新帖子内容338

14.14 小结341