1 / 26

網頁程式設計介紹

網頁程式設計介紹. Chin-Yi Tsai. Outline. 個人網頁放置地點 FTP 軟體使用簡介 HTML 語法 網頁編輯軟體. 個人網頁放置地點. Kimo 或 pchome 之類有提供空間給使用者放置個人網頁 學校個人帳號目錄下的 public_html 目錄中 自行架設網站 Linux, Apache Windows, IIS UNIX. Kimo 個人網頁. http://home.kimo.com.tw/ci_tsai/ index.html. 個人帳號下的 public_html 目錄下.

satin
Download Presentation

網頁程式設計介紹

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. 網頁程式設計介紹 Chin-Yi Tsai

  2. Outline • 個人網頁放置地點 • FTP軟體使用簡介 • HTML語法 • 網頁編輯軟體

  3. 個人網頁放置地點 • Kimo 或pchome之類有提供空間給使用者放置個人網頁 • 學校個人帳號目錄下的 public_html 目錄中 • 自行架設網站 • Linux, Apache • Windows, IIS • UNIX

  4. Kimo 個人網頁

  5. http://home.kimo.com.tw/ci_tsai/index.html

  6. 個人帳號下的 public_html 目錄下 • /home/cyt/public_html • 使用FTP軟體上傳網頁的檔案:

  7. FTP軟體使用(cuteFTP) • 下載cuteFTP軟體並安裝 • http://www.toget.com.tw • 操作說明:

  8. 140.134.26.25 cyt 123456 輸入帳號 輸入密碼 輸入IP

  9. 2.按此button上傳資料 1.選取要上傳的檔案

  10. 1.選取要下載的檔案 2.按此button下載資料

  11. HTML標記 test.html <html> <title>我的個人網頁</title> <body> 大家好… </body> </html>

  12. <html> <title>我的個人網頁</title> <body> <!-- 說明文字, 不會出現在網頁中 --> 大家好... <br><br> <a href="test2.html"> 連結到test2.html </a> <br><br> <img src="test.bmp"> <br><br> <a href="test2.html"> <img src="test2.bmp"> </a> <br><br> <table border=1 cellspacing=0 height=300 width=400> <tr> <td>一 <td>二 <td>三 <td>四 <td>五 <td>六 <td>日 <tr> <td>11 <td>21 <td>31 <td>41 <td>51 <td>61 <td>71 <tr> <td>12 <td>22 <td>32 <td>42 <td>52 <td>62 <td>72 <tr> <td>13 <td>23 <td>33 <td>43 <td>53 <td>63 <td>73 <tr> <td>14 <td>24 <td>34 <td>44 <td>54 <td>64 <td>73 </table> </body> </html>

  13. 網頁編輯軟體 • 微軟 FrontPage • Macromedia Dreamwaver • others

  14. 加入超連結

  15. Homepage/HTML 敎學網頁 • http://cslab.iecs.fcu.edu.tw/class/homepage/index.htm

More Related