更多

    展示資訊互動桌子(三)

    與港人共渡三十六載 UA 不敵疫情今清盤

    伴隨香港人成長的 UA 院線,今於網上及旗下院線貼出公告宣佈結業。結束三十六年光影時刻,正式公佈成為港人回憶。

    【場料】 大舖推信用卡優惠  Nokia 8.3 5G 低見 $3,398

    近日某大連鎖店推出信用卡優惠,客戶只需以指定信用卡到該連鎖大舖購買 Nokia 8.3 5G 就可以優惠價 $3,398 入手,這個定價比起細舖價更抵玩。

    【場料】 HTC U20 5G 勁減至三千以下

    HTC 首款 5G 手機 U20 5G 雖然已推出一段時間,但仍未取得到市場的認同,為了刺激銷量該機近期再出現大幅減價,用指定優惠更可以 $2,998 入手。近日據某大連鎖網上商店資料顯示, HTC U20 5G 定價已調低至 $3,298 ,而使用澳門商業銀行信用卡或滙豐信用卡更可以 $2,998 購買 HTC U20 5G 。

    經過安裝和測試後,今期進入撰寫程式碼的部分。 PHP 是程式碼,因此標示區域後,其程式就會執行。本文是將所有程式碼加入至 index.php 內,若有管理及保安考慮,也可分拆為其他檔案,視乎需要。

    編寫 PHP 互動程式

    PHP 是一種非常受歡迎的網頁編寫語言, 它也是 Facebook 及 WordPress 的主要開發語言。 PHP 是屬於「伺服器端程序」(檔案格式名稱是 .php ),當程式在伺服器端執行後,可產生 HTML 碼後再傳送到用戶。 PHP 亦可以與 HTML 碼一起使用,編寫語言的方式亦容易明白,非常適合初學者。

    網頁標示語言的基本結構如下,請參照index.php,接著在適當的位置上加上Code1、Code2、Code3和Code4程式碼,這樣互動網頁就完成。

    index.php 程式碼
    index.php 程式碼

    index.php 的說明如圖
    index.php 的說明如圖

    接下來將會為大家詳細講解 Code1-4 的內容。

    Code1 樣式定義程式碼
    Code1 樣式定義程式碼

    Code 1的說明如圖
    Code 1的說明如圖

    Code2 標題及時間程式碼
    Code2 標題及時間程式碼

    Code 2的說明如圖
    Code 2的說明如圖

    Code3 獲取天氣資訊程式碼
    Code3 獲取天氣資訊程式碼

    Code 3的說明如圖
    Code 3 的說明如圖

    Code4 隨機顯示訊息程式碼
    Code4 隨機顯示訊息程式碼

    Code 4的說明如圖
    Code 4的說明如圖

    顯示屏打造為工作桌子

    最後,我們會將顯示屏嵌入到一塊木板中,再配上檯腳及蓋上玻璃就可完成。

    [row][third_paragraph]

    預備 OSB 木板,並用電鋸將中間相等於顯示屏尺寸的形狀置空,留下一個長方形的框架。
    預備 OSB 木板,並用電鋸將中間相等於顯示屏尺寸的形狀置空,留下一個長方形的框架。

    [/third_paragraph][third_paragraph]

    接著將顯示屏嵌入在框架中,在木板的底部加上一些支撐元件作鞏固,令顯示屏不會跌下來。
    接著將顯示屏嵌入在框架中,在木板的底部加上一些支撐元件作鞏固,令顯示屏不會跌下來。

    [/third_paragraph][third_paragraph]

    然後預備檯腳,分別放在木板的兩邊;最後將平板玻璃蓋在木板上,互動桌子就製作便完成。
    然後預備檯腳,分別放在木板的兩邊;最後將平板玻璃蓋在木板上,互動桌子就製作便完成。

    [/third_paragraph][/row]

    總結

    在此習作中,同學可以學習到如何建立一個網站伺服器,使用 API 及編寫互動程式,建立一個能夠顯示世界各地不同的天氣資訊的動態網頁。本習作也適合喜歡編寫網頁,或修讀資訊及通訊科技科的同學,大家可用此參考之餘,也可自行修改當中的元素,成為一個更適合自己用的作品。

    您會感興趣的內容

    相關文章