方格精選

教你用google協作平台做網頁/給出版社的單書頁範例

更新於 發佈於 閱讀時間約 5 分鐘
前陣子看到電影導演協會的一個活動網頁,發現google協作平台的新功能,可以用來做簡單的活動頁面、簡易的個人網站,以及非常適合出版社的單書頁。
早期出版界用edm/單書頁來做行銷宣傳,因為書市越來越不好,做了單書頁也沒什麼效應,還有許許多多、各式各樣、各個不同的瀏覽器的相容問題,到後來平板、手機的出現,edm/單書頁幾乎再也沒有人做,再者是因為網路瀏覽的習慣不同,原先固定寬度的網頁,已經「不適合時代」,無法依著瀏覽工具的螢幕大小縮放的頁面,要做一個RWD(Responsive web design)的網頁耗時費工,當然也非常花錢,再加上大多數人都黏著在社群網站上,真的會想替一本書做一個edm/單書頁的出版社就少了!
我經手過的edm/單書頁(連同書展活動的網頁)應該超過一百個。一直覺得出版社沒有將自己的書籍獨立成一個網站而覺得可惜,尤其是當年每一本花錢製作的edm/單書頁,隨著書籍上市幾週後就消失在網路上,的確是會覺得做這些頁面浪費錢,並且在回找資料時,只能大量依賴網路書店、社群網站!
發現google協作平台提供新的、簡單的網頁製作功能,便拿手邊正在進行的案子元素來做一個單書頁,也隨手拿來做成教學。(感謝麥田出版提供圖文資料)如果有興趣的人想研究,這功能幾乎也能做成一個陽春但還算功能齊全的「網站」或者個人的基本文字連載之類的,這就容後再談了。
若你需要幫助或發案子給我,請寫信給我:sunline.liu@gmail.com/若你有書籍資訊我覺得有趣,我可以幫你做,也請來信:sunlinebook@gmail.com,附上立體書封「PNG」檔,如果有pdf給我,能做更美,以及書籍資訊和各通路的連結縮址。
接著就開始教學吧!
1.首先打開這個網址:https://sites.google.com/new 登入你的google帳號。按下「開始建立新網站」(當然你也可以玩玩範本。)
2.把「你的頁面標題」按下左邊的刪除。(這個部分要精準計算頁面的距離,太複雜故不用!)
3.輸入你的網站名稱。(若是書我會書名加作者名)
4.選擇右邊的「主題」可選主題配色和字體。可選擇系統給你的配色,或最右邊可以選自己想要的顏色,它會自訂其他深淺色。(這裡因為書封就是黑的,我就自選了黑色。)
5.回到「插入」選項,開始編排頁面。
6.在插入圖片之前,先來說明這個頁面。這個刊頭是由兩張圖片組合而成的,左邊文字、右邊書封。如果縮到手機頁面,畫面會左邊先顯示再出現右邊。這兩張圖片的比例最好計算的方式是以「書封」的圖片大小尺寸,去做一張一模一樣的文字圖檔。文字依然「不要太多」,盡可能的橫向等比例放大靠近邊界。
*文字不要太多的原因是,當等比縮到手機頁面時,字太多、太小會幾乎無法讀。書封和文字,最好都不要有底色,存為PNG檔。以利於配色。
7.選擇右邊「插入」「圖片」「上傳」
8.按著圖片可以挪移圖片的位置。挪移時會有隔線讓你看看它在版面的位置。選取圖片上的「取消裁剪」
9.按住圖片的四個角其中一個點,以及鍵盤shift可以等比例放大縮小。
10.繼續插入另一張圖片、調整圖片大小比例。
11.調整版面背景色,選擇調色盤。這裡因為書本來就以黑色系為背景,我選擇了強調2
12.接著插入「文字方塊」,放入購書連結。選取文字後可以在下拉式選單選擇字體大小。調整文字框的大小後挪動位置。
13.再插入一段文字可以挪移至原先的文字框旁並調整大小。
14.挪動時都會有版面的格線出現,也可以再把原先購書連結拆成兩塊,此刻的版面就有三塊元素。也可互換位置,再如步驟11換背景色。
15.接著插入內容簡介的文字,將「內容簡介」換為標題字,及調整內文的粗體。
*文字若過多,段落與段落可以多空一行。才不會太擠。
16.在文字下插入分格線
17.繼續插入「媒體評論」及「作者簡介」,中間都可以分隔線為區隔或是用背景色的替換分隔兩個區塊
18.內嵌影片輸入youtube的連結及調整底色。(影片也是我做的,下次教你用keynote做簡單的影片,也可以找我做。哈哈哈

19.接著移到最下方加入頁尾:版權宣告之類的
20.挪到上方預覽,右下有三個選項:電腦、平板、手機,稍微瀏覽發現平板的連結會掉行,再回編輯修改。
21.將連結設定成按扭,按扭全部一次設定好,可用複製成另一個區塊。再挪到上方

22.再把原來的文字連結刪除調整文字框,再回預覽看平板的版面。
23.至「頁面」選項改屬性名稱設為home(預設為「首頁」,也是可以不用改,但改成英文好一點。)
24.按下「發布」填入希望網址(書籍資料就用ISBN比較不會重複)
25.選取「複製已發佈協作平台的連結」就可以給別人看囉~
26.如果你需要修改,可以按下頁面下方的鉛筆圖樣,改完後再點選發布,會有修改前後的比較再按一次發布即可。
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
13.7K會員
866內容數
自由工作者、上班族究竟要用什麼樣的心態去面對呢?來看線線怎麼說;業餘的時候,也來跟線線一起看劇看電影及看書;有空的話一起來學做出版、編輯和電子書吧!
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
換日線的沙龍 的其他內容
身為一個在家工作十多年的自由工作者,每次看到那種要求自己在家工作要學會「自律」或是「規律」(紀律)安排時間的說法,就感到被約束和被框架而覺得心的不自由。倒也不是說自由工作者不需要在時間上有所規劃,而是不需要用這種有規範性的詞𢑥來限制在家工作時可自由支配的時間。
在北部工作的朋友傳訊息給我說:「我回來了。」多半,我們都是在連假、過年,或者這種投票的時候才會有機會碰面。別說牛郎織女一年碰一次面,像這樣北漂的朋友,回高雄多半都是在一個又一個飯局、家人聚會中,度過他們每一個連假返鄉的日子。
走出Facebook看世界,才發現世界如此奇妙,總是處處讓我驚喜,尤其是這個時代,許多人對「收入」和「賺錢」有著莫大的天馬行空,這不是一種嘲笑,而是真的感到自己窩在Facebook或者某一種與書有關、藝文圈子有關的同溫層太久,都不知道世界變成什麼樣!
許是我被焦慮和憂鬱困住太久,以致於遺忘抬起頭看看外面的世界變成什麼樣子?關於「錢」啊!大概是這個世代活著人特別容易感到困惑且困窘的事。做什麼事「都要」考慮財務要怎麼支配!、找什麼工作得要找收入看起來頗不賴的事做(現在還由不得你挑呢!)總是被教育著:你要有一定程度的財富才能做想做的事!
你會用盡力氣去溝通你不想碰的人際關係、你會想辦法解決完成工作時的阻礙、你會縮短工作中不必要浪費的時間盡可能快速的完成它、你不會在乎旁的那些誰囉哩巴嗦只出一張嘴的意見很多,你也會完成它、你更不會去思考「我多做了什麼,而便宜了別人!」,你會無論如何將自己交給這樣喜歡的工作,哪怕是單打獨鬥也要竭盡所能的將
身為一個在家工作十多年的自由工作者,每次看到那種要求自己在家工作要學會「自律」或是「規律」(紀律)安排時間的說法,就感到被約束和被框架而覺得心的不自由。倒也不是說自由工作者不需要在時間上有所規劃,而是不需要用這種有規範性的詞𢑥來限制在家工作時可自由支配的時間。
在北部工作的朋友傳訊息給我說:「我回來了。」多半,我們都是在連假、過年,或者這種投票的時候才會有機會碰面。別說牛郎織女一年碰一次面,像這樣北漂的朋友,回高雄多半都是在一個又一個飯局、家人聚會中,度過他們每一個連假返鄉的日子。
走出Facebook看世界,才發現世界如此奇妙,總是處處讓我驚喜,尤其是這個時代,許多人對「收入」和「賺錢」有著莫大的天馬行空,這不是一種嘲笑,而是真的感到自己窩在Facebook或者某一種與書有關、藝文圈子有關的同溫層太久,都不知道世界變成什麼樣!
許是我被焦慮和憂鬱困住太久,以致於遺忘抬起頭看看外面的世界變成什麼樣子?關於「錢」啊!大概是這個世代活著人特別容易感到困惑且困窘的事。做什麼事「都要」考慮財務要怎麼支配!、找什麼工作得要找收入看起來頗不賴的事做(現在還由不得你挑呢!)總是被教育著:你要有一定程度的財富才能做想做的事!
你會用盡力氣去溝通你不想碰的人際關係、你會想辦法解決完成工作時的阻礙、你會縮短工作中不必要浪費的時間盡可能快速的完成它、你不會在乎旁的那些誰囉哩巴嗦只出一張嘴的意見很多,你也會完成它、你更不會去思考「我多做了什麼,而便宜了別人!」,你會無論如何將自己交給這樣喜歡的工作,哪怕是單打獨鬥也要竭盡所能的將
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
前言與本文適合對象 本篇電子書是在幫目前已經有在經營的自媒體在更往上提升,所以不會教如何架設網站、主機操作與設定等。 如果真的想要自己架設網站的可以參考:網站帶路姬 想要找部落格主機代管的可以找:金城事務所 我自己的建議是架站跟主機選擇都不是創作者需要學習的,可以交給專業的服務商幫你
Thumbnail
這幾天我一直沒有發布新文章,是因為我一直在研究電子報訂閱的事情。其實架設一個網站不難! 佈置好首頁的版面也不難! 對我來說反而是[電子報訂閱]難倒我了。 光是找一個外掛看人家推薦一堆電子報程式,我光選就消耗掉我2天時間了! 總算選好要使用的程式下在完畢,才是接下來困難的地方。 我好死不死選到了
Thumbnail
雖然書籍銷售量下滑,實體出版的門變窄,成本高,但對於目標出一本實體書的作者,參加徵稿活動、比賽是最快的管道。除了這兩條明確的方法,還有成功機率超低的常態投稿。這時需要減少編輯作業困難,並添增投稿成功率。此外,作者自帶流量、經歷、經營社群媒體等也是重要因素。對自費出版作者,要評估作品銷量再決定是自行出版還是開募資。出版前應評估書的銷量,避免無法出版的局面。
Thumbnail
本文章介紹了建立網頁的整個流程,包括設置 Templates, Views, Urls 等步驟。透過這些步驟,大家便能創建一個新的網頁,並成功測試。
Thumbnail
在現代社會,網絡已成為人們生活中不可或缺的一部分。無論是企業、個人還是組織,都希望能夠在網絡上建立自己的存在感。DIY網頁設計服務是一種提供給普通人的工具,讓他們能夠輕鬆地創建和設計自己的網站,而無需具備專業的編程或設計技能。本文將介紹DIY網頁設計的優勢以及使用步驟。
Thumbnail
對於網頁製作新手來說,自己架設網站絕對是可行的。現代的網頁製作工具和平台設計得十分用戶友好,即使沒有網頁開發背景,也能輕鬆上手。在選擇網頁製作平台時,需要注意以下幾點: 操作介面:選擇一個操作界面清晰直觀的平台,這有助於您更容易地設計網站和探索各種功能。 功能齊全:確保平台提供您所需的所有功能...
Thumbnail
在當今數位化時代,網頁設計已成為商業和個人表達的重要途徑。無論是企業建立品牌形象,還是個人展示創意作品,一個具有吸引力且功能全面的網站都是不可或缺的。網頁設計不僅涉及美學布局,更包含了使用者體驗(UX)、使用者介面(UI)和技術實現等多方面的考量。隨著技術的進步和網頁設計理念的不斷演進,網頁設計已經
Thumbnail
讀過蠻多商業、自我成長的書,有些書裡作者已提供明確的步驟與方法,有些則以原則或概念為主,但對讀者來說,沒有去實作/執行/運用,讀完能產生對自己的助益有限。 打算建立一個「不只是讀過就算了」的書單,挑些主題來規劃自己的實作計畫,也會找有興趣的朋友一起來成立實作支援社群。
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
前言與本文適合對象 本篇電子書是在幫目前已經有在經營的自媒體在更往上提升,所以不會教如何架設網站、主機操作與設定等。 如果真的想要自己架設網站的可以參考:網站帶路姬 想要找部落格主機代管的可以找:金城事務所 我自己的建議是架站跟主機選擇都不是創作者需要學習的,可以交給專業的服務商幫你
Thumbnail
這幾天我一直沒有發布新文章,是因為我一直在研究電子報訂閱的事情。其實架設一個網站不難! 佈置好首頁的版面也不難! 對我來說反而是[電子報訂閱]難倒我了。 光是找一個外掛看人家推薦一堆電子報程式,我光選就消耗掉我2天時間了! 總算選好要使用的程式下在完畢,才是接下來困難的地方。 我好死不死選到了
Thumbnail
雖然書籍銷售量下滑,實體出版的門變窄,成本高,但對於目標出一本實體書的作者,參加徵稿活動、比賽是最快的管道。除了這兩條明確的方法,還有成功機率超低的常態投稿。這時需要減少編輯作業困難,並添增投稿成功率。此外,作者自帶流量、經歷、經營社群媒體等也是重要因素。對自費出版作者,要評估作品銷量再決定是自行出版還是開募資。出版前應評估書的銷量,避免無法出版的局面。
Thumbnail
本文章介紹了建立網頁的整個流程,包括設置 Templates, Views, Urls 等步驟。透過這些步驟,大家便能創建一個新的網頁,並成功測試。
Thumbnail
在現代社會,網絡已成為人們生活中不可或缺的一部分。無論是企業、個人還是組織,都希望能夠在網絡上建立自己的存在感。DIY網頁設計服務是一種提供給普通人的工具,讓他們能夠輕鬆地創建和設計自己的網站,而無需具備專業的編程或設計技能。本文將介紹DIY網頁設計的優勢以及使用步驟。
Thumbnail
對於網頁製作新手來說,自己架設網站絕對是可行的。現代的網頁製作工具和平台設計得十分用戶友好,即使沒有網頁開發背景,也能輕鬆上手。在選擇網頁製作平台時,需要注意以下幾點: 操作介面:選擇一個操作界面清晰直觀的平台,這有助於您更容易地設計網站和探索各種功能。 功能齊全:確保平台提供您所需的所有功能...
Thumbnail
在當今數位化時代,網頁設計已成為商業和個人表達的重要途徑。無論是企業建立品牌形象,還是個人展示創意作品,一個具有吸引力且功能全面的網站都是不可或缺的。網頁設計不僅涉及美學布局,更包含了使用者體驗(UX)、使用者介面(UI)和技術實現等多方面的考量。隨著技術的進步和網頁設計理念的不斷演進,網頁設計已經
Thumbnail
讀過蠻多商業、自我成長的書,有些書裡作者已提供明確的步驟與方法,有些則以原則或概念為主,但對讀者來說,沒有去實作/執行/運用,讀完能產生對自己的助益有限。 打算建立一個「不只是讀過就算了」的書單,挑些主題來規劃自己的實作計畫,也會找有興趣的朋友一起來成立實作支援社群。