育將電腦工作室 - 線上書籍

網頁設計好好玩(下)
==========

- - - - - -

一、編輯器
-----

本次課程使用的預設編輯器為NotePad++（<http://notepad-plus-plus.org/> ）或用Sublime Text(<http://www.sublimetext.com/> )更好。這兩套都是執行快速，功能強大的免費軟體，而且都具有中文界面。當然您也可以使用自己熟悉的編輯軟體來操作。

1. 設定中文：「Settings/General/Localization」=> 中文繁體
2. 設定開啟檔案類型：「自訂/使用者自訂/副檔名連結設定」=> 可加入.php,ini,sql,css,conf,js等附檔名
3. 下載檔案：<https://notepad-plus-plus.org/repository/6.x/6.8.8/npp.6.8.8.bin.zip>
 
- - - - - -

二、FileZilla檔案傳輸軟體
=================

1. FTP用來把檔案傳到主機
2. 建議善用站台管理員，把常用的連線加入（此外，建議把樹狀目錄關閉）。
3. ![](https://www.ugm.com.tw/uploads/tad_book3/image/tools/filezilla_setup.jpg)
4. 下載檔案 [FileZilla 3.9.0.5 可攜版](https://www.ugm.com.tw/modules/tad_uploader/index.php?op=dlfile&cfsn=9&cat_sn=7&name=filezillaportable_3.9.0.5.zip)
5. 主機位址：st.webugm.com  
   使用者名稱：xxxx@st.webugm.com  
   密碼 ： xxxx  
   ![](https://www.ugm.com.tw/uploads/tad_book3/image/10501/2/step-1.jpg)
 
- - - - - -

三、設定自動轉址
========

1. 如果想要使用自己的空間，則可以設定自動轉址  
   在 HTML 網頁的 </head> 前加入以下 HMTL 碼，網頁就會自動轉址。  
   其中 content=... 中的 0 是指 0 秒後自動重新整理，並轉址到 "http://tw.yahoo.com" 這個 URL。  
   請將下列語法加入 index.html 中 ```
  <pre class="brush:as3;">
  <meta http-equiv="refresh" content="0;url=http://tw.yahoo.com" />
  ```
2. [byet免費虛擬主機申請](https://byet.host/)
3. [Hosting 免費虛擬主機申請](https://www.ugm.com.tw/modules/tad_book3/page.php?tbdsn=1)

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown