超媒体文件(HTML格式)实务制作(一).docx
1、超媒體文件(HTML格式)實務製作(一) (By 黃明祥 Oct. 26, 2004) 一、基本概念 1. 縮寫 HTML: Hypertext Markup Language (超媒體標示語言) URL: Uniform Resource Locator(一致資源定位器) WWW Browser: WWW瀏覽器 WWW Server: WWW 伺服器 WWW: World Wile Web(全球資訊網) 2. 編寫工具 2.1 HTML編寫工具：任何文書編輯器(記事本,小作家pe2,
2、vi,notes,...) 2.2 影像製作工具： Photoshop, Image Pales, Corel Draw, 其它 3. 瀏覽工具 Netscape, IE 二、HTML主體架構 ※ 檔名： xxx.htm (for Windows) xxx.html (for Unix) ※ 格式： <標籤名稱 屬性名稱 屬性值> ※ 簡單的範例：
第一層標題
第二層標題
第三層標題
第四層標題
第五層標題
第六層標題
4、 ※顯示文章之標題，類似文章之章、節、項。 ※標題的字體與大小可由使用者自行設定。 3. 新段落(paragraph)
※產生一個新的段落 4. 超連結及定位錨(Anchors) 4.1與其它文件做連結 連結內容標題 ※用來連結(link)執行filename.htm之html檔案。 ※在ie瀏覽器上，連結內容標題會以底線及不同顏色(default為籃色)顯示。 ※當游標移到這些文字時，游標之形狀會由箭頭轉成手指狀，只要在此點一下就會跳到並執行filename.htm之HTML檔案。
5、 4.2連結其它Web站 連結其它Web站 ※用來超連結(hyperlink)到其它Web站。 ※範例： 連結其它Web站 scheme: http,file,gopher,WAIS,news,telnet,ftp,mailto ※相對路徑連結： ※絕對路徑連結： 4.3與同一份文件中之其
6、它章節作連結 跳到本文其它有標xxxx位置 ※直接跳到本文其它有標位置 4.4與其它文件之章節作連結 跳到filename.htm文件上標xxxx位置 ※直接跳到filename.htm文件上有標 位置 4.5 連結到其它影像 連結到其它影像 5. 列表(lists) 5.1 未標序號之
- 資料內容一
- 資料內容二
- 資料內容一
- 資料內容二
- 無序號資料內容一
- 有序號資料內容
- 有序號資料內容二
- 有序號資料內容三
- 無序號資料內容二
- 資料內容1
- 資料內容1.1
- 資料內容2
- 資料內容2.1
- 1資料內容
- 1.1資料內容
- 1.1.1資料內容
- 1.1.2資料內容
- 1.2資料內容
- 1.1.1資料內容
- 2資料內容
- 2.1資料內容
- 3資料內容
| 欄位名稱一 | 欄位名稱二 | 欄位名稱三 | 欄位名稱四 |
|---|---|---|---|
| 資料內容一 | 資料內容二 | 資料內容三 | 資料內容四 |
※產生一等寬之水平線 例：
.......................
※在與之間資料內容會按照原編輯檔案顯示螢幕上。 ※換行及空白字不會被吃掉。 10. 字型變化 資料內容 ※資料內容以斜體字型顯示 資料內容 ※資料內容以粗體字型顯示 打字作者Email 位址 用來告訴本篇文件的作者的Email address。
