第四週網頁製作課程筆記

第四週：課程筆記
藍博三
20080409

壹：
開始〈左下角〉→所有程式→Ｍicrosoft Ｏffice→2003　Ｆront page→檔案〈左上角〉
→開啟舊檔→我的電腦→卸除式Ｆ槽〈點二下〉→星期三/www./index首頁第一張
〈點二下〉→更改→儲存
第二張no1. 自我介紹〈藍色網頁〉
第三張no2.〈內有三張網頁〉
第一張背景圖 首頁index/no.1/no.2
下載背景圖
小麻雀資訊教與學網站→網頁製作〈左手邊〉→9.背景圖庫〈點它進去〉→優良網站6.
小恐龍網站→中間往下面『網頁素材館』〈點一下〉→找尋圖片右鍵→另存圖片→左
鍵→儲存圖片→我的電腦→卸除式Ｆ槽〈點二下〉→星期三/www./no.2〈點二下〉→
檔名：1 ＧＩＦ→儲存
no.2網頁製作課程筆記〈左邊/右邊兩編輯區〉
左邊編輯區：
打開星期三→標題→背景→格式〈背景圖片打鉤〉→溜覽器→我的電腦→卸除式Ｆ槽

〈點二下〉→星期三/WWW./no.2〈點二下〉 檔名：1 確定
右邊編輯區：
姓名右邊〈點一下〉→背景→設定背景圖→溜覽→我的電腦→卸除式Ｆ槽〈點二下〉
→星期三/www./no.2〈點二下〉
右手邊變動→〈左上角第三個圖形〉→儲存檔案
左手邊變動→背景圖→增加/減少→儲存
開啟舊檔〈左上角圖形第二個〉→我的電腦→卸除式Ｆ槽〈點二下〉→星期三
/www./no.2〈總共有三張網頁〉〈點二下〉
第一週→第十三週〈左手邊〉
第一週：
反白→右鍵→複製→開新檔案〈左上角白紙亦是建立新的網頁〉→右鍵→貼上〈Ｆront
page〉第一週切入點移到『第』之前面→〈上、下、左、右鍵中〉之上鍵切入點移入
→插入〈功能表〉→水平線→空白處點它一下→Ｂackspace退後取消鍵〈點一下〉→切
入點移到第一週後面→按Ｅnter→切入點移到第一週下面
輸入姓名：學員本人→按Ｅnter
日期：20080409
插入→水平線→按Ｅnter→留一空白→按Ｅnter→插入→水平線→按Ｅnter→輸入Ｅmail
帳號
編輯→〈功能表〉→全選→增加縮排〈功能表第四行右邊〉點兩下→關閉〈工作窗
格〉
檔案〈左上角〉→另存新檔→反白→置中→一般〈功能表第四行〉→標題1→我的電腦
→卸除式Ｆ槽〈點兩下〉→星期三/www./no.2〈各二下〉→第一週網頁標題→變更標
題→第一週課程筆記→變更→確定
檔案名稱→反白→01→切換英文檔案名稱01.html→儲存
編輯〈功能表〉→全選→反白→星期三/www./no.2→複製→編輯→貼上
建立新網頁：檔案→另存新檔→no.2〈另存新檔〉→01
第一週變更為第二週
檔案〈左上角〉→另存新檔→no.2〈另存新檔〉→01
檔案名稱：02.html
檔案類型：網頁→儲存
第三週直接改標題：
檔案〈左上角〉→另存新檔→no.2→變更標題→網頁標題：第三週→檔案名稱：
03.html→儲存
第四週直接改標題：
檔案→另存新檔→no.2→變更標題→網頁標題：第四週→檔案名稱：04.html→儲存
第五週直接改標題：
檔案→另存新檔→no.2→變更標題→網頁標題：第五週→檔案名稱：05.html→儲存
第六週直接改標題：
檔案→另存新檔→no.2→變更標題→網頁標題：第六週→檔案名稱：06.html→儲存
第七週直接改標題：
檔案→另存新檔→no.2→變更標題→網頁標題：第七週→檔案名稱：07.html→儲存
第八週直接改標題：
檔案→另存新檔→no.2→變更標題→網頁標題：第八週→檔案名稱：08.html→儲存
第九週直接改標題：
檔案→另存新檔→no.2→變更標題→網頁標題：第九週→檔案名稱：09.html→儲存
第十週直接改標題：
檔案→另存新檔→no.2→變更標題→網頁標題：第十週→檔案名稱：010.html→儲存
第十一週直接改標題：
檔案→另存新檔→no.2→變更標題→網頁標題：第十一週→檔案名稱：011.html→儲存
第十二週直接改標題：
檔案→另存新檔→no.2→變更標題→網頁標題：第十二週→檔案名稱：012.html→儲存
第十三週直接改標題：
檔案→另存新檔→no.2→變更標題→網頁標題：第十三週→檔案名稱：013.html→儲存
網頁貼圖檔：
打開小麻雀資訊教與學網站→編輯〈功能表第二行〉→妹妹身上點它一下→右鍵〈對
準她〉→複製→空白鍵→右鍵→貼上→空白鍵〈自我介紹〉→右鍵→貼上
編輯→貼上→儲存
預覽〈左下角〉點她一下→妹妹跳舞
復原〈功能表第三行中間〉：自我介紹
若要刪除→進入設計欄→刪除
貳、
1.開始〈左下角〉→所有程式→Ｍicrosoft Ｏffice→2003Ｆront page
2.開啟舊檔〈左上角功能表第三行第二個圖形〉→我的電腦→卸除式Ｆ槽〈點二下〉
→星期三/www./3.index.〈首頁〉→開啟內有『擊鼓鼕鼕網站』表格、自我介紹
4.點選開啟舊檔〈功能表第三行第二個〉圖形
5.開啟自我介紹檔
6.進入小麻雀資訊教與學網站→9.背景圖庫內有下載方法
7.進入6.優良網站：小恐龍資訊網站
8.中間往下拉進入『網頁素材館』
9.選擇所需之圖片，滑鼠游標在圖片上右鍵→另存圖片
10.選取所有儲存的資料夾
11.輸入檔名〈中間下面第一行〉→儲存
12.進入Ｆront page：選擇所需要的檔案插入背景
13.設定背景圖打鉤
14.溜覽
15.尋找背景圖點二下 檔名：1
16.找到圖檔後按確定 背景圖出現
17.開新檔案〈左上角第三行第一個空白紙張〉
18.點選反白按複製
19.按右鍵→貼上
20.插入〈功能表第二行〉→水平線
21.輸入姓名
日期
22.再加入兩條水平線〈中間點Ｅnter兩次〉，底下輸入電子信箱
23.編輯〈功能表第二行〉→全選
24.增加縮排兩次〈功能表第四行右邊〉
25.反白〈三行標題、姓名、日期〉→置中〈功能表第四行右側〉→三行移到中間
26.點選『一般』〈功能表第四行第一個〉→標題1→儲存
27.點選『變更標題』
28.輸入第一週課程筆記後→確定
29.變更標題後，再輸入檔案名稱01.html→確定
30.編輯→全選
31.右鍵→複製
32.開新檔案〈功能表第三行第二個圖形〉
方法一：將前張複製者，貼上新檔案，將標題改成第二週
，然後『儲存檔案』→檔案名稱輸入02.html
方法二：直接將標題改第三週，然後點另存新檔‧‧‧
一直做到第十三週
33.標題更改後→確定
34.輸入檔名：013.html→確定
35.點選格式〈點一下〉→背景→插入背景圖片→插入後點『儲存檔案』→重復到第13
週，再打開第一週之網頁，在兩條平行線間輸入自己所要輸入之內容

開新檔案〈功能表第三行第一張空白紙張〉：依前述的要領做以下的資料
三哥的旅遊
藍博三
20080409
36.輸入檔名：no3.html
37.按儲存後依插入背景圖片之步驟插入背景
38.插入→圖片→從檔案
39.按程式碼之後→預覽
40.再點設計→點選圖片→右鍵→複製
41.若要刪除→進入設計欄→刪除
感謝羅福貞班代為同學製作Ｐower point供同學研習















drumrbs@gmail.com