Download presentation
Presentation is loading. Please wait.
1
DreamWeaver MX (II) 林偉川
2
網站管理 定義網站從無到有 新增網站加入新網站
3
網頁中文字及分格線 檢視 / 切換檢視 (ctrl+’) HTML視窗切換 換行 <br> 字間空白
文字顏色及效果(B,I) 相對之HTML格式<font color=red>xxx</font>，<b>XXX</b> <i>XXX</i> [DreamWeaver之文字屬性] 文字排列靠左、置中、靠右 相對之HTML格式 <p align=left, center, right>XXX</p> 分格線 相對之HTML格式<hr width=XX size=XX color=XX>
4
頁面屬性 在某網頁按滑鼠右鍵 / 頁面屬性 p.21-22 設定 標題 ＜title> XXX </title>
背景色彩＜body bgcolor=red> XXX </body> 背景圖 <body background=“圖檔”>XXX</body> 文字色彩 <body text=red> XXX </body> 連結 啟動過連結、查閱過連結
5
表格的基本結構 表格是由Column(欄)及Row(列)所構成。 表格的基本元素TABLE、TR、TD。
TABLE元素的基本屬性：border、width… 表格中的每個位置都稱為儲存格(Cell)。 設定align及valign屬性可以控制資料的對齊方式。 設定TD元素的rowspan及colspan屬性可以做出不規則型表格。
6
加入表格 插入 / 表格，可分為欄、列、邊框、內距、間距 HTML
<table></table>、<caption></caption> 、 <tr></tr> 、 <th></th> [置中及加粗]、 <td></td> [靠左] 欄合併<td colspan=?> </td> 列合併<td rowspan=?> </td>
7
表格範例
8
網頁作業 個人履歷表 個人行事曆
9
圖片加表格範例
Similar presentations
