搜索
高级检索
高级搜索
书       名 :
著       者 :
出  版  社 :
I  S  B  N:
文献来源:
出版时间 :
HTML 5+CSS 3网页设计与网站布局从新手到高手
0.00    
图书来源: 浙江图书馆(由图书馆配书)
  • 配送范围:
    全国(除港澳台地区)
  • ISBN:
    9787302299257
  • 作      者:
    倪宝童,吴东伟等编著
  • 出 版 社 :
    清华大学出版社
  • 出版日期:
    2013
收藏
编辑推荐
  16段全程配音语音教学视频
  25幅实例精美效果图
  90个书中实例素材源文件
  50张网站制作矢量图片
  500张网页制作位图图片
  120个附赠网站开发模板和素材文件
展开
内容介绍
  《从新手到高手: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网页设计与网站布局从新手到高手》图文并茂、技术前卫,适合网页设计与制作初学者、网站开发人员,还可以作为高校相关专业的教材。
展开
精彩书摘

  什么是HTML
  HTML是一种规范、一种标准,它通过标签符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标签符,可以告诉浏览器如何显示其中的内容(如显示文本信息、处理图像、播放动画,以及网页中显示的样式等)。


  网页(Web Page)是网站中的一个页面,通常是HTML格式(文件扩展名为.html、.htm、.asp、

  .aspx、.php或者.jsp等)。

  1.网页构成

  网页是由各种版块构成的。Internet中的网页内容各异。然而多数网页都是由一些基本的版块组成的,包括Logo图标、导航条、Banner、内容版块、版尾版权等。

  l     Logo图标

  Logo图标是企业或网站的标志。例如,新浪网的Logo图标。

  l     导航条

  导航条是网站的重要组成标签。合理安排的导航条可以帮助浏览者迅速查找需要的信息。例如,新浪网的导航条。

  Banner

  Banner的中文直译为旗帜、网幅或横幅,意译则为网页中的广告。多数Banner都以JavaScript技术或Flash技术制作,通过一些动画效果,展示更多的内容,并吸引用户观看。

  内容版块

  网页的内容版块通常是网页的主体部分。这一版块可以包含各种文本、图像、动画、超链接等。

  l     版尾版块

  版尾版块是网页页面最底端的版块,通常放置网站的版权信息。

  2.设计网页标准结构

  在网页标准化结构的规范体系下,整个网页就是一个数据文档,通过HTML的代码存储网页中需要显示的各种文本、图像信息。

  在XHTML时代,主要分为文档类型声明、XHTML代码等部分。在HTML代码的标签中,应先定义XHTML代码的命名空间,然后再定义网页的头部标签和主体标签等内容。

 

 

  3.编写CSS样式表

  编写完成HTML的代码后,网页仍然只是一个没有样式及格式的网页。因为HTML语言并不具备描述各种标签的位置、大小、颜色的功能

 


  这里说的动态网页,与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系,动态网页也可以是纯文字内容的,也可以是包含各种动画的内容,这些只是网页具体内容的表现形式,无论网页是否具有动态效果,采用动态网站技术生成的网页都称为动态网页。

  动态网页在于可以根据先前所制定好的程序页面,根据用户的不同请求从而返回其相应的         数据。动态页面常见的扩展名有:.asp、.php、.jsp、
  .cgi等。

  动态页面的优点是效率高、更新快、移植性强,从而快速地达到即见即所得的目的。但是它的优点同样也是它的缺点。

  动态页面通常可以通过网站后台管理系统对网站的内容进行更新管理,而前端显示的内容可以随着后台数据更改而改变,如发布新闻、发布公司产品、交流互动、博客、学校网等。

  下面就常见几种动态网技术来做个简单的        介绍。

  l     ASP技术

  ASP(Active Server Pages,动态服务网页)是微软公司开发的一种由VBScript脚本语言或JavaScript脚本语言调用FSO(File System Object,文件系统对象)组件实现的动态网页技术。

 

  ASP技术必须通过Windows的ODBC与后台数据库

  l     ASP.NET技术

  ASP.NET是由微软公司开发的ASP后续技术,其可由C#、VB.NET、Perl及Python等编程语言编写,通过调用System.Web命名空间实现各种网页信息处理工作。

  ASP.NET技术主要应用于Windows NT系统中,需要IIS及.NET Framework的支持。通过Mono平台,ASP.NET也可以运行于其他非Windows系统中。

 

 

  l     JSP技术

  JSP(JavaServer Pages,Java服务网页)是由太阳计算机系统公司开发的,以Java编写、动态生成HTML、XML或其他格式文档的技术。

  JSP技术可应用于多种平台,包括Windows、Linux、Unix及Solaris。

  JSP技术的特点在于,如果客户端第1次访问JSP页面,服务器将现解释源程序的Java代码,然后执行页面的内容,因此速度较慢。

  而如果客户端是第2次访问,则服务器将直接调用Servlet,无需再对代码进行解析,因此速度       较快。

  l     PHP技术

  PHP(Personal Home Page,个人主页)也是一种跨平台的网页后台技术,最早由丹麦人Rasmus Lerdorf开发,并由PHP Group和开放源代码社群维护,是一种免费的网页脚本语言。

  PHP是一种应用广泛的语言,其多在服务器端执行,通过PHP代码产生网页并提供对数据库的读取。

  浏览器在网页浏览、网站和客户端占着比较重要的工作。假设如果没有浏览器,那Internet将失去它的本色,也就失去它的意义了。

  1.浏览器的构成

  一般在打开浏览器后,将显示一个网站的页面,以及浏览器中一些操作。而浏览器从编程结构来讲,分为以下几个方面。

  l     用户界面  包括地址栏、后退/前进按钮、书签目录等,也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分。

  l     浏览器引擎  用来查询及操作渲染引擎的接口。

  l     浏览器内核(渲染引擎) 用来显示请求的内容,如请求内容为HTML,它负责解析HTML及CSS,并将解析后的结果显示出来。

  l     网络  用来完成网络调用,如HTTP请求,它具有平台无关的接口,可以在不同平台上工作。

  l     UI后端  用来绘制类似组合选择框及对话框等基本组件,具有不特定于某个平台的通用接口,底层使用操作系统的用户接口。

  l     JS解释器  用来解释执行JS代码。

  l     数据存储  属于持久层,浏览器需要在硬盘中保存类似Cookie的各种数据,HTML 5定义了Web Database技术,这是一种轻量级完整的客户端存储技术。

  2.浏览器的工作原理

  通过对浏览器结构的了解,用户可以想一下,如何使用浏览器浏览网页呢?

  WWW是一种采用B/S(Browser/Server)的结构,即浏览器和服务器结构。在这种结构下,用户工作界面是通过WWW浏览器来实现的,主要事务逻辑在服务器端(Server)实现,很少部分事务逻辑在前端(Browser)实现。这样的好处是大大简化了客户端的计算机载荷,减轻了系统维护与升级的成本和工作量,降低了用户的总体成本。

  因此,用户只需要安装浏览器即可浏览页面,不需要知道服务器端使用什么操作系统或服务器端怎么处理浏览器发出的请求,可以方便查看自己想看到的内容。

  浏览器的工作原理可以分以下几步来理解。

  l     浏览器通过HTML表单或超链接请求指向一个应用程序的URL。

  l     服务器收发到用户的请求。

  l     服务器执行已接受创建的指定应用程序。

  l     应用程序通常是基于用户输入的内容,执行所需要的操作。

  l     应用程序把结果格式化为网络服务器和 浏览器能够理解的文档,即所说的HTML网页。

  l     网络服务器最后将结果返回到浏览器中。

  从上图中可以看出当一个从用户在浏览器输入网址到浏览器显示页面的工作过程。WWW的基础是HTTP协议,Web浏览器就是用于通过URL来获取并显示Web网页的一种软件工具。URL用于指定要取得的Internet上资源的位置与方式。
  ……

展开
目录
第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章 君华房产网站首页
展开
加入书架成功!
收藏图书成功!
我知道了(3)
发表书评
读者登录

请选择您读者所在的图书馆

选择图书馆
浙江图书馆
点击获取验证码
登录
没有读者证?在线办证