HTML5+CSS3网页设计与网站布局从新手到高手

出版时间:2013-1  出版社:清华大学出版社  作者:倪宝童,吴东伟 等编著  页数:331  字数:589000  
Tag标签:无  

内容概要

  《从新手到高手:HTML 5+CSS 3网页设计与网站布局从新手到高手》主要介绍使用HTML
5+CSS3进行网站图像、网页动画设计以及网页制作的方法和实践经验,并从网站开发的角度,详细介绍用HTML
5+CSS3开发不同类型静态网站的经验与过程。《从新手到高手:HTML 5+CSS
3网页设计与网站布局从新手到高手》共分19章,内容涉及HTML5基础知识;HTML5的主体结构、表单、新增元素和文件操作等内容;HTML5的图形绘制和高级应用;HTML5中的多媒体应用、本地存储及离线存储、通信与线程和获取本地信息等内容;CSS3中的基础知识、选择器、文本及盒的相关样式等内容;CSS3中的用户界面模块、变形处理、背景和边框样式等;后台管理页面的设计分析、设置页面等。
  《从新手到高手:HTML 5+CSS
3网页设计与网站布局从新手到高手》图文并茂、技术前卫,适合网页设计与制作初学者、网站开发人员,还可以作为高校相关专业的教材。

书籍目录

第1章 什么是HTML
1.1 网页的概述
1.2 静态网页
1.3 动态网页
1.4 了解网页浏览器
1.5 常用的浏览器
1.6 浏览器内核/网页排版引擎
1.7 HTML标签语言
1.8 XML可扩展标识语言
1.9 XHTML标签语言
1.10 HTML5的新功能
1.11 练习:创建HTML5文档
1.12 练习:制作导航条
1.13 高手答疑
第2章 HTML 5的主体结构
2.1 HTML 5结构性标签体系
2.2 新增的主体结构标签
2.3 新增的非主体结构标签
2.4 练习:个人博客
2.5 练习:制作水果页面
2.6 练习:水墨画页面
2.7 高手答疑
第3章 表单及表单验证
3.1 插入表单
3.2 新增表单属性
3.3 HTML中的标签
3.4 新增表单域
3.5 新的表单元素
3.6 练习:用户登录
3.7 练习:用户注册
3.8 高手答疑
第4章 新增标签及文件操作
4.1 新增页面标签
4.2 改良标签
4.3 增强的cite标签
4.4 重新定义的small标签
4.5 File List对象与file对象
4.6 Blob对象
4.7 File Reader接口
4.8 拖放接口
4.9 练习:风景推荐线路
4.10 练习:制作校园简介
4.11 高手答疑
第5章 使用Canvas API绘制图形
5.1 认识Canvas API元素
5.2 浏览器的支持与替代内容
5.3 在页面中放置Canvas元素
5.4 使用路径功能
5.5 使用变换(Transformation)
5.6 保存图形状态
5.7 描边样式和填充样式
5.8 在Canvas中插入图片
5.9 绘制文字
5.10 绘制曲线
5.11 创建渐变对象
5.12 创建背景图
5.13 应用阴影
5.14 像素数据
5.15 高手答疑
第6章 应用多媒体
6.1 插入视频或音频
6.2 属性
6.3 方法
6.4 事件
6.5 练习:在HTML5中插入音频
6.6 练习:制作视频播放页面
6.7 高手答疑
第7章 本地存储和离线应用程序
7.1 什么是Web Storage
7.2 Web Storage的优势
7.3 判断浏览器
7.4 Web Storage方法
7.5 本地数据库基本
7.6 本地数据库操作
7.7 离线Web应用程序详解
7.8 Cache Manifest文件
7.9 在线状态检测
7.10 Application Cache对象
7.11 练习:制作简单留言簿
7.12 练习:创建离线浏览
7.13 高手答疑
第8章 通信与线程
8.1 跨文档消息传输
8.2 Web Socket通信
8.3 了解Web Sockets API
8.4 使用Web Socket
8.5 了解Web Workers
8.6 Web Workers工作原理
8.7 工作线程与多线程
8.8 线程事件处理模型
8.9 线程生命周期
8.10 浏览器与线程
8.11 练习:制作信息发送页
8.12 练习:多线程运行
8.13 练习:单个线程计算
8.14 高手答疑
第9章 获取地理位置信息
9.1 getcurrentPosition方法
9.2 WatchPosition方法
9.3 clearWatch方法
9.4 position对象
9.5 练习:联系我们页面
9.6 练习:个人博客
9.7 高手答疑
第10章 揭秘CSS3
10.1 了解CSS
10.2 使用CSS的好处
10.3 CSS的发展史
10.4 CSS缺点和使用陷阱
10.5 CSS3的新特性
10.6 应用CSS
10.7 CSS里的单位
10.8 编写规则
10.9 练习:制作多彩时尚网
10.10 练习:制作文章页面
10.11 高手答疑
第11章 CSS3选择器
11.1 认识CSS3选择器
11.2 属性选择器
11.3 伪类选择器和伪元素
11.4 结构性伪类选择器
11.5 UI元素状态伪类选择器
11.6 其他关系选择器
11.7 练习:制作图书列表
11.8 练习:制作商品列表
11.9 高手答疑
第12章 在页面中插入内容
12.1 使用选择器来插入文字
12.2 在标题前插入图像文件
12.3 插入图像文件的好处
12.4 attr属性应用
12.5 使用content属性
12.6 练习:企业新闻列表
12.7 练习:在线调查
12.8 高手答疑
……
第13章 文本相关样式
第14章 盒相关样式
第15章 用户界面模块
第16章 背景、边框样式及变形处理
第17章 CSS中的动画
第18章 后台管理页面
第19章 君华房产网站首页

