整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          如何用Excel制作網(wǎng)頁交互效果?

          嘍,同學(xué)你好,我是運(yùn)營菌。

          最近我們有一門新課《Excel圖表》上新啦,歡迎大家捧場哈~


          私信回復(fù)關(guān)鍵詞:Excel圖表,獲取課程和源文件~


          今天在看后臺數(shù)據(jù)的時候,覺得大多數(shù)后臺都是設(shè)置成為這樣的交互效果,那么我們能不能用Excel做出這樣的效果呢?



          突然發(fā)現(xiàn)這個圖表的基礎(chǔ)原理跟Excel中的【透視表】+【切片器】+【日程表】+【圖表】的組合太像了!



          仔細(xì)一想,這不就是【動態(tài)圖表】的原理么。話不多說,馬上教大家如何做出這樣的效果。


          01.下載數(shù)據(jù)源

          運(yùn)營公眾號的小伙伴就知道如何下載數(shù)據(jù)源吧,點(diǎn)擊日期,通過日歷的??選擇自己公眾號創(chuàng)建到目前3月31日的時間區(qū)間。




          選擇好時間段后,鼠標(biāo)往下挪,滑動到下面的【下載表格】,保存到自己熟悉的位置。



          02.處理數(shù)據(jù)源

          01.打開下載好的表格,首先把表頭的合并單元格去掉。



          02.選中數(shù)據(jù)源區(qū)域,根據(jù)下圖操作或者直接按【ctrl+T】



          03.選中數(shù)據(jù),插入【數(shù)據(jù)透視表】



          04.把時間拖動到【行】,把【新關(guān)注人數(shù)】拖動到【值】。



          05.選中數(shù)據(jù)透視表,插入【日程表】



          06.復(fù)制數(shù)據(jù)透視表,把【值】區(qū)域分別改為【取消關(guān)注人數(shù)】、【凈增關(guān)注人數(shù)】、【累計(jì)關(guān)注人數(shù)】。



          07.分別插入折線圖,經(jīng)過簡單的整理,可得:



          08.新建一個工作表,插入形狀布局,調(diào)整一下格式可得:



          復(fù)制形狀成3個,分別填上對應(yīng)的字段,如圖。



          09.把日程表放置在新的工作表中,留出一個對應(yīng)的圖表區(qū)域放置圖表。



          10.點(diǎn)擊【工作表標(biāo)簽】,按住ctrl+鼠標(biāo)拖動復(fù)制工作表,復(fù)制4個,如圖。



          11.修改工作表名稱,分別為【新關(guān)注人數(shù)】、【取消關(guān)注人數(shù)】、【凈增關(guān)注人數(shù)】、【累計(jì)關(guān)注人數(shù)】。


          12.把對應(yīng)的圖表放置在對應(yīng)工作表的圖表區(qū)域。


          13.右擊圖形,【超鏈接】,將圖形設(shè)置對應(yīng)超鏈接到工作表上。


          14.復(fù)制超鏈接的圖形到其他工作表上,選中前三行內(nèi)容,復(fù)制到【取消關(guān)注人數(shù)】、【凈增關(guān)注人數(shù)】、【累計(jì)關(guān)注人數(shù)】表上。



          15.在對應(yīng)的工作表上的圖形,設(shè)置成綠色填充,白色字體。



          16.最后可以選擇任意的,做出這樣的交互效果啦!



          今天的分享的交互效果內(nèi)容就到這,這種做法會偏麻煩點(diǎn),如果是能結(jié)合切片器切換,效率能大大提高。還有什么想知道內(nèi)容,可以在留言區(qū)評論哦。

          譯自: https://fedoramagazine.org/design-faster-web-pages-part-3-font-css-tweaks/

          作者: Sirko Kemter

          譯者: David Dai

          歡迎回到我們?yōu)榱藰?gòu)建更快網(wǎng)頁所寫的系列文章。本系列的 第一部分 和 第二部分 講述了如何通過優(yōu)化和替換圖片來減少瀏覽器脂肪。本部分會著眼于在 CSS( 層疊式樣式表 )和字體中減掉更多的脂肪。

          調(diào)整 CSS

          首先,我們先來看看問題的源頭。CSS 的出現(xiàn)曾是技術(shù)的一大進(jìn)步。你可以用一個集中式的樣式表來裝飾多個網(wǎng)頁。如今很多 Web 開發(fā)者都會使用 Bootstrap 這樣的框架。

          這些框架當(dāng)然方便,可是很多人都會將整個框架直接復(fù)制粘貼走。Bootstrap 非常大:目前 Bootstrap 4.0 的“最小”版本也有 144.9 KB. 在這個以 TB 來計(jì)數(shù)據(jù)的時代,它可能不算多。但就像所說的那樣,一頭小牛也能搞出大麻煩。

          我們回頭來看 getfedora.org 的例子。我們在 第一部分 中提過,第一個分析結(jié)果顯示 CSS 文件占用的空間幾乎比 HTML 本身還要大十倍。這里顯示了所有用到的樣式表:



          那是九個不同的樣式表。其中的很多樣式在這個頁面中并沒有用上。

          移除、合并、以及壓縮/縮小化

          Font-awesome CSS 代表了包含未使用樣式的極端。這個頁面中只用到了這個字體的三個字形。如果以 KB 為單位,getfedora.org 用到的 font-awesome CSS 最初有 25.2 KB. 在清理掉所有未使用的樣式后,它只有 1.3 KB 了。這只有原來體積的 4% 左右!對于 Bootstrap CSS,原來它有 118.3 KB,清理掉無用的樣式后只有 13.2 KB,這就是差異。

          下一個問題是,我們必須要這樣一個 bootstrap.css 和 font-awesome.css 嗎?或者,它們能不能合起來呢?沒錯,它們可以。這樣雖然不會節(jié)省更多的文件空間,但瀏覽器成功渲染頁面所需要發(fā)起的請求更少了。

          最后,在合并 CSS 文件后,嘗試去除無用樣式并縮小它們。這樣,它們只有 4.3 KB 大小,而你省掉了 10.1 KB.

          不幸的是,在 Fedora 軟件倉庫中,還沒有打包好的縮小工具。不過,有幾百種在線服務(wù)可以幫到你。或者,你也可以使用 CSS-HTML-JS Minify ,它用 Python 編寫,所以容易安裝。現(xiàn)在沒有一個可用的工具來凈化 CSS,不過我們有 UnCSS 這樣的 Web 服務(wù)。

          字體改進(jìn)

          CSS3 帶來了很多開發(fā)人員喜歡的東西。它可以定義一些渲染頁面所用的字體,并讓瀏覽器在后臺下載。此后,很多 Web 設(shè)計(jì)師都很開心,尤其是在他們發(fā)現(xiàn)了 Web 設(shè)計(jì)中圖標(biāo)字體的用法之后。像 Font Awesome 這樣的字體集現(xiàn)在非常流行,也被廣泛使用。這是這個字體集的大小:

          current free version 912 glyphs/icons, smallest set ttf 30.9KB, woff 14.7KB, woff2 12.2KB, svg 107.2KB, eot 31.2

          所以問題是,你需要所有的字形嗎?很可能不需要。你可以通過 FontForge 來去除這些無用字形,但這需要很大的工作量。你還可以用 Fontello . 你可以使用公共實(shí)例,也可以配置你自己的版本,因?yàn)樗亲杂绍浖梢栽?Github 上找到。

          這種自定義字體集的缺點(diǎn)在于,你必須自己來托管字體文件。你也沒法使用其它在線服務(wù)來提供更新。但與更快的性能相比,這可能算不上一個缺點(diǎn)。

          總結(jié)

          現(xiàn)在,你已經(jīng)做完了所有對內(nèi)容本身的操作,來最大限度地減少瀏覽器加載和解釋的內(nèi)容。從現(xiàn)在開始,只有服務(wù)器的管理技巧才才能幫到你了。

          有一個很簡單,但很多人都做錯了的事情,就是使用一些智能緩存。比如,CSS 或者圖片文件可以緩存一周。但無論如何,如果你用了 Cloudflare 這樣的代理服務(wù)或者自己構(gòu)建了代理,首先要做的都應(yīng)該是縮小頁面。用戶喜歡可以快速加載的頁面。他們會(默默地)感謝你,服務(wù)器的負(fù)載也會更小。


          via: https://fedoramagazine.org/design-faster-web-pages-part-3-font-css-tweaks/

          作者: Sirko Kemter 選題: lujun9972 譯者: StdioA 校對: wxy

          本文由 LCTT 原創(chuàng)編譯, Linux中國 榮譽(yù)推出

          點(diǎn)擊“了解更多”可訪問文內(nèi)鏈接

          ord是我們最常用的文檔編輯器,雖然幾乎每天都在使用,但有些可以顯著提高使用效率的技巧可能被忽略。本期內(nèi)容就為大家分享一些利刃君覺得比較有用的Word實(shí)用小技巧,希望對大家能有所幫助!

          1. 縮短Word文檔自動保存的時間

          撰寫論文時,最恐怖的莫過于忘記保存文檔或遇到突發(fā)情況電腦突然關(guān)機(jī)沒來得及保存了。我們都知道Word中有自動保存的功能,可能是被大家忽略的,但一般自動保存的時間為10分鐘,時間有點(diǎn)長,有丟失重要內(nèi)容的風(fēng)險。那么如何縮短Word文檔自動保存的時間呢,只需如下設(shè)置:

          點(diǎn)擊“文件 -> 選項(xiàng) -> 保存”,勾選“保存自動恢復(fù)信息時間間隔”,后面的文本框設(shè)置想要的時間間隔即可,如3分鐘,點(diǎn)擊“確定”即可。

          2. 設(shè)置默認(rèn)的字體、段落等格式

          這也是一個容易被忽略的實(shí)用技巧。我們處理的很多文檔,都需要相同或類似的格式,每次修改都太麻煩了,不如把常用的格式設(shè)置為默認(rèn)的,省時省力!

          如設(shè)置默認(rèn)的字體,在菜單欄選擇“開始”選項(xiàng)卡,點(diǎn)擊字體一欄中右下角的小箭頭符號,設(shè)置字體、字形、字號等,點(diǎn)擊“設(shè)為默認(rèn)值”,選擇“所有基于Normal.dotm模板的文檔”,點(diǎn)擊“確定”。如此一來,之后就不需要重復(fù)更改字體格式了。同樣的方法可以對段落、標(biāo)題等格式進(jìn)行設(shè)置。


          3. 表格的合并與拆分

          如果我們需要合并兩個表格,可以直接使用剪切的方式進(jìn)行合并或者按住“Alt+Shift+↑”進(jìn)行合并,如下演示:

          如果我們需要對表格進(jìn)行拆分,選中需要拆分的地方,按住“Ctrl+Shift+Enter”就可以實(shí)現(xiàn)拆分,如下演示:


          4. 分屏查看不同文檔

          大家可能比較熟悉多個應(yīng)用的左右分屏功能,在Word文檔中,如果我們需要打開多個文檔進(jìn)行對比查看,左右分屏或上下分屏以及同步滾動十分有用,可使用Word中的重排功能實(shí)現(xiàn)。

          打開需要分屏查看的兩個文檔,在菜單欄選擇“視圖”選項(xiàng)卡,點(diǎn)擊“全部重排”可以實(shí)現(xiàn)上下分屏查看兩個不同文檔。

          如果我們選擇“并排查看”并且“同步滾動”也為選擇狀態(tài),可以實(shí)現(xiàn)兩個不同文檔的左右分屏,并且滾動瀏覽任一文檔時,另一文檔也會隨之滾動,是不是非常方便?


          5. 去掉自動編號功能

          默認(rèn)情況下,Word會自動編號,如果我們需要自己進(jìn)行編號時,這個功能就很煩人。那么如何取消其自動編號功能呢?

          在菜單欄點(diǎn)擊“文件 -> 選項(xiàng) -> 校對 -> 自動更正選項(xiàng)”打開“自動更正”窗口,選擇“鍵入時自動套用格式”選項(xiàng)卡,找到“鍵入時自動應(yīng)用”組中的“自動編號列表”復(fù)選項(xiàng),取消前面的勾即可。這樣就可以去掉那些“煩心”的自動編號功能了。


          6. 設(shè)置插入Word中的圖片不壓縮

          在Word中插入圖片時,默認(rèn)情況下會對圖片進(jìn)行一定程度的壓縮,這可能導(dǎo)致圖片不清晰,特別是在論文寫作過程中,容易出現(xiàn)圖片不符合期刊要求的情況。實(shí)際上可以設(shè)置插入圖片時不壓縮,設(shè)置方法如下:

          在菜單欄點(diǎn)擊“文件 -> 選項(xiàng) -> 高級”,找到“圖像大小和質(zhì)量”,后面的下拉菜單選擇“所有新文檔”,勾選“不壓縮文件中的圖像”,默認(rèn)分辨率選擇“高保真”,然后點(diǎn)擊“確定”即可。

          7. 快速提取Word文檔中的圖片

          我們在使用Word編輯文檔時,會遇到需要將文檔中的圖片單獨(dú)保存的情況。通常我們是使用鼠標(biāo)右鍵,選擇“另存為圖片”來單張保存圖片,但是如果有多張圖片都需要提取,這樣的方法顯然很費(fèi)力費(fèi)時。下面就為大家介紹快速提取Word文檔中所有圖片的方法。

          方法一:

          保存Word文檔時,直接選擇“文件-> 另存為 -> 網(wǎng)頁(*.htm,*.html)”,另存為網(wǎng)頁格式;

          此時會產(chǎn)生一個文件夾,打開該文件夾可以看到文檔內(nèi)所有的圖片都在里面。

          方法二:

          將文件擴(kuò)展名修改為.zip,之后解壓可以得到一個文件夾,在解壓后的文件夾中找到“word -> media”文件夾,可以發(fā)現(xiàn)Word文檔中所有的圖片都保存在該文件夾中。請看如下演示:

          是不是非常快捷呢?同樣的方法大家也可以對Excel和PPT進(jìn)行嘗試,會有驚喜喲~

          技能擴(kuò)展:

          對于科研人員來說,閱讀文獻(xiàn)時,最常用的文獻(xiàn)格式是PDF,很多時候也需要對PDF中的圖片進(jìn)行提取。這里為大家推薦一款免費(fèi)的在線工具——iLovePDF,地址如下:

          https://www.ilovepdf.com/zh-cn/pdf_to_jpg

          使用時,只需上傳PDF文件,可以選擇“將頁面轉(zhuǎn)換為JPG文件”或“提取圖片”,等待提取完成下載即可。值得一提的是,iLovePDF支持同時上傳多個文件,進(jìn)行批量提取或轉(zhuǎn)換,非常快捷方便!

          以上就是本期為大家分享的一些Word的實(shí)用技巧啦,下期繼續(xù)為大家分享在論文寫作中格式修改方面的Word技巧,敬請期待~


          主站蜘蛛池模板: 久久精品一区二区三区日韩 | 亚洲一区二区三区高清视频| 精品一区二区三区免费毛片爱| 亚洲一区无码精品色| 亚洲.国产.欧美一区二区三区 | 亚洲一区二区三区影院| 亚洲欧洲一区二区| 国产精品视频一区二区猎奇| 国产成人片视频一区二区| 色综合视频一区二区三区| 国产一区麻豆剧传媒果冻精品| 成人精品视频一区二区三区不卡 | 无码丰满熟妇浪潮一区二区AV| 久久久久久免费一区二区三区| 红杏亚洲影院一区二区三区| 色婷婷一区二区三区四区成人网 | 成人毛片一区二区| 暖暖免费高清日本一区二区三区 | 一区二区视频传媒有限公司| 老熟妇仑乱一区二区视頻| 国产MD视频一区二区三区| 日韩电影在线观看第一区| 无码人妻AV免费一区二区三区| 蜜臀AV免费一区二区三区| 亚洲AV无码一区二区三区牲色| 爆乳熟妇一区二区三区霸乳| 色狠狠色狠狠综合一区| 无码欧精品亚洲日韩一区| 韩国理伦片一区二区三区在线播放| 国产成人一区二区三区精品久久 | 国产福利视频一区二区| 日韩精品国产一区| 国产精品亚洲高清一区二区| 欧洲无码一区二区三区在线观看| 91精品国产一区| 亚洲国产精品综合一区在线| 免费在线观看一区| 国产主播在线一区| 台湾无码一区二区| 无码精品人妻一区| 无码人妻精品一区二区蜜桃网站|