網站製作DW&FP

DreamWeaver:創造管理網站、網頁設計、所見即所得、編輯網頁原始碼、網頁排版功能、動態網頁製作
FrontPage:製作網頁及管理網站、所見即所得、提供網頁範本、網站範本、佈景主題及動態元件、 方便快速建立網站及網頁。

DW樣本

1.設計一個版面(存檔tmp01.htm)
2.檔案/另存成樣本(aaa.dwt)
3.在版面中,滑鼠右鍵/移除可編輯區域(多做幾次,移除乾淨)
4.滑鼠右鍵/新增可編輯區域(給它一個名稱 {text})
5.在網頁中套用樣本:資源/樣本/套用。
6.分離樣本:修改/樣本/與樣本分離。

15.FrontPage2000-動態元件

•加入跑馬燈:插入元件/跑馬燈
•加入計數器:插入元件/計數器(網站須支援FrontPage Extension)
•動態按鈕:插入元件/動態顯示按鈕
•廣告經理:插入元件/橫幅廣告管理員

消除網頁廣告

消除Webjump免費空間廣告




<!--- 以下是網頁內容 -

16.FrontPage 其他元件

•背景音樂:滑鼠右鍵/一般/背景音樂(wav,midi;mid,aif,aifc,aiff;au,snd)
•視訊:插入/圖片/視訊
•多媒體:插入/進階/ActiveX控制項
•Flash:插入/進階/Plug-In

01.關於網頁製作的相關軟體

•圖形製作&處理:
1.CorelDRAW
2.PhotoShop
3.PhotoImpact
4.Illustrator
5.FreeHand
6.Fireworks

•多媒體
1.Flash
2.Director
3.Authorware

•動態圖形製作:
1.Cool3D
2.GifAnimator

•網頁製作:
1.記

02.網頁製作流程

•第一階段:
1.擬訂網頁主題
2.蒐集相關資料
3.繪製架構草圖
4.規劃網頁內容

•第二階段:
1.製作網頁元件
2.開始製作網頁
3.上傳與測試

•第三階段:
1.推廣網頁
2.更新與維護

03.FrontPage 特色

1.簡易的操作介面FrontPage2000,內建WebServer。
2.所見即所得的編輯環境,不用背指令,文字,影像,超連結。
3.美工、影像的製作及處理
4.HTML的編輯功能。
5.多樣化的範本、精靈及佈置主題。
6.手繪表格。
7.支援多種網路技術ActiveXControl,JavaApplet,Plugins,VBScript,內建DynamicHTML,表單

04.FrontPage 基本操作

1.啟動FrontPage2000
2.建立新網站:從精靈或範本裡挑選一個網站類型----快速建造網站:檔案/開新檔案/Web
3.環境:功能表列、工具列、檢視列、內容、狀態列
4.建立導覽圖:
5.新網頁:滑鼠右鍵/開新網頁or檔案/開新檔案/網頁
6.移動:直接滑鼠左鍵拖曳
7.編輯:直接雙按導覽方塊or在資料夾模式下直接雙按.html檔案
8.網站的管理、關閉、開

05.FrontPage 文字編輯

•分行:Shift+Enter(強迫換行)
•分段:Enter(文章的段落)
•使用格式工具列調整文字屬性
•格式功能表/字型
•格式功能表/段落
•插入功能表/符號
•插入功能表/註解
•格式功能表/框線及網底
•條列項目的編輯
1.格式工具列/編號、項目符號
2.格式功能表/項目符號及編號

§圖片項目符號
§一般項目符號

06.FrontPage 水平線

•插入/水平線
•屬性:滑鼠雙按水平線

訂閱文章