章节摘录

版权页:   插图:   问题4:图片如何随页面滚动加载? 解答:其实这是很多大型网站都使用的方法,比如淘宝、拍拍等。在游戏官网里做了一些尝试,效果不错,初期为首页节省了几十KB的下载量,因为不同显示器分辨率不同,所以第一屏高度不一样,这个数据有所浮动。 首先,将图片的路径存储在img标签的一个非src属性中,首页是存储在rel属性中的,此举是避免页面直接加载图片。然后使用Js的监听方法(IE是attachEvent,其他浏览器是addEventListener),监听页面的scroll事件。 一旦页面滚动,就会执行一个编写的函数,来判断图片是否处于浏览器的当前一屏内,如果是,将rel属性内的地址赋值给src属性,如果不是,继续监听。当板块内的所有图片都被加载后,取消监听。 问题5:如何减少页面加载量? 解答:减少页面加载量最主要的目的是减少资源消耗,加快页面的呈现速度。虽然延迟加载可以在一定程度上优化页面的性能,但不是所有的内容都需要第一时间加载给用户看或者重复加载的。 例如,用户在浏览页面第一屏的內容,那么页面在打开时就加载第一屏以下的一些內容就不是很有必要。再或者,官网页面申一些相同的部分,如导航、脚部声明等部分,这些修改率极低的内容每次都从服务器请求,在一定程度上增加了页面加载的负荷。 减少页面加载量的方法有很多,这主要用到了以下方法。 采用HTML 5本地存储技术,在用户电脑里存储页面的一些內容,如导航、合作媒体、脚部声明等。这样用户在加载页面时,浏览器直接从本地获取这些內容,在一定程度上减少了资源的消耗。 图片随滚动条滚动加载,使用户在浏览页面时,动态按需加载图片。比如,用户在浏览第一屏內容时,第一屏以后的图片是没有加载的,当用户滚动页面时,呈现在浏览器申的部分会动态加载图片。 优化轮播广告的加载方式,页面打开时只加载第一张图片,在轮播到第二张图片时,才请求加载第二张图片,以此类推。 按需加载页卡的內容,官网首页右上角的新闻版块,加载时只请求第一个页卡的内容, 当用户点击其他页卡时,再加载页卡的内容。

编辑推荐

《HTML 5+CSS 3网页设计与网站布局:从新手到高手(双色印刷)》图文并茂、技术前卫,适合网页设计与制作初学者、网站开发人员,还可以作为高校相关专业的教材。

图书封面

图书标签Tags

评论、评分、阅读与下载


    HTML5+CSS3网页设计与网站布局从新手到高手 PDF格式下载


用户评论 (总计24条)

 
 

  •   HTML 5+CSS网页设计与网站布局
  •   全书内容比较详细,正在学习中。。。。还有光盘里的视频教程也不错。
  •   适合初学者。有基础者可加深认识。
  •   非常适合初学者, 值得一看!
  •   不错的书适合新人
  •   和基础很合适
  •   合作快递真的不负责,都选择了POS机刷卡支付,结果快递没有带POS机
  •   书不错,刚开始看,比较接近实战
  •   还没看呢,大致翻了翻还行
  •   看了后不错啦。
  •   看起来不错,学习也很方便
  •   html5+css3 兼容性越来越大 这本书适合刚入门的童鞋使用
  •   不错。CSS学习用。唯一遗憾的就是本书用dreamweaver讲的实例,现在早没人用了
  •   总体来说,这本书的内容是还可以的。
  •   正在慢慢的看。。。光盘的知识点其实就不多了
  •   书的质量很好,写的很细,很喜欢
  •   还可以!入门级教程!
  •   之前压根儿不熟悉,买了一本儿,看的有些头疼,不是非常适合初学者。另外关盘内容按照需要win7以上的系统,但不影响观看。
  •   书内容不错,就是书皮破旧,脏兮兮的!
  •   速度还行,感谢送货
  •   直接代码就出来一点解释有木有!视频都是在打代码其他都没有有木有!不适合新手有木有!高手没看它的必要有木有!
  •   刚拿到的书~~封面皱了好多~看起来很久 纸张很差~~书脊上有很多胶水~·不知道怎么搞的~快递越来越慢~~对亚马逊无力吐槽了~~价格跟新华书店也差不不了多少~
  •   視頻就是看打英語.從不解釋每一句的用法.書的的例子效果與做出來的不一樣,很多錯,,又是一本坑爸的書!
  •   书是不错,只是sp开发的太少
 

250万本中文图书简介、评论、评分,PDF格式免费下载。 第一图书网 手机版

京ICP备13047387号-7