0%

[技能檢定]題組四 步驟4 建置首頁標題區及相關頁面內容-最新消息及購物流程

項目三提到的內容大多都是後面的功能有做完就會有的,但反過來說,如果後面的相關功能沒完成的話,這邊會再多扣五分,而題組四中有些功能是和資料庫無關的,因此我們會先在這步驟把這些相較之下可以快速完成的功能先做完。

  1. 題目提到的跑馬燈是 0402.txt 中的兩個標題,而此題並沒有提到標題資料需要從資料庫中讀取,因此我們只要直接在 index.php 中加入最新消息的兩則跑馬燈消息即可:
    index.php

    1
    2
    3
    <marquee>
    情人節特惠活動 &nbsp;&nbsp; 年終特賣會開跑了
    </marquee>
  2. 最新消息的文字描述中,並沒有提到點擊標題後顯示詳細內容,再加上後台也沒有最新消息管理的功能,因此這邊我們只先做到顯示兩則消息的標題即可,後續功能做完再回頭來補,而詳細內容的功能,我建議是使用jQuery的hide()和show()來做切換顯示即可,參考以下寫法:
    ./front/news.php

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <h2 class="ct">最新消息</h2>
    <table class="all">
    <tr>
    <td class="tt ct">標題</td>
    </tr>
    <tr>
    <td class="pp">年終特賣會開跑了</td>
    </tr>
    <tr>
    <td class="pp">情人節特惠活動</td>
    </tr>
    </table>

  1. ./front/ 中的 look.php 中加入購物流程圖片
    ./front/look.php
    1
    2
    3
    <div class="ct">
    <img src="./icon/0401.jpg" alt="">
    </div>