七月 21, 2006

題組二

336-講義web02.doc


第二類 運動廣場連結網講義

第一階段:工作環境設定

1. 安裝網頁製作軟體 (只安裝 FrontPage)

2. 設定網站資料夾  (建立目錄 C:WEB□□)

3. 設定 PWS / IIS (設定網站伺服器)
開啟Internet InformationServices / 預設的網站 / 右鍵 / 內容 / 主目錄

4. 設定螢幕解析度 800 x 600

第二階段:網頁設計 (90301 ~ 90320 分四大類,每類5題,共20)

第一類 國立玉山高中社團介紹網站 900301,900305,900309,900313,900317)

第二類 運動廣場連結網 (900302,900306,900310,900314,900318)

第三類 國家公園介紹網站 (900303,900307,900311,900315,900319)

第四類 大家來購物網 (900304,900308,9003012,900316,900320)

開啟網站 (啟動 FrontPage/檔案/開啟Web/設至C:WEB□□)

1. 建立資料夾與空白網頁
sfm sfm1.htm, sfm2.htm, sfm3.htm, sfm4.htm, sfm5.htm
images
music
title.htm, main.htm, message.htm

2. 匯入檔案
images 0201.jpg ~ 0203.jpg , 0204.gif , 0205.gif
music 0201.mid

3. 建立Index.htm首頁 / 設定Index.htm的框架內容 / 框架頁 (頁首)

4. 設計網頁內容
title.htm
插入圖片 (插入/圖片/從檔案/0204A.gif/插入)設定圖片格式 (圖片上按右鍵/圖片內容/設定圖片靠左對齊/替代文字,運動廣場連結網-回首頁)設定網頁背景及網頁邊界 (網頁任意處按右鍵/網頁內容/設定格式/瀏覽,選0201.jpg/開啟/切換到進階頁籤/上、左邊界為0)設定框架高度 (網頁任意處按右鍵/框架內容/框架名稱title /框架高度46)
main.htm
設定網頁背景 (網頁任意處按右鍵/網頁內容/設定格式/瀏覽,選0202.jpg)插入表格 (表格/插入/表格/73欄、寬度85%、置中對齊、框線大小0)插入圖片及設定圖片格式 (選表格第1/右鍵/合併儲存格/游標移至第1/  選插入/圖片/從檔案0205A.gif  圖片上按右鍵/圖片內容/替代文字,運動廣場連結網首頁   選取圖片/置中對齊)編輯儲存格內容 (21欄按右鍵/儲存格內容/水平置中對齊/背景0000FF /  輸入美國職棒 /選取文字/插入/超連結/sfm1.htm/目標框架/main)
……
輸入文字、設定文字樣式 (移至表格下方,輸入最近更新日期: /Enter  輸入2006/11/10 /選取文字/靠左對齊/選取日期/字型/Times New Roman)設定跑馬燈動態效果
message.htm
開啟message.htm /輸入謝謝蒞臨本網站,請給予我們支持、鼓勵與建言 選取輸入文字/插入/Web元件/跑馬燈設定網頁標題、背景音樂及網頁背景網頁任意處按右鍵/網頁內容/網頁標題訪客留言板 /背景音樂0201.mid/設定格式/瀏覽網頁背景0203.jpg建立表單及輸入欄位名稱移至第2 /插入/表單/表單/表格/插入/表格/62欄、寬度100%1欄前5個儲存格輸入姓名:性別:學歷:留言內容:電子郵件: 插入及編輯文字方塊 (插入/表單/文字方塊/雙按文字方塊/設定寬度20)插入選項按鈕插入及編輯下拉式清單方塊.插入及編輯文字區域 複製文字方塊編輯按鈕
sfm1.htm
插入表格及編輯表格內容 / 設定網頁背景 / 設定超連結
sfm2.htm
插入表格及編輯表格內容 / 設定網頁背景 / 插入表格及編輯表格內容
sfm3.htm
設定網頁背景 / 插入表格及編輯表格內容 / 設定網頁背景.
sfm4.htm
插入表格及編輯表格內容. / 設定網頁背景.

第三階段:網站測試

1. 啟動 Inetrnet Explorer 瀏覽器

2. 在網址列輸入 http://localhost http://127.0.0.1

3. 檢查網頁內容
依試題要求檢查各個網頁內容、超連結、動態效果等


引用URL

http://blog2.cyhs.tp.edu.tw/teacher/trackback.php?id=8
回應文章