《响应式Web设计:HTML5和CSS3实践指南》——1.1节简介

1.1 简介
响应式Web设计是自我学生时代BBS上出现ASCII字符图形至今,Web开发领域最让人感到兴奋的事情之一。HTML5、CSS3及jQuery给旧网络注入了新生命,给使用你应用程序的用户带来乐趣和兴奋。本章介绍的几个方法将会帮助你构建自己的响应式HTML元素及媒介。
这些方法有易有难。所涉及的响应式Web设计的各种元素代码均能在本书中找到,因此书中所提到的所有内容都是可以实现的。每一个响应式Web设计的方法都有助于优化网站展示,无论你的用户使用何种尺寸的何种设备,都会从中得到令其惊叹的响应式Web体验。

时间: 2024-08-02 18:56:15

《响应式Web设计:HTML5和CSS3实践指南》——1.1节简介的相关文章

《Tableau数据可视化实战》——1.1节简介

1.1 简介本章将介绍Tableau与各种数据源连接的基础知识,比如与文本文件.Excel/Access文件.SQL Server.ODBC数据源以及剪贴板的连接.我们将讨论数据的精简版本,即数据是已处理并且可用.本章还会讨论怎样使用筛选来减少可分析的数据,以及怎样合并两种不同的数据源.

《Tableau数据可视化实战》——2.1节简介

2.1 简介包含一个变量的分析称为"单变量分析",本章将介绍多种单变量图表.要注意的是,图表(chart)也指图形(graph)或平面图(plot),在本书中,你将会发现这些术语是交替使用的.

《Tableau数据可视化实战》——1.6节从剪贴板上粘贴

1.6 从剪贴板上粘贴 有时候仅仅从剪贴板里粘贴数据要比从Excel或者CSV文件粘贴,然后再导入进Tableau容易得多.Tableau提供了从剪贴板内导入数据的快捷方法. 准备工作 我们使用1.2节中使用的Titanic.txt数据集,该文件的链接如下:http://biostat.mc.vanderbilt.edu/wiki/pub/Main/DataSets/titanic.txt. 实现步骤 一旦Titanic.txt数据集加载到你的本地驱动器中,执行以下步骤使用剪贴板复制数据到Tab

《Tableau数据可视化实战》——1.5节连接SQL Server数据库

1.5 连接SQL Server数据库 尽管Tableau能很容易地连接Access.Excel以及其他平面文件,但数据经常是存储在服务器的关系型数据库中,比如SQL Server或者Oracle.Tableau也提供了一些其他数据存储的连接,本节将讨论如何使用Tableau连接Microsoft SQL Server. 准备工作 当你尝试从服务器访问数据时,安全角色.服务器连接.身份认证.端口.防火墙以及其他因素均可能产生问题,解决这些问题的方法超出了本书的范围,但你需要确定,你可以从已安装T

《Tableau数据可视化实战》——1.11节应用筛选器

1.11 应用筛选器如果你想减少可供分析的数据或者在某个特定的字段值下过滤数据,应用筛选器是一个非常不错的方法.这个例子将提供筛选的基本方法,随后在这本书里你会看到一些其他的筛选器用法.准备工作本节中,我们使用已保存的样例文件Superstore Sales来做分析.打开一个新的工作表并选择Sample-Superstore Sales (Excel) 作为数据源.实现步骤一旦数据加载完成,执行以下步骤以利用Tableau的筛选特征:Step01 将Dimensions(维度)面板中的Sub-c

《Tableau数据可视化实战》——1.12节合并不同数据源

1.12 合并不同数据源通常,我们的数据以不同格式或者不同文件存储.在关系数据库中,如果两个不同的表有相同的字段,我们可以用这个字段将这两个表合并在一起,并且通过一个查询中把数据提取出来.Tableau支持单一数据源连接的合并:然而,为了合并多种数据源连接,Tableau使用一个称之为data blending(数据混合)的概念.在这个方法中,你将会看到如何混合两种不同的数据源.准备工作登录http://bit.ly/12rUIh3后,下载美国州立人口的电子数据表.另存为CSV格式并命名为USS

《Tableau数据可视化实战》——1.10节改变数据类型

1.10 改变数据类型根据数据源和连接,Tableau试着决定字段的数据类型.大多数情况下,字段数据类型能够正确识别:但有时候,当没有正确识别数据类型时,改变数据类型也变得很有必要.准备工作我们使用已保存的数据源Superstore Sales(Excel)来分析.打开一个新的工作表并选择Sample-Superstore Sales(Excel)作为数据源.实现步骤一旦样例文件加载到工作表中,执行以下步骤来转化数据类型:Step01 在Dimensions(维度)面板中,右击Order Dat

《Tableau数据可视化实战》——2.5节图表排序

2.5 图表排序尽管Tableau使用了信息可视化中最佳方式来生成了默认图表,但有时为满足商业需要和更好的演讲模板,我们需要修正图表.Tableau提供多种方式以便适应和修改各个领域的图表.排序对于显示最有影响的数字或者最没有影响的数字,抑或是分类中最顶部或者最底部的信息变得非常有用.准备工作我们使用样例文件Sample-Superstore Sales (Excel)来分析.打开一个新的工作表并选择Sample-Superstore Sales (Excel)作为数据源.实现步骤一旦数据加载完

《Tableau数据可视化实战》——1.9节理解维度和度量

1.9 理解维度和度量Tableau把数据划分成两种主要的类型:维度和度量.维度通常是指那些不可被聚合的字段:度量,就同它的名字所暗含的那样,是可以被测量和聚合或者用于数学运算的字段.维度通常作为行列的字头:度量通常是指绘制或者给标记的大小赋值.当你第一次导入数据时,Tableau会决定将字段归为维度还是度量.这个决定涉及所有带文本(所谓的文本或其他文本)值和带数值的字段分到Tableau所属的字段类型.根据数据源,Tableau也会使用微软的Jet引擎驱动程序将字段分类成度量和维度.Table

《Tableau数据可视化实战》——2.10节创建箱线图

2.10 创建箱线图 盒须图也就是箱线图,展示的是度量的分布.这个分布包括度量值的25%.50%.75%分位点以及最大最小值.在盒子里显示25%.50%.75%四分位点的值,触须(Whisker)上显示最小值和最大值.由于Tableau不支持直接创建箱线图,此方法是在Tableau里创建箱线图的一个变通方法. 准备工作 使用样例文件Sample-Superstore Sales (Excel).打开一个新的工作表并选择Sample-Superstore Sales (Excel)作为数据源. 实