iT邦幫忙

DAY 29
4

Maggie用那些,完成了這個網站!系列 第 29

Maggie用那些,完成了這個網站_29(PACE!)

  • 分享至 

  • xImage
  •  

<你不是說有範例,要試給我看?>

(是啊...)

<那你用這個網站做示範。>

(這...這個是什麼?)

<這個是我做的網頁啊! 用你教我的那些做出來的。>

(真的啊! 哇嗚...這麼強! 真的做出來了耶! 那我要示範什麼給妳看?)

<有些網站不是都會有載入進度嗎? 就是從1% 跑到100%之後,網頁就出現了,我寫的這個網站,想要有那個功能。>

(哦,那用UI套用進來就好了,我想一下哦...有一個網站有提供這樣的功能。我找找看...這個,PACE,有提供這樣的功能。)

(進到這個網站之後,先下載「PACE.JS」

接下來,畫面往下拉,選擇妳想要的「進度顯示條的顏色」,

然後選擇「進度顯示條的外觀樣子」,選好後,再按「DOWNLOAD」,這時候瀏覽器畫面會顯示CSS檔案內容,

我們將CSS內容複製下來,再貼到我們自己的網頁編輯器裡面,另外存成一個檔案,接著再上傳到我們的網站,然後在妳的網頁html檔案裡面,加入External的tag,將PACE的JS檔和CSS檔案,加入進來,

這個時候,這個「載入網頁的進度顯示」就會顯示在網頁裡了。)

<哇! 真的有耶...不過,那個進度條好窄哦...我要怎麼改?>

Allen 靜靜的看著Maggie沒有說話...

<我知道了,從PACE的CSS來改,對不對?>

(不錯哦! 是的! 在檔案的那裡呢? 妳來找找吧!)

<這邊這邊,應該是這個...我修改一下哦。

我看一下...存檔,然後重新整理網頁...有耶! 變寬了,呵呵,我有沒有很厲害? >

(有有...給妳拍拍手,給妳點點頭...那我...去做別的事囉?)

<等一下啦! 我還沒問完! 我要圖案...我的選單旁邊想要有圖案...>

(圖案? 妳等等,我用一下,這個會需要一段時間,妳先去喝茶吧!)

Allen 繼續坐在電腦前,準備將Maggie說的那個圖案,加到網頁裡...Maggie則在一旁準備行李,要去台北受訓了。

<你啊...明年還要考哦,知不知道...怎麼會考這種分數,真搞不懂你是厲害還是準備不夠...>

(啊? 妳在說什麼?)

<你的分數啊! 你今年考華語導遊的分數...會不會太好笑,考三科,你每科都50分...你如果每科都再多個10分,我們就可以當同學,一起去受訓了耶!>

(......沒關係啦,我們當情人也滿好的!)

<...聽你在說,快點用啦! 我去準備行李了......>

Maggie整理行李時...看著行李箱裡放著的三仙台照片............

<喂,老闆! 為什麼這條路這麼黑啊!?>

台東海岸線,台11號公路的夜晚,是一片純靜的黑,偶而才會經過有路燈的地方...Maggie對眼前的黑,感到不安及害怕...<老闆,你不會怕哦? 我們可以回頭嗎?>

(妳按一下手機裡紅色的圈圈,待會再按播放吧!)

<你都不會怕嗎? 很黑耶!>

(怕啊...怎麼會不怕,但還是一直開下去,要到三仙台。我還是很不習慣這樣的黑...)

<你真的很奇怪...怕還要去!?>

(呵呵...我一個人在每天忙進忙出的過程裡,知道了一些事情,所以,當然要去!)

<什麼事啊?>

(就是要一直走下去啊! 不然怎辦? 不過就是天黑了點,不用回頭...回頭妳就看不到三仙台的日出了!)

<無聊...>

後來這兩個人在車裡,完全沒有對話...一個小時之後,他們到了三仙台,Allen將車停到停車場,停好車後跟Maggie說...(現在半夜三點,大概要四點的時候,天才會微亮,我們就在車裡休息一下吧! 我要睡了...)

<我才不要跟你坐在車裡那麼久,我要下車吹風...>

Maggie把車門一打開...就聽見咻咻...咻咻咻咻...刷刷...花啦啦...三仙台那強勁的海風,將附近的樹吹的好響,樹葉被風吹過後,發出來的聲音,附近海浪的聲音,在那瞬間,一起衝進了Maggie的耳裡,眼前的一片黑,加上衝進耳裡的聲音,讓Maggie不知該怎麼辦...就在這時,一陣強風,將車門給推了回去,碰! 的一聲...Maggie 嚇到了...

<我們在一起那麼久了,為什麼要分手? 你不是說等我離職休息後,要陪我去旅行? 為什麼你會這麼絕情? 為什麼?為什麼? 為什麼啊! 你告訴我啊!>

一些在心底破碎的回憶,被強勁的海風,給刮了起來...還沒落到地表的眼淚,被風吹到黑暗裡,找不到了。Allen 看了看Maggie的樣子...大概知道是怎麼一回事。於是開了車門,下了車...走到汽車後座門邊,打開了剛才被風吹到關起來的車門,對著Maggie說...(來吧,我帶妳去看看...晚上才能看到的夜景。)

不知為何,眼淚直流的Maggie,跟著Allen的背影,從三仙台的停車場,慢慢的往海邊走...天很暗,他們也走的很慢...一直到了海岸邊,(有沒有看見遠方金黃色的光點?)

<...你說什麼? 風太大了,我聽不到啦!>

Allen 走到Maggie的身後...接著......用右手按住Maggie的後腦...慢慢的往左邊轉過去...(妳有沒有看見...遠方...金黃色的光點)...Maggie點了頭...接著,Allen的右手再安住Maggie的後腦往右轉...(妳有沒有看到,海面上金黃色的光...)...Maggie再次點了點頭...

(走吧,我們回車上吧!)

再次走回停車場,進到車裡之後...(有沒有很好看?)

<風那麼大,很冷耶...是滿好看的...>

(我不知道妳為什麼要一個人出來旅行,也不知道妳為什麼要來台東,但是...妳心裡的那些情緒,剛剛都被海風連根拔起,吹走了...麻煩妳休息一下,待會我們再回去看日出...這邊有我剛才買的熱茶,雖然都冷了,但還是喝一下吧! 我真的很累,我要先小睡一下...)

那個風一吹,車就晃一下...Maggie坐在車裡,像是遇到四級地震一樣,晃啊晃啊...她也睡著了。

幾個小時之後,兩個人被三仙台的艷陽,給叫醒......

(待)

2014/10/28 SunAllen

現任:太陽數位文創(技術總監)_彩虹53_小鐵道民宿(管家)


上一篇
Maggie用那些,完成了這個網站_28(Jquery UI)
下一篇
Maggie用那些,完成了這個網站_30(Icon Fonts&終)
系列文
Maggie用那些,完成了這個網站!31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
liurambo0911
iT邦高手 1 級 ‧ 2014-10-28 12:55:28

沙發

SunAllen iT邦研究生 1 級 ‧ 2014-10-28 12:59:48 檢舉

謝謝謝謝

0
小財神
站方管理人員 ‧ 2014-10-28 15:57:25

第29天了!!

我要留言

立即登入留言