xcel表格已经成为Office人员最常用的数据处理软件,Excel表格的基本操作视频教程也成为Excel表格初学者急着寻找的资料之一。其实,普通人需要用到的Excel的功能不到其全部功能的10%。也就是说,对于绝大部分的用户来说,只要掌握了几个必须懂的Excel表格的基本操作,就能很好地使用Excel表格。
由于还有很多人都不知道Excel的基本功能,笔者特地整理了Excel必学的十大基本功能技巧,让不懂Excel表格的基本操作的初学者能轻松上手。
如果你想学的只是Excel表格的基本操作,那么笔者推荐你使用金山WPS2012。因为普通用户用到的Excel表格的基本操作功能,WPS2012表格也有。并且WPS2012内置成千上万套现成的表格模板,更适合国内用户使用。因此笔者的Excel表格的基本操作教程将以WPS2012为例来介绍。
软件名称: | 金山WPS2012 抢鲜版 |
软件版本: | 9.0(8.1.0.3163) |
软件大小: | 40.79MB |
软件授权: | 免费 |
适用平台: | Win8 Win2000 WinXP Win2003 Vista Win7 |
下载地址: | http://dl.pconline.com.cn/download/57244.html |
Excel表格的基本操作一:修改字体
首先,从输入开始,先来调整字体吧。在工具栏那里一开始就可以发现字体的工具框了,在这里可以快速更改字体类型、大小、颜色等等的。
图1 字体
Excel表格的基本操作二:更改对齐方式
打好字,或者打字之前,都需要按照需要来调整字体的对齐方式的。在对齐方式工具栏中,可以快速随意地更改字体对齐方式,第一个小框中上三个图标是调整横向对齐的,下三个是调整纵向对齐的。而第二个框中还有一键调整字体的排列方向,第三个框中可以一键设置自动换行等。
图2 对齐方式
Excel表格的基本操作三:添加符号
如果想要输入一些数据制作消费统计表的话,那么就要输入¥这个符号了,一次次输入太麻烦了,直接在数字框那里,第一个就是货币的标志了,可以选择一批数据,批量添加呢。当然百分号、小数点也可以在那里快速修改。
图3 添加符号货币样式
Excel表格的基本操作:插入和删除单元格
在单元格工具框中,可以快速一键插入或删除单元格。比如,有时输入的时候,输漏了一行数据,在这里点击插入下面的小三角,选择插入行就OK啦。
图4 插入单元格
Excel表格的基本操作五:常用函数一键搞定
如果需要求某几个单元格的和或者积之类的,那么就要用到公式了,但是不懂公式咋办?直接在在编辑框里面的第一个里找就可以了,点击求和(默认是求和的)的小三角,然后选择其他函数,就能直接找到自己想要的函数了。
图5 选择其他函数
图6 常用函数
Excel表格的基本操作六:快速求和、求平均值
想要直接知道某几个数的和或者平均值,那么直接选中那几个数就可以知道了。选择之后,在最下方的状态栏中,就有求和、平均值、和计数显示。
图7 状态栏
Excel表格的基本操作七:如何输入身份证号等长数字?
输入一行长的数字怎么自动变样了?例如,我输入一行身份证号,变成都变成看不懂了?想要输入一行长的数字怎么办?这个简单,只要更改一下数字种类就可以了。选中单元格,然后选择“设置单元格格式”,把数字的种类改成“文本”。设置好之后,再输入的话,无论多长的数字,都不会变样的。
图8 设置单元格格式
图9设置前后输入数据对比
温馨提示,记得是先设置好格式再输入,不然第十四位数之后的数字都回变成0的。
Excel表格的基本操作八:格式刷
例如七所说的,设置好了,但是要一个一个修改,数量少的话还好,数量庞大得话,就那么就悲剧了。没事,用格式刷就OK了,在工具栏“开始”的第一个框中。格式刷的使用很简单,只要点击一下格式刷,然后在选择要复制的格式,最后就是选择要修改的个单元格了,可以批量修改的哦。
图10 格式刷
Excel表格的基本操作:快速一键制表
没有制过表的人,是否感觉制表很复制,或者很麻烦?其实不然,在Excel表格中,只要一键就能制表。选中一些数据,然后在上方工具栏中选择“插入”,再打开“图表”,最后根据自己的需要,选择表格样式就能轻松制成专业的表格了。
图11
图12
Excel表格的基本操作十:快速复制粘贴
当你在输入数据中,如果需要输入1、2、3……这样按顺序的数字的时候,一个一个输入,太麻烦了,想省点功夫,是否有法?有的,只要使用鼠标一拖,就完事了。选中一个或一些数据,然后把光标移到选中框的右下角,光标变成一个加号的时候,向下拖动,就会智能帮你填1、2、3……了。(温馨提示,这个一拖的功能还有格式刷的作用。)
图13
写在最后
Excel表格还有很多很多的功能和技巧,这里只是简单说说其中基本的十个技巧,希望能帮助新手们更快地上手Excel表格,也希望用户们在使用中,举一反三,更好地运用,发现和积累更多的技巧。
辑导语:虽然国内软件的iPad用户占比不大,但依然存在着横屏适配的需求。本文作者讲述了自己做iPad横屏适配的背景,并对竞品的适配方式进行了分析研究,用自己的亲身经历提供了参考,推荐对ipad横屏适配感兴趣的童鞋阅读。
在我参与的一款资料查询 App 中,对 iPad 只支持竖屏以手机 UI 尺寸拉伸,每个季度都有用户反馈希望适配 iPad 横屏。经过询问用户发现,因为 iPad mini 尺寸刚好可以放在工作服口袋中,随时拿出来使用,而 iPad 屏幕远比手机大,浏览资料视野更大更舒服。
但另外一方面,后台数据显示当前 iPad 用户占比只有 1%,用户呼声够不上星星之火,不足以燎原。先别谈说服团队做 iPad 横屏适配,连说服自己都难。本来以为这事就像水中投石,水波消散就没有下文了。直到有一天,同样是资深用户的高管自己拿着 iPad 装上我们的 App 用了几天,终于忍不了,开始推动 iPad 横屏适配。
我们肯定不是第一个做 iPad 横屏适配的,但在网上搜了一圈,别说横屏适配,连 iPad 界面设计的文章都很少,下面 3 篇算不错的。这也是我决定写下本文的原因,为后来者提供经验,少踩坑。
没得经验参考就只能先从竞品分析开始了。经过对 iOS 系统应用、微信、QQ、微信阅读、得到、豆瓣、淘宝和有道词典的分析,我和同事总结成 5 种横屏适配模式。
典型 App:iOS 应用商店
特征:标题栏和 Tabbar 通栏拉伸,内容区根据宽度向右响应式布局。
适用场景:全部场景。
评价:灵活性和用户体验都很好,但设计和开发成本很大。
典型 App:iOS 设置、淘宝、微信、QQ
特征:左右分开显示,左边通常固定显示首页或者目录导航。右侧根据左侧选择显示对应的详情内容。
适用场景:频繁需要使用导航切换内容。
评价:用户体验适中,合理的利用横屏更大地展示更多的内容。设计成本小,需额外设计一个右侧默认为空的情况。开发成本要看是否改程序架构,相当于把手机两个手机界面合并成一个屏幕,可能有些程序架构很难这么修改。
典型 App:微信阅读
特征:标题栏和 Tabbar 通栏拉伸,内容直接按竖屏的宽度显示。
适用场景:全部场景。
评价:用户体验适中,设计与开发成本小,大多数产品采用此模式,但是没有更好的展现横屏宽屏的优势。
典型 App:豆瓣
特征:横屏为全屏通栏拉伸,所有元素与竖屏一致。
适用场景:全部场景。
评价:设计和开发成本最小,但是相当于没有适配。用户体验较差,横屏情况下内容集中,左侧右侧很空,或者被拉得很长,阅读体验较差。
当然也不是所有 App 都采用单一的模式。比如微信阅读,在其他页面是按竖屏宽度显示。但到了图书阅读界面,则是左右分栏充分利用 iPad 大屏幕展现内容。
以上竞品分析所有截图我们都保存在 Figma 中,有需要的读者可前往获取。
链接:https://www.figma.com/community/file/1071850659054902697/iPad-横屏适配竞品分析
非常遗憾的是虽然高管牵头做适配,但开发资源确实有限。不能为了设计师邀功拿业绩就从头把 iOS App 重构一遍,因此我们决定用最少的资源做最核心的优化。
适配计划分为 2 期。第 1 期将所有页面用按竖屏宽度显示进行横屏适配。第 2 期挑选核心页面用内容响应式或左右分栏进行优化。
在第 1 期我们就踩坑了,按照原来的工作流程,我们将所有的 iPad 横屏页面做好线框图、再输出所有视觉效果图。虽然都是线上页面不用重新设计,只需要拉伸画面或者调整间距,但所有线上页面也是一个不小的工作量。
就在进行过程中,iOS 工程师就皱着眉头来提议,由于代码架构和资源所限,设计师如果调整的视觉效果图未必能 100% 实现。不如反过来,让他先把所有页面强行横屏,再由设计师走查发现问题进行修改,这样节省时间效果也可控。
可见,不同的项目类型可以采取不同的工作流程。iPad 横屏适配项目流程和常规工作流程刚好相反,以往是先设计再开发,改成先开发再走查,节省设计师产出效果图时间,也保障最终实现效果。
在第 2 期挑选核心页面时,我也犯了错误。最开始我觉得核心是脸面,因此挑选 Tabbar 导航的首页、个人中心等用户一打开 App 就看得到的页面进行优化。但实际上用户真正的核心使用场景是在详情页查阅资料,这才是真正的核心页面。
在得到主管纠正后,我们转而开始为资料阅读页面提供左内容右目录的布局,便于用户方便地在长文中精确定位想读的内容。
2 期计划并非适配的终结,随着 App 功能的迭代,此后老界面修改和新界面设计需要考虑到 iPad 横屏的适配问题,就成为了日常工作的内容了。
按照以往的项目总结,最后应该汇报项目数据结果。但由于 iPad 用户本身可怜的占比,即使我们官方公众号推文宣布适配 iPad 横屏后,也没有 iPad 用户站出来点赞,而是又引发出使用华为、小米等安卓 Pad 的用户,要求也适配。
考虑到不同的安卓品牌适配方式不一样,而且安卓厂商自己又有平行世界等通用兼容方案,我们就没再继续参与了。
虽然没有外部用户反馈,但公司内部同事和开发团队使用后确实感觉很棒。所以我觉得这次适配项目真正值得思考的是:如果一个需求用户反馈很少,也没有数据支撑,但对体验影响很大,如何推动团队进行优化呢?
作者:龙爪槐守望者,微信公众号:龙爪槐守望者
本文由 @龙爪槐守望者 原创发布于人人都是产品经理。未经许可,禁止转载。
题图来自 Unsplash,基于 CC0 协议
级链接标签
目的页面的地区用 name属性定义(name的值可自己定义,一般为英文),链接页面的链接应写为<a href=”url#name”></a>
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的
关于锚的进一步说明:
<a> 标签可定义锚,锚 (anchor) 有两种用法:
通过使用 href 属性,创建指向另外一个文档的链接(或超链接)
通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)
图片标签 <img>
1、img标签是一个单标签,必须和src(source:指出图像的路径)属性连用,
网页上图像的路径有绝对路径和相对路径两种,但在实际运用中往往只用相对路径
绝对路径:图片在硬盘上的路径 (分割符号是/)
相对路径:图片相对于网页而言的路径
如果图片与网页在同一个文件夹下,那么可以直接用图片的名称表示其路径
如果图片在网页的下一层文件夹中,比如图片在网页文件下面的images文件夹中,则可用images/表示
我们也可以用./表示网页所在的文件夹
如果图片在网页的上一层文件夹中,则用../表示
事实上,不但图片文件是如此,网页中应用的文件都分为相对路径和绝对路径两种表达方式。
2、在网页上,支持的图片格式包括.gif .jpg .png .bmp,一般用前三者居多,因为前三者的图片压缩比较好。但是,gif格式只有256种颜色,所以,在需要丰富颜色的场合,往往多用jpg和png格式。不过,gif拥有动态功能,而后两者则不具备。
3、img标签可以与其它标签共处一行,如果有多个图形出现时,默认为同一行显示
4、img标签有4个常用标签,分别是
alt 图片说明,在图像无法显示时表现为图像的替代文本
width 宽 属性值可以是象素,也可以是%
height 高 属性值可以是象素,也可以是%
border 边框
5、图片链接仍然是用a标签来显示
例子:<a href=“http://www.rwxy.xnc.edu.cn”><img src="sample.jpg" ></a>
6、可以用图像映射实现图像不同区域的链接
图象映射
所谓图象映射是指一个图片上的不同位置被指定了不同的超级链接;点击图片的不同位置会打开不同的超级链接目标。这与前面的默认超级链把整个图片作为超级链接的元素是很不一样的。
图象映射由<map>定义。<map>有一个基本属性是name。name给图象映射命名,这个命名将会被<img>元素用usemap属性引用。所以,图象上的图象映射实际上是对<map>定义的映射的一个引用。
<map>在定义图象映射时,可以定义三种形状的映射: circle(圆形)、rect(矩形rectangle)、poly(多边形)
图象映射实例
<img src="bear.jpg" usemap="#map" >
<map name=“map">
<area shape="rect" coords="46,29,253,164" href="#" >
<area shape="circle" coords="76,510,59" href="#" >
<area shape="poly" coords="219,482,253,448,310,462,297,527,220,523" href="#" >
</map>
表格标签
表格由三个标签构成,分别是
<table>...</table> - 定义表格
<tr> - 定义表行
<th> - 定义表头
<td> - 定义表格单元(表格的具体数据)
在表格标签中,table、tr、td标签都具备不同的属性
table:border(边框尺寸设置);width(表格的宽);height(表格的高);align(横向对齐:left center right);bgcolor(背景色彩);background(背景图像);cellspacing(表格单元的间隙设置);cellpadding(表元内部空白设置);
tr:height(行高);align(横向对齐:left center right);valign(纵向对齐:top middle bottom);bgcolor(背景色彩);
td:width(表格的宽);height(表格的高);align(横向对齐:left center right);valign(纵向对齐:top middle bottom);bgcolor(背景色彩);background(背景图像);
注:当talble、tr、td有共同的属性而且属性值发生冲突之际,其优先性是td > tr > table
表格在html中最大的作用不是用来整理数据,而是用来排版,所以它是html中用处最广的标签之一。
表格内部可以继续放入表格,这被称之为表格嵌套,利用表格嵌套可以制作出非常复杂的排版。
表格的单元格可以跨行跨列显示
跨多列的单元格 <td colspan=#>
<table border=1>
<tr><td colspan=3> morning menu</td>
<tr><td>food</td> <td>drink</td> <td>sweet</td>
<tr><td>a</td><td>b</td><td>c</td>
</table>
morning menu
food
drink
sweet
a
b
c
跨多行的单元格 <td rowspan=#>
<table border=1>
<tr><td rowspan=3> morning menu</td>
<td>food</td> <td>a</td></tr>
<tr><td>drink</td> <td>b</td></tr>
<tr><td>sweet</td> <td>c</td></tr>
</table>
morning menu
food
a
drink
b
sweet
c
....................................................................
我的微信公众号:UI严选 —越努力,越幸运
*请认真填写需求信息,我们会在24小时内与您取得联系。