1 / 9

DreamWeaver MX (II)

DreamWeaver MX (II). 林偉川. 網站管理. 定義網站 從無到有 新增網站 加入新網站. 網頁中文字及分格線. 檢視 / 切換檢視 (ctrl+ ’ )  HTML 視窗切換 換行 <br> 字間空白   文字顏色及效果 (B,I) 相對之 HTML 格式 <font color=red>xxx</font> ， <b>XXX</b> <i>XXX</i> [DreamWeaver 之文字屬性 ]

arlene
Download Presentation

DreamWeaver MX (II)

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. DreamWeaver MX (II) 林偉川

  2. 網站管理 • 定義網站從無到有 • 新增網站加入新網站

  3. 網頁中文字及分格線 • 檢視 / 切換檢視 (ctrl+’)  HTML視窗切換 • 換行 <br> 字間空白&nbsp; • 文字顏色及效果(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. 圖片加表格範例

More Related