資料庫程式設計 – PHP+MySQL 第 三 章 HTML 語言  一頁    

 

3-4 自我挑戰

內容:

  • 3-4-1 修飾公告文件

  • 3-4-2 製作班級課表

3-4-1 自我挑戰:修飾公告文件

(A) 網頁功能: PM3_1.html

Ex3_2 文件製作後,吾人感覺上並不滿意,期望修飾如下:

 (B) 製作技巧:

上圖顯示比 Ex3_2 範例簡單許多了,除了抬頭是放大的紅字外,其餘都是『標籤』(<ul type=”square”> … </ul>),其中 type=”square” 是表示標籤符號是方形記號。因此,我們複製 Ex3_2.html 來修改即可。其中標示符號可以這樣搜尋:

(C) 提示:

<body>

    <font face=”標楷體” size=”8” color=”red”>翻轉教室公佈事項</font><BR><BR>

    <ul type=”square”>

    <font face=”標楷體” size=”5”>

      <li><p>(1) 上課前一天請自行收視 youtube 課程說明。</p></li>

      <li><p>(2) 課堂上播放每單元 youtube 課程內容,以不超過 10 分鐘為限。

…..

……

    </font>

   </ul>

</body>

3-4-2 自我挑戰:製作班級課程表

(A) 網頁功能: PM3_2.html

張老師需要製作該班級的課程表,請您幫助他,期望期格式如下:

 (B) 製作技巧:

如果對製作表格不是很清楚的話,建議先 Google 搜尋一下,技巧很多但還是先解決我們的需求比較重要,由上圖看出來幾個重點:

1.        需要有一個表頭『課    表』,這個可用 <caption>  … </caption> 標籤來達成。

2.        儲存格內的字元皆需置中,可用 <tr align=”center”> … </tr> 標籤來達成。

(C) 程式片段如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

….

<body>

    <table border="1">

       <caption>        </caption>

       <tr align="center">

<td>     </td>

           <td>星期一</td>

           <td>星期二</td>

           <td>星期三</td>

           <td>星期四</td>

           <td>星期五</td>

           <td>星期六</td>

           <td>星期日</td>

       </tr>

       <tr align="center">

           <td>  1   </td>

           <td>  </td>

           <td>  </td>

           <td>  </td>

           <td>  </td>

           <td>  </td>

           <td>      </td>

           <td>      </td>

       </tr>

….

</html>

主講人:粘添壽博士

course_db 關聯圖

 

資料庫程式設計 - PHP+MySQL: