【領域網頁建置】-1

一、下載網頁模板：

進度流程	摘要
使用環境準備	無線網路連線、Dreamweaver軟體、確認w3帳密。
使用之伺服器	http://w3.yfms.tyc.edu.tw 解釋個人電腦與伺服器之關係。
下載所需模板	rar檔解壓縮、網頁常用檔案架構。

《 網站樣版 》點選後下載，存放於硬碟明顯處。

1. 本校領域預設網站

2. 無障礙網站樣版(一)

3. 無障礙網站樣版(二)

4. 無障礙網站樣版(三)

二、網頁編輯器：Dreamweaver

進度流程	摘要
軟體環境安置	檢視/工具列/標準、設計區、屬性區。
開啟模板網頁檔	文字、圖片、表格的辨視、內容規劃。
內容修改與存檔	標題更改、文字部份、圖片部份、css樣式。

三、影像軟體：PhotoImpact

進度流程	摘要
文字圖片化	理由、方法、基本效果、瘦身。
圖片編修	大小辨視及剪裁。
圖檔使用	存放位置、範例檔運用。

四、網頁伺服器：帳號、密碼確認。使用ftp連線將所有內容送至W3伺服器。

進度流程	摘要
以IE進ftp	ftp://w3.yfms.tyc.edu.tw/帳號
複製檔案	www資料夾內容上傳。
網站確認	http://w3.yfms.tyc.edu.tw/帳號

---------------------------------------------------------------------------------

【領域網頁建置】-2

一、《 網頁伺服器 》： w3.yfms.tyc.edu.tw → http:// 與 ftp:// 之使用

二、《 網站的基本要素 》：

基本要素	使用的軟體及摘要
文字內容	Word 編輯、彙整、複製貼上(文字)。
圖形安排(靜、動)	PhotoImpact處理、製作圖檔。jpg、gif
版面設計與配置	Dreamweaver設計網頁架構、版面位置、超連結等。

三、《 網站的核心 》：內容的建議

內容要素	摘要
領域為主體	舉凡領域內的各種訊息、課發會(教研會等)議題、過程、結果。
教師教材集思廣義	自編教材、課程準備的教案、課外參考書或筆記等
學生獲取學習資源	考古題、題試分析、補救教材、疑難講解或挑戰題等。
擴大資源版圖	超連結適合網站，擴大資源整合！
師生交流	與教師、學生意見交換。

四、《 準備網頁元件 》：使用PhotoImpact

要項	使用的工具及摘要
網站招牌(橫幅)	文字工具、挑選工具、3D文字(百寶箱各圖庫)、路徑繪圖色塊、圖層排列、印章工具、變形工具(等比例、旋轉)、顆粒圖庫、插入影像物件(圖背變透明之gif圖)、影像大小剪裁、影像最佳化。
簡易動畫	百寶箱之動畫圖庫(適用無遮罩之小圖案)
元件/背景設計師	網路/元件的準備工作與製作。或取現成http://home.pchome.com.tw/good/fang600213/box.htm

五、《 編排網頁架構 》：使用Dreamweaver

要項	使用的工具及摘要
網站專屬資料夾	桌面要與w3伺服器一致、資料分類、範本。
管理網站	桌面資料夾與Dreamweaver設計時同步。
運用範本建網頁	文字、影像/背景等元件、超連結等。
自行設計創建網頁	儲存格/版面表格之設計。

六、多媒體檔案：http://w3.yfms.tyc.edu.tw/502.rar

---------------------------------------------------------------------------------

【領域網頁建置】-3

一、《 Dreamweaver管理網站 》→複習

二、《 網站素材圖庫的取用 》→教學資源/素材屋

三、《 製作進度與提示 》→高中部訊息(羅東高中http://www.ltsh.ilc.edu.tw/95oshsctfwg/index.html)

時間	製作進度的摘要
3/27網頁研習	下載網站範本檔，依照各科實際內容修改「文、圖」。並且在主體結構完成後，以ftp傳輸至w3.yfms.tyc.edu.tw主機。
5/11網頁研習	國中各領域，進度同上！
6/28網頁研習	Dreamweaver效果及Java特效套用。及設計網頁架構、版面位置、超連結等。

※ 下載多媒體檔案。

四、《 網頁效果 》：

要項	摘要
滑鼠變換影像	常用/滑鼠變換影像。版面(表格&儲存格)的調整。變換的影像圖片長寛應以第一張為主。導覽列在同一網頁中只能用乙套。
影像地圖超連結	一般超連結&影像中特定區域的連結設計。
加入背景音樂、影音媒體	插入/媒體/Plugin。Midi音樂、Wmv超連結方式及置入網頁方式。※音量的調控！
加入Java Script特效	1.網頁製作百寶箱介紹與使用。 2.html程式碼處理及標籤解說。 3.使用：慧星游標、隨機音樂、精美日曆、簡易時鐘。
加入Java Applet特效	1.下載的Applet程式須與index同層。 2.使用：水中倒影。

四、《 將首頁製成其他頁的範本 》：