【領域網頁建置】-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特效套用。及設計網頁架構、版面位置、超連結等。

※ 下載多媒體檔案

四、《 網頁效果 》:

要項

摘要

滑鼠變換影像

常用/滑鼠變換影像。版面(表格&儲存格)的調整。變換的影像圖片長寛應以第一張為主。在同一網頁中只能用乙套

影像地圖超連結

一般超連結&影像中特定區域的連結設計。

加入背景音樂、影音媒體

插入/媒體/PluginMidi音樂、Wmv超連結方式及置入網頁方式。※音量的調控!

加入Java Script特效

1.網頁製作百寶箱介紹與使用。

2.html程式碼處理及標籤解說。

3.使用:慧星游標、隨機音樂、精美日曆、簡易時鐘。

加入Java Applet特效

1.下載的Applet程式須與index同層

2.使用:水中倒影。

 

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