dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 16100|回复: 215

[前端] 变幻之美Div+CSS网页布局揭秘(案例实战篇).(金峰).[PDF]

  [复制链接]

该用户从未签到

28

主题

7886

帖子

1054

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
1054

发表于 2018-6-7 18:31:40 | 显示全部楼层 |阅读模式

本站资源全部免费,回复即可查看下载地址!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
122007x7vql1q41hwvhpp9.jpg

介绍:
本书通过作者原创的4个案例,细致地介绍了基于web标准的div css网页布局的实现方法。每个案例均按照效果图设计、效果图切割、html代码编写、页面效果分析,以及最终css页面布局实现进行讲解,即使是刚入门的新手,也可以按照书中介绍一步步轻松实现复杂的css页面布局。.
   书中每个案例都是独立设计的,案例中又包含多种结构的网页布局与页面模块,读者在学习过程中既可以直接参考,又可以根据实际情况灵活进行修改。通过反复学习和实践,最终快速掌握div+css的应用精髓。..
   本书案例设计精美、内容丰富、文字简洁、代码清晰,可以帮助读者在不知不觉中,掌握css网页布局精华,融会贯通html标签与css属性的应用。
   本书适合从事网页设计、网站制作、web程序开发、web标准化的人员阅读和使用,还可作为高等院校相关专业的教学和参考用书,以及各类社会培训机构的培训用书。...

目录:
第1章 从hello world开始. 1
1.1 案例效果图分析 2
1.2 布局规划及切图 5
1.2.1 页面布局规划  5
1.2.2 切割及导出图片 9
1.3 xhtml编码 10
1.3.1 页面xhtml主体结构  10
1.3.2 头部与底部xhtml编码 11
1.3.3 主体内容xhtml编码 12
1.4 应用css样式组建网页 14
1.4.1 页面布局css样式  14
1.4.2 头部与底部css样式  21
1.4.3 首页主体内容css样式  24
1.4.4 内页主体内容css样式  30
1.5 css编码精简与合并 35
第2章 简洁布局之变幻的css 38
2.1 案例效果图分析 39
2.2 布局规划及切图 40
2.2.1 页面布局规划 40
2.2.2 切割及导出图片 42
.2.3 xhtml编码 42
2.3.1 页面主体元素xhtml编码 43
2.3.2 页面头部与导航菜单xhtml编码 44
2.3.3 页面内容区与底部版权xhtml编码 46
2.3.4 侧边栏元素xhtml编码 47
2.4 应用css样式组建网页 48
2.4.1 页面布局css样式 49
2.4.2 页面头部logo、标语和搜索表单css样式 52
2.4.3 页面头部横向导航菜单css样式 55
2.4.4 内容区域与底部版权css样式 57
2.4.5 侧边栏元素css样式 59
2.5 变幻之美——风格调整 63
2.6 分析变化与切图 64
2.7 通过修改css样式重构网页 65
2.7.1 调整页面布局css样式 66
2.7.2 调整页面头部与导航菜单css样式 68
2.7.3 调整内容区域与底部版权css样式 71
2.7.4 调整侧边栏元素css样式 72
第3章 古色古香的古典风格网站设计 75
3.1 案例效果图分析 76
3.2 布局规划与切图 79
3.2.1 页面布局规划  79
3.2.2 切割及导出图片..  82
3.3 xhtml编码 86
3.3.1 页面主体元素xhtml编码  87
3.3.2 页面共有元素xhtml编码  88
3.3.3 网站首页中部内容区xhtml编码  90
3.3.4 栏目列表页中部内容区xhtml编码  94
3.3.5 内容终端页中部内容区xhtml编码  97
3.4 应用css样式组建网页 99
3.4.1 页面布局css样式  99
3.4.2 页面共有元素column层css样式  105
3.4.3 页面共有元素main层css样式  109
3.4.4 页面共有元素sider层css样式  114
3.4.5 网站首页中部内容区css样式  120
3.4.6 栏目列表页中部内容区css样式  127
3.4.7 内容终端页中部内容区css样式  136
3.5 网站文件与css样式规划整理 139
3.5.1 网站文件与目录结构  139
3.5.2 css样式规划与样式组织  140
第4章 活力四射的热情风格网站设计 142
4.1 案例效果图分析 143
4.2 布局规划与切图 147
4.2.1 页面布局规划  147
4.2.2 切割与导出表现层图片  152
4.2.3 切割与导出内容层图片  157
4.3 网站文件与css样式规划 158
4.3.1 网站文件规划  159
4.3.2 css样式规划  160
4.4 xhtml编码 161
4.4.1 页面主体布局xhtml编码  161
4.4.2 页头header层与页脚footer层xhtml编码  163
4.4.3 页面共有元素xhtml编码  165
4.4.4 网站首页xhtml编码完善  168
4.4.5 栏目列表页xhtml编码完善  174
4.4.6 内容终端页xhtml编码完善  177
4.5 应用css样式组建网页 179
4.5.1 页面布局css样式  179
4.5.2 页头header层css样式  186
4.5.3 页脚footer层css样式 191
4.5.4 共有元素“最近更新”与“推荐图片”css样式 196
4.5.5 共有元素“推荐阅读”与“旗帜广告”css样式 202
4.5.6 网站首页css样式完善 207
4.5.7 栏目列表页css样式完善 217
4.5.8 内容终端页css样式完善 223
4.6 网站文件成型与调整 233
4.6.1 html文件成型与保存 233
4.6.2 应用css样式实现“当前页”效果... 234
游客,如果您要查看本帖隐藏内容请回复

