0%

[技能檢定]題組二 步驟5 建置主選單區、動態文字廣告及頁尾版權區

這邊其實幾乎算送分了,因為主選單的內容己經在版型檔案中先做好了,連背景圖都設定好了,所以這邊唯一需要做的是把動態文字廣告的字打上去即可,這邊要注意的是動態文字廣告區的右側要留點空間給登入資訊使用。

動態文字廣告區

  1. index.php 中加入動態文字廣告區的文字,我們使用 <marquee></marquee> 標籤來完成即可
  2. <marquee> 標籤設定為寬度80%左右。
  3. 使用 flex 屬性讓跑馬燈和會員登入兩個局塊可以在同一橫例中
    1
    2
    3
    4
    5
    6
    <div style="display:flex">
    <marquee style="width:80%">請民眾踴躍投稿電子報,讓電子報成為大家相互交流、分享的園地!詳見最新文章</marquee>
    <span style="width:20%; display:inline-block;">
    會員登入
    </span>
    </div>

頁尾版權區

  1. 頁尾版權區只須更改年份及QR Code圖檔的連結路徑即可。
    index.phpfront/footer.php
    1
    2
    3
    4
    5
    <div id="bottom">
    本網站建議使用:IE9.0以上版本,1024 x 768 pixels 以上觀賞瀏覽 , Copyright © 2024健康促進網社群平台 All Right Reserved
    <br>
    服務信箱:health@test.labor.gov.tw<img src="./icon/02B02.jpg" width="45">
    </div>