CH1網頁製作概論

■WWW概念

網頁：就是我們現在準備要做的東西。
首頁：就是當我們進站時，第一眼看到的網頁。
網站：由一堆網頁所構成的完整內容，稱為網站。
WWW：則是由一堆網站所連結而成的。

■網站設計流程

確認主題→蒐集並整理資料→各網頁內容設計→繪製網頁架構草圖→製作網頁元件→調整網頁架構圖→其他相關軟體的運用→技術整合→網頁上傳→更新與維護

■網站呈現的方式

首頁：以單頁方式設計) 範例

選單網頁：以頁框表格或影像按鈕)範例

網頁內容：站主介紹、教學理念、班級經營、班級活動花絮、互動園地、榮譽榜、生活隨筆、留言版、友站連結、歡迎來信…………等等

■網頁製作簡介

作業平台：windows98、windows2000、windowsXP。

使用軟體：
[初學]FrontPage、Namo WebEditor、……。
[進階]Dreamwaver、HomeSite、Flash、記事本、……。
[繪圖]PhotoImpact、PhotoShop、……。

網頁組成：
標題、按鈕、超連結、背景圖、圖片、文字、表格、表單、多媒體……。

網頁製作：
文字、背景、插入圖片、分隔線、跑馬燈、表格、超連結、背景音樂。

網頁製作技術概況：
HTML、CSS、JavaScript、DHTML、Java、Flash、XML、XHTML

網頁基本概念:
網頁中的圖片(gif、jpg、png) 、網頁相關檔案的檔名(不可為中文)、網頁中的路徑

網站設計之注意事項:

• 首頁要有明顯的標題
• 建立適當的視窗標題( 此標題將來會被 "搜尋引擎" 以及 "我的最愛" 所用 )
• 儘量把網頁最重要的訊息放在前面
• 提供站內查詢或是網站地圖
• 網頁的連結要儘量在短而有力的關鍵字上
• 不要用花俏的動作過度裝飾不重要的內容
• 在網頁上使用有意義的圖片
• 網頁的內容最好能兼顧瀏覽與列印的品質
  

歸納:

避免華而不實的功能、注意瀏覽器的相容性、提供無障礙的瀏覽方式
清爽簡單勝過五顏六色、主題明確、內容豐富

■網頁製作相關網站

首頁製作百寶箱
http://dob.tnc.edu.tw/

網頁製作素材(含圖.文.聲音.動畫)相關江翠國中學習資源的網網相連
http://www.ctjh.tpc.edu.tw/www/netsource/resource.htm