新書推薦：
《
“御容”与真相：近代中国视觉文化转型（1840-1920）
》
售價：NT$
505.0
《
鸣沙丛书·大风起兮：地方视野和政治变迁中的“五四”（1911～1927）
》
售價：NT$
454.0
《
海洋、岛屿和革命：当南方遭遇帝国（文明的另一种声音）
》
售價：NT$
485.0
《
铝合金先进成型技术
》
售價：NT$
1214.0
《
英雄之旅：把人生活成一个好故事
》
售價：NT$
398.0
《
分析性一体的涌现：进入精神分析的核心
》
售價：NT$
556.0
《
火枪与账簿：早期经济全球化时代的中国与东亚世界
》
售價：NT$
352.0
《
《全面与进步跨太平洋伙伴关系协定》国有企业条款研究
》
售價：NT$
449.0
|
| 編輯推薦： |
手把手教会你用HTML 5和CSS 3开发网页
系统讲解HTML 5和CSS 3的新功能和新特性
理论结合实践，每个知识点都对应示例进行讲解
184个实例剖析、26个综合案例详解，提升实战技能
|
| 內容簡介： |
《html 5+css 3网页开发实战精解》全面、系统地讲解了html 5和css
3从web界面设计到web应用开发的各种技术。本书难度适中，学习梯度科学，知识架构严谨，内容由浅入深、从易到难，讲解通俗易懂，并注重读者兴趣的培养，讲解时还列举了大量实例，以帮助读者提高实战技能。本书配带1张光盘，内容为本书重点内容的教学视频和本书涉及的源代码。
《html 5+css 3网页开发实战精解》共17章，分为3篇。第1篇为技术概览，简要介绍html 5标准和css
3层叠样式表等内容；第2篇为基于css
3的web界面设计实战，重点介绍文字、背景、边框、盒布局、多列布局、动画、渐变、支持多种设备的样式表等内容；第3篇为基于html
5的web应用开发实战，重点介绍绘图、音频和视频、新型表单、拖放、本地存储、离线应用、跨源通信、websocket双向通信、多线程和地理位置等内容。
《html 5+css
3网页开发实战精解》适合web设计与开发的新手阅读，也适合有一定web前端开发基础的网页开发人员阅读；对于大中专院校的学生，本书也不失为一本网页开发的好教材。如果阅读本书的读者具备css样式表和javascript的基础知识，学习效果会更好。
|
| 關於作者： |
杨习伟
从事Web软件开发及系统设计7年，主要负责ERP系统和工作流引擎的设计与开发，在Web软件项目开发中积累了大量的实战经验。不仅对HTML、CSS和JavaScript有深入的理解，而且还对C#、.NET、Web
Services、WCF、SQL
Server等主流开发技术有深入的研究并在项目中使用。曾经参与开发了企业网站、OA系统、CRM系统、积分系统等。
|
| 目錄：
|
第1篇 技术概览
第1章 html 5标准（教学视频：46分钟）
1.1 html 5介绍
1.2 全新的html
1.3 html 5的未来发展
1.4 小结
1.5 习题
第2章 css 3层叠样式表（教学视频：25分钟）
2.1 css 3简介
2.2 增强的选择器功能
2.3 小结
2.4 习题
第2篇 基于css 3的web界面设计实战
第3章 文本、背景、边框不再单调（教学视频：96分钟）
3.1 文本与字体
3.2 色彩模式和不透明度
3.3 背景
3.4 边框
3.5 小结
3.6 习题
第4章 灵活的盒布局和界面设计（教学视频：69分钟）
4.1 灵活的盒布局
4.2 增强的盒模型
4.3 增强的用户界面设计
4.4 小结
4.5 习题
第5章 你一直期待的多列布局（教学视频：21分钟）
5.1 多列布局基础
5.2 实验室：模仿杂志的多列版式
5.3 小结
5.4 习题
第6章 酷炫的动画和渐变（教学视频：82分钟）
6.1 css 3变形基础
6.2 css 3过渡效果
6.3 css 3动画设计
6.4 css 3渐变设计
6.5 小结
6.6 习题
第7章 支持多种设备的样式表方案（教学视频：15分钟）
第3篇 基于html 5的web应用开发实战
第8章 绘制图形如此简单（教学视频：78分钟）
第9章 便捷的音频和视频（教学视频：44分钟）
第10章 不可思议的表单（教学视频：59分钟）
第11章 可触到的拖放功能（教学视频：39分钟）
第12章 本地存储让你的应用更加高效（教学视频：37分钟）
第13章 别开生面的离线应用（教学视频：33分钟）
第14章 安全的跨源通信（教学视频：37分钟）
第15章 强大的websocket双向通信（教学视频：23分钟）
第16章 web背后——看不见的多线程（教学视频：34分钟）
第17章 我知道你在哪里—地理位置api（教学视频：21分钟）
|
| 內容試閱：
|
第4章 灵活的盒布局和界面设计在CSS
2.0的时代，页面布局比较流行DIV+CSS，但其中的浮动布局有很多不便和缺陷。盒子元素的阴影效果还要借助图片来实现；界面美化方面也略显复杂。对于这些问题，在传统的设计中，没有那么直接的实现，要绕一些弯子。而在CSS
3中，这些问题将变得简单而直接。弹性布局直接解决页面布局的问题；盒子阴影有专门的属性处理；友好的界面设计也少走了很多弯路。本章将针对CSS
3新增的属性内容进行详细讲解。 4.1 灵活的盒布局为了解决传统布局中的不足，CSS
3新增了新型的盒布局。使用盒布局，可以实现盒元素内部的多种布局，包括排列方向、排列顺序、空间分配和对齐方式等，大大增强了布局的灵活性。这一革命性的改进，大大提高了前端设计师的工作效率和工作水平，下面逐步学习盒布局。
4.1.1 开启盒布局盒布局是CSS
3发展的新型布局方式，它比传统的浮动布局方式更加完善、更加灵活，而使用方法却极为简单。开启盒布局的方法，就是把display属性值设置为box或inline-box。目前没有浏览器支持box属性值，为了能兼容webkit内核和gecko内核的浏览器，可分别使用-webkit-box和-moz-box属性。开启盒布局后，文档就会按照盒布局默认的方式来布局子元素。接下来看一个简单的网页，从左至右排列三个栏目：菜单栏、内容栏和工具栏。传统的实现方式会使用浮动布局方式，现在我们用盒布局的方式来实现三个栏目的横向排列。【示例4-1】一个简单的三栏网页。
[!DOCTYPE HTML] [html] [head] [meta charset="utf-8"]
[title]一个简单的三栏网页[title] [style type="textcss"] .container { *
开启盒布局 * display:-webkit-box; * 兼容webkit内核 * display:-moz-box; *
兼容gecko内核 * display:box; * 定义为盒子显示 * } .container div {
color:#FFF; font-size:12px; padding:10px; line-height:20px; }
.container div ul { margin:0; padding-left:20px; } .container
.left-aside { background-color:#F63; * 左侧菜单栏背景颜色 * } .container
.center-content { background-color:#390; * 中间内容栏背景颜色 *
width:200px; } .container .right-aside { background-color:#039; *
右侧工具栏背景颜色 * } [style] [body] [div class="container"] [div
class="left-aside"] [h2]菜单[h2] [ul] [li]HTML5[li] [li]CSS 3[li]
[li]活动沙龙[li] [li]研发小组[li] [ul] [div] [div
class="center-content"] [h2]内容[h2]
盒布局是CSS 3发展的新型布局方式，它比传统的浮动布局方式更加完善、更加灵活，而 使用方法却极为简单。
开启盒布局方法，就是设置display属性值为box（或inline-box）。
[div] [div class="right-aside"] [h2]工具[h2] [ul] [li]天气预报[li]
[li]货币汇率[li] [ul] [div] [div] [body] [html]
运行结果如图4-1所示。代码分析：在示例4-1中，设置了container类的属性“display:box;”，并针对webkit内核和gecko内核设置了各自的私有属性值。接下来，被赋予container类的元素的内部元素，将改变原有的文档流动方式，使用盒布局默认的文档流动方式，如图4-1所示。盒布局包含多方面的内容，开启盒布局只是盒布局的第一步。图4-1
一个简单的三栏网页 4.1.2 元素的布局方向——box-orient属性 CSS
3新增的box-orient属性，可用于定义盒元素的内部布局方向。基于webkit内核的替代私有属性是-webkit-box-orient，基于gecko内核的替代私有属性是-moz-box-orient。
1. 参数说明 box-orient属性的语法如下： box-orient : horizontal
……
|
|
購物車/收銀台(0) | 在線留言板
| 付款方式
| 聯絡我們
| 運費計算
| 幫助中心 |
加入書簽
HOME
新書上架
