台語文網站製作教學講義 2005 Fall / Spring      
[安裝Taigi Unicode字型(感謝劉杰岳提供)] [色緻對照表] [網頁製作教學講義] [(師大)同學ê網頁]
[Ha̍k-khiam ê教學網站 / Email]   |   [Khîn-hōaⁿ ê教學網站 / Email]   |   [Ún-giân ê Server / 教學網站 / 個人網站 / Email] 
  • html結構
    • <html>
      <head>
      <title> ... </title>
      </head>
      <body>
      </body>
      </html>
    • 大部分ê標籤, 是有開tō有關.
    • 下載空白網頁
    • <>
  • 文字
    • <font size=1(siōng 細)..7(siōng大) face=字型> 作用ê文字 <font>
    • 預設ê情形 : 白底烏字, font size=3 (12點)
    • <body text=色緻>
    • <b>...</b>(粗體)， <i>...</i>(斜體)， <u>...</u>(底線)
  • 段落
    • <p>
    • <br>(換一chōa)
  • 背景
    • 背景色<body bgcolor=色緻>
    • 背景圖<body background=圖形檔案(jpg/gif)>
  • 圖片
    • <img src=圖形檔案(jpg/gif) alt=圖片說明 width=數字(闊度) height=數字(kôan度)>
  • 超連結
    • <a href=URL(網址)> 文字iah是圖片</a>
  • 切frame
    • body標籤hō͘ frameset取代（frame無body）
    • 橫切：<frameset rows="1,2 | 20%,* | *,100 | 20%, *, 30% | ... >
    • 直切：kā頂面ê rows改做cols
    • 若切兩塊，就愛有兩個<frame name=frame名稱 src=網址>
    • 若有直切koh有橫切，請照切ê 順序，一步一步做
    • 假使倒pêng (frame框架名稱是left)ê 連結結果beh顯示tī正pêng (frame名稱是right)， <a href="..." target=right>
    • 若bôai hō͘ user調整frame ê大細，<frame noresize> （會sái每一個frame lóng加，mā會sái小想一下，加一部份就會sái全部lóng kā鎖tiâu）
    • 框kah框之間若無beh有線<frameset border=0>
  • 做banner
    • 利用PhotoImpact做
    • 網路/元件設計師/橫幅
    • 假使做出來ê圖片m̄是四四角角ê, 建議Save做gif格式並且設定做透明背景, 按呢chiah會tàng kah實際ê背景圖/背景色配合。
  • 做rollover button
    • 利用PhotoImpact做
    • 網路/元件設計師/Rollover按鈕
    • 每個button ê字數儘量仝款，效果會khah好
    • 假使做出來ê圖片m̄是四四角角ê, 建議Save做gif格式並且設定做透明背景, 按呢chiah會tàng kah實際ê背景圖/背景色配合。
    • 匯出kàu HTML，每一組做好ê button，包含一個html檔案，kah三個圖(tī images目錄內底)（正常、鳥鼠仔tī頂頭、鳥鼠仔chhi̍h落去）
    • 假設做好四組button，所產生ê html分別是a01.html、a02.html、a03.html、a04.html，請以其中一個html檔案為主（可比a01.html），將其它html (a02~a04.html)內底註解是 first (AddImageToImageLists .....) kah second ( <a ...> ... </a>) ê部分Copy kàu仝一個檔案(可比a01.html)。
    • <a ...> ... </a> ê部分，因為一chōa一個button，所以建議補一個 <br>標籤。另外，<a>愛會記e 補 target kah href的屬性值。
  • 做包含白話字(台語羅馬字)字型ê網頁
    • 目前我是利用Word 2000 +TP轉HTML時ê標記設定，kah 暗光鳥ê厝所提供ê ASC2TP公用程式來處理，tī我ê Server頂面(Windows 2000 Server + IIS5)利用ASP program來做。
    • 副檔名請設定做 .asp
    • 第一chōa請加" <!-- #include virtual="/Util/hiansiPOJ_TU.asp" -->"
    • 假使beh顯示 tī，請輸入 <%POJ"ti7"%>
    • Wikipedia（免費ê線頂百科全書）用Unicode編碼（kah TP 字型無仝）， 請參考說明
  • 利用Adobe Acrobat處理白話字字型
    • 對無裝TP ê使用者，會sái考慮使用PDF格式。
  • 用Word/Excel 做台語文網頁
    • TP 1.50版支援kàu Word/Excel XP，直接轉做html 無問題。
    • TP 2.0版支援 Word 2003（編碼符合Unicode），直接轉做html mā無問題。
  • 上課時間、地點↓
    • (台東大學)11/12 9:00~12:00語教系圖書室 13:30~17:30電算中心 11/26 13:30~18:30電算中心
    • (師大)4/28 & 5/5 pm 2:10 ~ 6:00 師大台語所電腦教室
  • 課程目標↓
    • (2005 Fall)這是張學謙教授所開ê課程 ê一部份，目標是beh引chhōa ta̍k家學習 台語文網頁製作ê技巧。
    • (2005 Spring)這是李勤岸教授所開ê「媒體、網路與台語傳播」課程 ê一部份，目標是beh引chhōa ta̍k家學習 台語文網頁製作ê技巧。
    • 因為時間ê限制，希望會tàng先將siōng 基本ê功夫學起來，sòa落來若 beh koh進一步，請ta̍k家 chhē/chhōe時間、chhē/chhōe機會練習。
  • 使用著ê軟體↓
    • 記事本Notepad
    • Microsoft Office，特別是Frontpage
    • Ulead PhotoImpact
    • Taiwanese Package
  • HTML標記kah屬性ê縮寫↓
    • a ==> anchor
    • b ==> bold
    • bgcolor ==> background color
    • br ==> break
    • i ==> italic
    • img ==> image
    • src ==> source
    • p ==> paragraph
    • u ==> underline
最近更新： 2008年3月19號下晡時