温馨提示:
1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
2、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意!
3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
5、若发现链接失效了请联系管理员,管理员会在2小时内修复
6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!
回复

使用道具 举报

该用户从未签到

24

主题

7885

帖子

962

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
962

发表于 2018-9-8 20:43:34 | 显示全部楼层
看帖回帖是美德!:lol
回复 支持 反对

使用道具 举报

该用户从未签到

34

主题

7754

帖子

979

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
979

发表于 2018-9-9 15:46:48 | 显示全部楼层
过来看看的
回复 支持 反对

使用道具 举报

该用户从未签到

29

主题

7878

帖子

1075

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
1075

发表于 2018-9-12 00:47:52 | 显示全部楼层
学习了,不错,讲的太有道理了
回复 支持 反对

使用道具 举报

该用户从未签到

49

主题

7865

帖子

940

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
940

发表于 2018-9-13 11:17:14 | 显示全部楼层
过来看看的
回复 支持 反对

使用道具 举报

该用户从未签到

28

主题

7886

帖子

1054

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
1054

 楼主| 发表于 2018-9-13 21:29:26 | 显示全部楼层
路过,学习下
回复 支持 反对

使用道具 举报

该用户从未签到

23

主题

7985

帖子

1042

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
1042

发表于 2018-9-14 12:46:35 | 显示全部楼层
路过,学习下
回复 支持 反对

使用道具 举报

该用户从未签到

26

主题

7770

帖子

1037

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
1037

发表于 2018-9-14 17:18:14 | 显示全部楼层
相当不错,感谢无私分享精神!
回复 支持 反对

使用道具 举报

该用户从未签到

2

主题

7561

帖子

1054

积分

技冠群雄

Rank: 6Rank: 6

积分
1054

发表于 2018-9-15 21:31:13 | 显示全部楼层
过来看看的
回复 支持 反对

使用道具 举报

该用户从未签到

15

主题

7875

帖子

966

积分

荣誉会员

积分
966

发表于 2018-9-16 08:28:44 | 显示全部楼层
相当不错,感谢无私分享精神!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|小黑屋|本站代理|dmz社区

GMT+8, 2024-12-24 09:27 , Processed in 0.103259 second(s), 43 queries .

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表