發表文章

目前顯示的是 6月, 2016的文章

Google 試算表如何做出數字旁儲存格內的長條圖

圖片
今天想要講這個怎麼做: 就是裡面那個藍藍的長條圖,直接看會覺得很簡單,不過其實做法有點迂迴哈哈。 不想知道怎麼做的人,請直接把這個公式拿去用,不用謝了。 = IMAGE ( "http://dummyimage.com/100x20/9cf?text=+" , 4 , 20 , J2 /max( J $2 :J $26 )* 100 ) 再來我要講原理。 首先要知道,右邊藍色那個不是試算表內建功能,也不是表格填色,它是一張張嵌入試算表的圖片產生的效果,靠 google 的這個嵌入外部圖片的函數: = IMAGE ( "http://www.some.domain/some.jpg" ); 由於圖片是依照左邊那格的數字決定寬度,才讓它看起來是長條圖。 那要怎麼取得自己決定寬度的圖片呢?這就要找到一個工具可以自由地從網址取得自訂義長寬的圖片了,就是用這個網站: 只要下面填對應的長、寬、色碼,它就會產生對應的單色圖片,因此把這串插進格子 = IMAGE ( "http://dummyimage.com/100x20/9cf?text=+" ) 就會產生 好了,我們把圖案弄到 google 試算表裡面了,接下來要動態調整寬度。 我們來看 IMAGE 公式的說明,發現有個數值可以改寬度。 IMAGE (網址, [模式] , [高度] , [寬度] ) 看一下 說明 會發現寬度只有在 [模式] 代入 4 的時候可以改,所以我們只需要知道每個數值所代換的寬度應該是多少。這時就要知道這個公式: J2 / MAX ( J $2 :J $26 )* 100 這樣表示會以 J2~J26 的最大值當作 100 ,去取 J2 對應到的寬。其中在 MAX() 裡面的 2 和 26 加 $ 字號,是為了讓公式複製到其他格子時, MAX() 取的範圍不會跑掉。(可以參閱 這篇網誌:相對參照與絕對參照 或 LibreOffice 的這個 wiki ) 最後代進去就完成了: = IMAGE ( "http://dummyimage.com/100x20/9cf?text=+" , 4 , 20 , J2 /max( J $2 :J $26 )* 100 )

WIX 的 SEO 怎麼做?

圖片
SEO 就三件事: 讓 Google 搜尋到 改 Facebook 的預覽 改 Google 搜到的預覽結果 先從 1 開始吧: 讓 Google 搜尋到 第一個是打開「被搜尋」的功能,我們要進網頁設定的 SEO 設定分頁,在這裡: 第一個圈圈裡面會看到 打勾就能被搜到了 改 Facebook 的預覽 承上述的步驟,到設定中的「Social 」表單 圈圈裡的就是改 FB 預覽圖的地方唷 改 Google 搜到的預覽結果 搜尋結果要去改每一個分頁的資料,分別要填入「標題」、「簡介」、「網址」 先進到頁面設定 每一頁都有這三欄要填 其中標題我習慣填這樣: {該頁標題} | {網站標題} 用一個直槓分開該頁和網站的標題。例如其中的人生大哉問就是 人生大哉問 | 街頭觀察報告 第二彈 簡介就把內文第一段貼上來。 網址只能決定網域的 「 / 」右邊的字,有助於讓其他人快速跳到某一頁。我習慣是用 page1 , page2 這樣,子頁面就用 page2-1 , page2-2 … 以此類推 修改標題和簡介的同時,也會修改 FB 預覽喔。 P.S. 最後看到預覽如果還是舊的,要到 Facebook Debug 工具 ,按 「Fetch new scrape information」清除舊的預覽喔。

印刷風格海報自己做

圖片
用照片做這種點點圖的方法: 先拿照片去背 用這個網站: https://clippingmagic.com/ 其中上面藍色是去背工具,紅色是指定背景色。 因為付費才能下載,所以我是去背之後用畫面截圖軟體裁下來(不算真的去背,因為背景沒有變透明。) 做成點點圖 截下來之後用這個做成點點圖 http://imagatic.izoltan.com/ imagatic 用法: 進入 app 後按左上角相機圖案讀取圖片 按星星(效果),捲下來選 Classic 調參數,按 Let’s see 確定按綠色勾勾,然後按右上角的「分享」按鈕,這樣才會變成圖片供下載喔~ 參數有幾個重點 Dot Size 決定最小點點的大小 Tone 愈大圖片會愈亮,愈小圖片會愈暗(有時我會先用星星的 Gamma 調整亮度) Small dot suppression 會把一定程度的小點點濾掉 做圖 用這個做: https://www.canva.com/ 教學網路上很多,自己找。 唯一一個缺點,輸出時中文字體會跑掉,所以我輸出也會用截圖軟體截螢幕,但螢幕要夠大才行 一些結果、範例