timeline js sop 經驗分享
TRANSCRIPT
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
第一種地圖樣式+第一種文字
第二種地圖樣式+第二種文字
第三種地圖樣式+第三種文字
第四種地圖樣式+第四種文字
第五種地圖樣式+第五種文字
第六種地圖樣式+第六種文字
第七種地圖樣式+第七種文字
第八種地圖樣式+第八種文字
第九種地圖樣式+第九種文字
第十種地圖樣式+第十種文字
第十種地圖樣式+第十一種文字
第十種地圖樣式+第十二種文字
第十種地圖樣式+第十三種文字
第十種地圖樣式+第十四種文字
第十種地圖樣式+第十五種文字
第十種地圖樣式+第十六種文字
第十種地圖樣式+第十七種文字
第一種文字
第二種
第三種
第四種
第五種
第六種
第七種
第八種
第九種
第十種
第十一種
第十二種
第十三種
第十四種
第十五種
第十六種
第十七種