变幻之美:Div+CSS网页布局揭秘(案例实战篇)
分類: 图书,计算机与互联网,图形图像、动画、多媒体与网页开发,网页设计,
品牌: 金峰
基本信息·出版社:人民邮电出版社
·页码:235 页
·出版日期:2009年09月
·ISBN:7115210756/9787115210753
·条形码:9787115210753
·包装版本:第1版
·装帧:平装
·开本:16
·正文语种:中文
产品信息有问题吗?请帮我们更新产品信息。
内容简介《变幻之美:Div+CSS网页布局揭秘(案例实战篇)》通过作者原创的4个案例,细致地介绍了基于Web标准的Div CSS网页布局的实现方法。每个案例均按照效果图设计、效果图切割、HTML代码编写、页面效果分析,以及最终CSS页面布局实现进行讲解,即使是刚入门的新手,也可以按照书中介绍一步步轻松实现复杂的CSS页面布局。书中每个案例都是独立设计的,案例中又包含多种结构的网页布局与页面模块,读者在学习过程中既可以直接参考,又可以根据实际情况灵活进行修改。通过反复学习和实践,最终快速掌握Div+CSS的应用精髓。《变幻之美:Div+CSS网页布局揭秘(案例实战篇)》案例设计精美、内容丰富、文字简洁、代码清晰,可以帮助读者在不知不觉中,掌握CSS网页布局精华,融会贯通HTML标签与CSS属性的应用。《变幻之美:Div+CSS网页布局揭秘(案例实战篇)》适合从事网页设计、网站制作、Web程序开发、Web标准化的人员阅读和使用,还可作为高等院校相关专业的教学和参考用书,以及各类社会培训机构的培训用书。
作者简介金峰,具有10年以上Web开发经验,参与、主持过多个大型Web项目开发。对Web标准、CSS网页布局、JavaScript、PHP及数据库开发等内容有深入研究。对Web界面设计、用户体验、搜索引擎优化、网络营销和Web开发项目管理等有丰富的实践经验。创办52CSS.corn网站及W3Cbbs.com论坛,汇集数千名CSS学习者及前端开发人员共同学习、探讨Web开发的各类热门技术。
编辑推荐《变幻之美:Div+CSS网页布局揭秘(案例实战篇)》:
100%作者原创案例,100%详细拆分讲解,CSS布局不再神秘。
Step by step轻松上手
每个案例均按照效果图切割、页面效果分析、HTML代码编写,最终CSS页面布局实现进行讲解、即使刚入门的新手,也可以一步步轻松实现复杂的CSS页面布局。
HTML&CSS编码实战
不需要理解复杂的理论知识,不再惧怕CSS属性与HTML标签,通过作者的原创经典案例,
学习者可以亲自实战编写代码,学习过程变得充满乐趣
CSS技巧融会贯通
没有教条式地罗列各种属性知识,而是针对实际开发中最可能遇到的问题,给出针对性地详
细解答,将多种CSS技巧融会贯通于其中,让你顺利地从新手过渡到高手。
目录
第1章 从HelloWorld开始
1.1 案例效果图分析
1.2 布局规划及切图
1.2.1 页面布局规划
1.2.2 切割及导出图片
1.3 XHTML编码
1.3.1 页面XHTML主体结构
1.3.2 头部与底部XHTML编码
1.3.3 主体内容XHTML编码
1.4 应用CSS样式组建网页
1.4.1 页面布局CSS样式
1.4.2 头部与底部CSS样式
1.4.3 首页主体内容CSS样式
1.4.4 内页主体内容CSS样式
1.5 CSS编码精简与合并
第2章 简洁布局之变幻的CSS
2.1 案例效果图分析
2.2 布局规划及切图
2.2.1 页面布局规划
2.2.2 切割及导出图片
2.3 XHTML编码
2.3.1 页面主体元素XHTML编码
2.3.2 页面头部与导航菜单XHTML编码
2.3.3 页面内容区与底部版权XHTML编码
2.3.4 侧边栏元素XHTML编码
2.4 应用CSS样式组建网页
2.4.1 页面布局CSS样式
2.4.2 页面头部LOGO、标语和搜索表单CSS样式
2.4.3 页面头部横向导航菜单CSS样式
2.4.4 内容区域与底部版权CSS样式
2.4.5 侧边栏元素CSS样式
2.5 变幻之美——风格调整
2.6 分析变化与切图
2.7 通过修改CSS样式重构网页
2.7.1 调整页面布局CSS样式
2.7.2 调整页面头部与导航菜单CSS样式
2.7.3 调整内容区域与底部版权CSS样式
2.7.4 调整侧边栏元素CSS样式
第3章 古色古香的古典风格网站设计
3.1 案例效果图分析
3.2 布局规划与切图
3.2.1 页面布局规划
3.2.2 切割及导出图片
3.3 XHTML编码
3.3.1 页面主体元素XHTML编码
3.3.2 页面共有元素XHTML编码
3.3.3 网站首页中部内容区XHTML编码
3.3.4 栏目列表页中部内容区XHTML编码
3.3.5 内容终端页中部内容区XHTML编码
3.4 应用CSS样式组建网页
3.4.1 页面布局CSS样式
3.4.2 页面共有元素column层CSS样式
3.4.3 页面共有元素main层CSS样式
3.4.4 页面共有元素sider层CSS样式
3.4.5 网站首页中部内容区CSS样式
3.4.6 栏目列表页中部内容区CSS样式
3.4.7 内容终端页中部内容区CSS样式
3.5 网站文件与CSS样式规划整理
3.5.1 网站文件与目录结构
3.5.2 CSS样式规划与样式组织
第4章 活力四射的热情风格网站设计
4.1 案例效果图分析
4.2 布局规划与切图
4.2.1 页面布局规划
4.2.2 切割与导出表现层图片
4.2.3 切割与导出内容层图片
4.3 网站文件与CSS样式规划
4.3.1 网站文件规划
4.3.2 CSS样式规划
4.4 XHTML编码
4.4.1 页面主体布局XHTML编码
4.4.2 页头header层与页脚footer层XHTML编码
4.4.3 页面共有元素XHTML编码
4.4.4 网站首页XHTML编码完善
4.4.5 栏目列表页XHTML编码完善
4.4.6 内容终端页XHTML编码完善
4.5 应用CSS样式组建网页
4.5.1 页面布局CSS样式
4.5.2 页头header层CSS样式
4.5.3 页脚footer层CSS样式
4.5.4 共有元素“最近更新”与“推荐图片”CSS样式
4.5.5 共有元素“推荐阅读”与“旗帜广告”CSS样式
4.5.6 网站首页CSS样式完善
4.5.7 栏目列表页CSS样式完善
4.5.8 内容终端页CSS样式完善
4.6 网站文件成型与调整
4.6.1 HTML文件成型与保存
4.6.2 应用CSS样式实现“当前页”效果
……[看更多目录]
序言普及Web标准与CSS技术已成为一种技术潮流和趋势,而通过:Div CSS进行Web开发则是其中的关键所在。网页设计人员需要不断提高自己的技能以适应这种变化,学会通过XHTML建立良好的语义化结构,并结合CSS,最大程度地使“表现”与“内容”相分离。切不可简单地认为Web标准即是以Div CSS进行网页布局。面对学习中的疑惑与困难,要静下心来认真思考,真正体会Web标准化的意义所在。
本书特色
·所有案例全部是作者原创设计与手工编码,非常具有代表性。
·每个案例均按照效果图切割、HTML代码编写、页面效果分析,以及最终CSS页面布局实现进行讲解,即使是刚入门的新手,也可以轻松按照书中介绍一步步实现复杂的CSS页面布局。
·不再对理论与属性知识进行系统介绍,而是通过案例引出各章节,更强调实战性、实用性。
·不再对各种属性知识进行教条式的罗列,而是针对实际开发中最可能遇到的问题,穿插在案例中进行详细解答。
文摘插图: