資料庫程式設計 – 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 關聯圖

 

資料庫程式設計：

 

 

 

翻轉電子書系列：