timeline js sop 經驗分享

Timelinejs使用SOP

點下Make a Timeline now

點google speadsheet template(小提醒:請先登入gmail帳號，表格會直接儲存在google雲端 )

點選使用此範本，即可編輯表格

表頭介紹由左至右1開始時間2結束時間3標題4敘述5媒體網址6媒體來源7媒體標題8媒體簡短文字9類型10標籤

時間只顯示年代1.選取A&B兩行

時間只顯示年代2.選擇格式→數值→純文字

1.2.

3.

對照表格內容&輸出情況1開始時間2結束時間3標題4敘述5媒體網址6媒體來源7媒體標題8媒體簡短文字9類型10標籤

1開始時間2結束時間3標題4敘述5媒體網址6媒體來源7媒體標題8媒體簡短文字9類型10標籤

1

34

5

67

10

Google雲端文件上傳

1.

2.

Google雲端文件上傳

3.

4.

Google雲端文件上傳

5.修改文件名稱

6.貼上你的文字或圖片

Google雲端文件上傳

7.點選檔案

8.點選發佈到網路

Google雲端文件上傳

9.點選內崁

10.複製全部網址

Google雲端文件上傳

11.貼上timeline表格中的media

Timelinejs圖片放置SOP

1.

2.

進入google帳號，點選應用程式

3.

4.

5.

照片放置，開新網誌發新文章

6.

照片放置，發新文章

7.上傳照片後，圖片會顯現在文章內

圖片上傳BLOG產生JPG網址

8.圖片顯現後選擇圖片按右鍵，在新分頁中開啟連結，即會產生照片的網址列Ex:http://xxxxx.jpg or http://xxxxx.png

直接複製網址貼上timeline表格media欄即可

<a href="http://yang-

mu.blogspot.tw/2014/08/blog-post.html"

target="_blank"><span

style="color:#ff8000;">《花季》</span></a>。

timeline內文連結語法《花季》連結到紅色網址列，color可選顏色

將網址貼上media

貼上timeline表格中的media

表格完成後點選1.檔案→2.發佈到網路

1.

2.

3.點選開始發布→4.複製網址

3.

4.複製網址

5.回到Timelinejs網頁→6.往下選樣式

5.貼上

6.點選

選擇樣式1地圖2文字3永遠選擇最新年份4選擇開始頁

地圖樣式

文字樣式

從最新年份開始

選擇開始頁數

點選Preview即能在下面查看Timeline

第一種地圖樣式+第一種文字

第二種地圖樣式+第二種文字

第三種地圖樣式+第三種文字

第四種地圖樣式+第四種文字

第五種地圖樣式+第五種文字

第六種地圖樣式+第六種文字

第七種地圖樣式+第七種文字

第八種地圖樣式+第八種文字

第九種地圖樣式+第九種文字

第十種地圖樣式+第十種文字

第十種地圖樣式+第十一種文字

第十種地圖樣式+第十二種文字

第十種地圖樣式+第十三種文字

第十種地圖樣式+第十四種文字

第十種地圖樣式+第十五種文字

第十種地圖樣式+第十六種文字

第十種地圖樣式+第十七種文字

第一種文字

第二種

第三種

第四種

第五種

第六種

第七種

第八種

第九種

第十種

第十一種

第十二種

第十三種

第十四種

第十五種

第十六種

第十七種