frontpage 2003 網(wǎng)頁(yè)設(shè)計(jì)制作步驟

1、frontpage 2003 網(wǎng)頁(yè)設(shè)計(jì)制作步驟 單擊“開(kāi)始”“所有程序”“Microsoft Office”“Microsoft Office FrontPage 2003”，啟動(dòng)FrontPage 2003，進(jìn)入網(wǎng)頁(yè)編輯窗口; 在網(wǎng)頁(yè)編輯窗口，單擊“文件”“保存”，彈出Windows保存窗口，指定目標(biāo)文件夾為“我的文檔”，指定文件名稱“index.htm”; 單擊“保存”，則index.htm文件建立完畢。 網(wǎng)頁(yè)制作步驟 添加標(biāo)題圖片 單擊菜單“插入”“圖片”“來(lái)自文件”，彈出打開(kāi)圖片對(duì)話框，選擇所要插入的圖片; 單擊“插入”，標(biāo)題圖片插入完成。網(wǎng)頁(yè)制作步驟 在標(biāo)題圖片下添加滾動(dòng)文字 單擊回

2、車鍵，使光標(biāo)位于標(biāo)題圖片下最左端; 單擊“插入”“Web組件”，在“組件類型”欄中選擇“動(dòng)態(tài)效果”，在“選擇一種效果”欄中選擇“字幕”; 單擊“完成”; 在文本欄內(nèi)輸入比如“你好!歡迎訪問(wèn)我的個(gè)人網(wǎng)頁(yè)”，單擊“樣式”“格式”，彈出格式菜單。單擊“字體”，彈出“字體”對(duì)話框。在“字體”欄內(nèi)選擇文本字體，在“大小”欄內(nèi)改大小，在“顏色欄”內(nèi)選擇顏色，單擊“字符間距”選項(xiàng)卡，顯示字符間距欄，在“間距”欄內(nèi)選擇間距，在“間距大小”欄內(nèi)填入大小; 單擊“確定”關(guān)閉所有對(duì)話框，添加字幕完畢。 網(wǎng)頁(yè)制作步驟 在網(wǎng)頁(yè)中添加四條橫線 光標(biāo)移到字幕末尾，敲擊鍵盤上回車鍵，使光標(biāo)位于字幕的下一行左側(cè); 單擊“插入”

3、“水平線”，插入一條水平線;雙擊該水平線，彈出“水平線屬性”對(duì)話框;在“顏色”欄內(nèi)選擇顏色，在“高度”欄內(nèi)填寫高度;單擊“確定”，退出“水平線屬性”對(duì)話框; 單擊菜單“格式”“邊框和底紋”，彈出“邊框和底紋”對(duì)話框;在“樣式”欄內(nèi)選擇樣式，然后單擊“確定”，退出“邊框和底紋”對(duì)話框。 復(fù)制水平線;單擊菜單“編輯”“復(fù)制”;重復(fù)三次：?jiǎn)螕舨藛巍熬庉嫛薄罢迟N”，繪制水平線。 網(wǎng)頁(yè)制作步驟 插入表格 在第一條水平線下添加一個(gè)表格，邊框粗細(xì)為0，編輯表格文字的文本和大小，居中;分別填寫你自己需要的內(nèi)容; 移動(dòng)光標(biāo)至第二條水平線首;敲擊回車鍵，使第一條水平線與第二條水平線之間留出空行; 插入表格：?jiǎn)螕舨?/p>

4、單“表格”“插入”“表格”，彈出“插入表格”對(duì)話框;在“大小”欄內(nèi)分別填寫：行數(shù)和列數(shù);在“邊框”欄的“粗細(xì)”欄中輸入0;在“布局”欄內(nèi)的“對(duì)齊方式”欄中選擇方式; 表格字體設(shè)置：選定表格;在格式工具欄內(nèi)選定字體，字號(hào) 填寫文字：分別選定表格單元格，依次填寫：你所需要的內(nèi)容。 在第四條水平線下添加一個(gè)的表格，表格文字居中;并在表格中分別填寫內(nèi)容。 移動(dòng)光標(biāo)至第四條線末尾，敲擊回車鍵; 插入表格：?jiǎn)螕舨藛巍氨砀瘛薄安迦搿薄氨砀瘛保瑥棾觥安迦氡砀瘛睂?duì)話框;在“大小”欄內(nèi)分別填寫：行數(shù)列數(shù);在“邊框”欄的“粗細(xì)”欄中輸入0;在“布局”欄內(nèi)的“對(duì)齊方式”欄中選擇方式; 填寫文字：分別選定表格單元格，依

5、次填寫。 添加文字：移動(dòng)光標(biāo)至第四條線末尾;敲擊回車鍵，留出空行;輸入文字。 網(wǎng)頁(yè)制作步驟 “我的學(xué)校”制作 在第二條水平線下添加文字：“我的學(xué)校”，另起一行添加學(xué)校介紹并設(shè)置字體。 移動(dòng)光標(biāo)至第三條線首;敲擊回車鍵，使第二條線與第三條線之間留出空行;輸入文字“我的學(xué)校”，回車另起一行; 輸入或復(fù)制所需要的文字。光標(biāo)定位到網(wǎng)頁(yè)文件“我的學(xué)校”下一行行首;粘貼學(xué)校說(shuō)明文字。 調(diào)整文字對(duì)齊方式;調(diào)整文字字體、字號(hào)。 網(wǎng)頁(yè)制作步驟 “所有城市”制作 在第三條水平線下添加文字：“所有城市”，另起一行，添加兩張圖片。 移動(dòng)光標(biāo)至第四條線首;敲擊回車鍵，使第三條線與第四條線之間留出空行;輸入文字“所在城市

6、”，回車另起一行; 插入圖片：?jiǎn)螕舨藛巍安迦搿薄皥D片”來(lái)自文件”，彈出打開(kāi)圖片對(duì)話框;選定所要的圖片然后單擊“打開(kāi)”; 重復(fù)以上步驟 網(wǎng)頁(yè)制作步驟 添加鏈接 添加本網(wǎng)頁(yè)內(nèi)鏈接 指定書簽：選定第一條水平線下的文字“我的學(xué)?！?單擊菜單“插入”“書簽”，彈出“書簽”對(duì)話框;單擊“確定”，第一個(gè)書簽設(shè)置完成。 選定第二條水平線下的文字“所在城市”;單擊菜單“插入”“書簽”，彈出“書簽”對(duì)話框;單擊“確定”，第二個(gè)書簽設(shè)置完成。 選定第四條水平線下的文字“友情鏈接”;單擊菜單“插入”“書簽”，彈出“書簽”對(duì)話框;單擊“確定”，第三個(gè)書簽設(shè)置完成。 添加網(wǎng)頁(yè)內(nèi)第一個(gè)鏈接。選定第一個(gè)表中的文字“我的學(xué)校”

7、;單擊菜單“插入”“超鏈接”，彈出的“插入超鏈接”對(duì)話框;在“鏈接到”內(nèi)單擊“本文檔中的位置”;在書簽中選擇“我的學(xué)校”標(biāo)簽; 添加網(wǎng)頁(yè)內(nèi)第二個(gè)和第三個(gè)鏈接，參照第一個(gè)鏈接進(jìn)行設(shè)置。 添加Internet鏈接。 添加第一個(gè)鏈接：選定第四條水平線下表中的文字“百度”;單擊菜單“插入”“超鏈接”，彈出的“插入超鏈接”對(duì)話框;在“鏈接到”內(nèi)單擊“原有文件或網(wǎng)頁(yè)”;在“地址”欄內(nèi)填寫如：。 添加第二個(gè)、第三個(gè)、第四個(gè)和第五個(gè)鏈接，參照第一個(gè)鏈接進(jìn)行設(shè)置。鏈接設(shè)置完成。 網(wǎng)頁(yè)制作步驟 添加背景顏色 單擊菜單“格式”“背景”，彈出“網(wǎng)頁(yè)屬性”對(duì)話框; 單擊“格式”選項(xiàng)卡; 單擊“顏色一背景”“其他顏色”，

8、打開(kāi)Windows顏色對(duì)話框;選擇淡黃色后單擊“確定”，背景顏色插入完畢。 網(wǎng)頁(yè)制作步驟 保存網(wǎng)頁(yè) 單擊菜單“文件”“保存”，保存以上修改內(nèi)容。退出FrontPage 2003。 網(wǎng)頁(yè)制作步驟 使用IE查看建立的網(wǎng)頁(yè) 單擊桌面上IE圖標(biāo); 單擊菜單“文件”“打開(kāi)”，彈出打開(kāi)對(duì)話框;選擇“我的文檔”下文件“index.htm”， 單擊打開(kāi)，即可查看瀏覽效果在Frontpage中用框架實(shí)現(xiàn)網(wǎng)頁(yè)布局· 框架(Frame)在網(wǎng)頁(yè)上的應(yīng)用很普遍,因?yàn)樗梢酝瑫r(shí)顯示出多個(gè)獨(dú)立網(wǎng)頁(yè)也可以將使用者常用的連結(jié)一直顯示在畫面上,減少上一頁(yè)下一頁(yè)的切換頻率· 框架的基本操作1.先看我們要做到的成

9、品->可以看出該網(wǎng)站共分3個(gè)框架->上、左、右，如下圖：2.請(qǐng)開(kāi)啟frontpage->左上角的檔案->選開(kāi)新檔案->網(wǎng)頁(yè)，如下圖：3.會(huì)跳出如下視窗：選擇框架頁(yè)(如圖1指示位置)->選擇底下要的框架款式(如圖2指示位置)-> 在右下可以看到樣式預(yù)覽(如圖3指示位置)->接著按確定即可。4.之后出現(xiàn)如下畫面,可設(shè)定各框架網(wǎng)頁(yè)內(nèi)容：開(kāi)新網(wǎng)頁(yè)的意思是要自己做一個(gè)全新的網(wǎng)頁(yè),而設(shè)定起始網(wǎng)頁(yè)是去連結(jié)一個(gè)已經(jīng)做好的網(wǎng)頁(yè)o 請(qǐng)將上框與左框設(shè)定->開(kāi)新網(wǎng)頁(yè)o 右框設(shè)定->設(shè)定起始網(wǎng)頁(yè)->§ 可選擇在電腦中已做好的網(wǎng)頁(yè)or網(wǎng)路上的某個(gè)

10、網(wǎng)頁(yè)§ 此例我們連結(jié)到之前做好的個(gè)人檔案（myself.htm），請(qǐng)點(diǎn)選瀏覽檔案的圖示，如下圖：5.步驟4完成后，會(huì)出現(xiàn)如下圖：6.此時(shí)可以先存檔->此時(shí)會(huì)有視窗引導(dǎo)存檔o 第一個(gè)是問(wèn)您上框架的網(wǎng)頁(yè)要存成什么檔名，如圖（可自己取名，如top.htm）o 接下來(lái)會(huì)問(wèn)您左方框架的檔案要存什么檔名，如圖（可自己取名，如left.htm）o 最后跳一個(gè)視窗->問(wèn)您整個(gè)框架要存成什么檔名，如圖（可自己取名，如index.htm，一般主框頁(yè)會(huì)拿來(lái)當(dāng)做首頁(yè)，通常網(wǎng)站的首頁(yè)會(huì)命名為index.htm）o 為什么沒(méi)有問(wèn)到，右框的網(wǎng)頁(yè)要存成什么檔名? 這是因?yàn)槲覀儺?dāng)初設(shè)定右框是連結(jié)到一個(gè)已經(jīng)

11、做好的網(wǎng)頁(yè)（myself.htm），既然是已經(jīng)做好的網(wǎng)頁(yè)，自然就沒(méi)有存不存檔的問(wèn)題7.框架內(nèi)容的設(shè)定（取消框架線）：在網(wǎng)頁(yè)的任一處按右鍵，選框架內(nèi)容，如下圖：選框架頁(yè)->將顯示框線的勾勾去掉，即可取消框架線。8.最后按照范例，我們?cè)谏戏骄W(wǎng)頁(yè)插圖，左方網(wǎng)頁(yè)先用做一選單。選單在設(shè)定連結(jié)時(shí),必須指定兩項(xiàng)資訊（與超連結(jié)的觀念相同） (責(zé)任編輯：大寶庫(kù))在Frontpage中用框架實(shí)現(xiàn)網(wǎng)頁(yè)布局目前實(shí)現(xiàn)網(wǎng)頁(yè)布局的基本方法無(wú)外乎表格和框架。 上面表格大家已經(jīng)初步理解了，下面就要說(shuō)說(shuō)框架了，也即所說(shuō)的Frame。其實(shí)用框架來(lái)規(guī)劃網(wǎng)頁(yè)本身有很大的缺點(diǎn)，首先不利于網(wǎng)友更好的利用網(wǎng)頁(yè)資源，因?yàn)榇蠹铱偛荒茉诰€把

12、所有的東西看一遍了，而保存起來(lái)框架的缺點(diǎn)就出來(lái)了，你將不得不每次多余的保存同樣的兩個(gè)頁(yè)。 我們花一些時(shí)間來(lái)說(shuō)說(shuō)這個(gè)問(wèn)題或許對(duì)大家更好的使用框架有好處。 在用框架布局時(shí)：以一個(gè)最簡(jiǎn)單的上下框架為例，整個(gè)網(wǎng)頁(yè)包含兩個(gè)獨(dú)立的網(wǎng)頁(yè)，將被分別保存或是調(diào)入使用，另外整個(gè)框架網(wǎng)頁(yè)也將被作為一個(gè)也保存一次，而我們用框架時(shí)，無(wú)非是想利用他的很好的內(nèi)容的切換性，這時(shí)如果保存起來(lái)本來(lái)一個(gè)網(wǎng)頁(yè)的內(nèi)容就要同時(shí)保存3個(gè)，是不是很不劃算的。 1在編輯器里： File/new(或是直接按CTRL+N)，在彈出的窗口中選Frame標(biāo)簽，然后在下面的列表里。選擇相應(yīng)的框架類型。 2OK以后，這時(shí)網(wǎng)頁(yè)已經(jīng)變成了框架的結(jié)構(gòu)，通過(guò)各自

13、框架Frames你可以選擇新建網(wǎng)頁(yè)或是導(dǎo)入已經(jīng)存在的網(wǎng)頁(yè)。 setinitalpages(導(dǎo)入一個(gè)存在頁(yè)) newpage(點(diǎn)擊后新建一個(gè)頁(yè)面) 3基本的框架結(jié)構(gòu)已經(jīng)建立了： 這時(shí)應(yīng)該看看如何實(shí)現(xiàn)框架中的切換連接了，因?yàn)樵谑褂每蚣軙r(shí)最具代表性的就是三分框架，而這三部分都有各自的名稱。 最上面為banners：網(wǎng)頁(yè)的頭部分。 左邊為contents部分。 右邊是主體顯示部分。main 4那么如何實(shí)現(xiàn)點(diǎn)擊連接時(shí)在main窗口中打開(kāi)那，在左邊的contents窗口中作連接CTRL+K或是用Edit/hyperlink來(lái)完成，這時(shí)你可以在窗口中的圖示中選擇連接打開(kāi)的目標(biāo)位置。 如：main。當(dāng)然你同時(shí)

14、還可以設(shè)定目標(biāo)Target屬性。 不過(guò)這時(shí)多少顯得就沒(méi)必要了，當(dāng)各自Frame內(nèi)容超出一屏幕時(shí)，滾動(dòng)條會(huì)自動(dòng)添加進(jìn)來(lái)。你也可以設(shè)定從不顯示滾動(dòng)條。 大部分的屬性可以右擊： 在Frameproperties中找到了。 如果你注意的話除了一些個(gè)人網(wǎng)站，商業(yè)性的正規(guī)網(wǎng)站很少用框架的。 不過(guò)在某些時(shí)候框架還是有它自己的優(yōu)勢(shì)。Frontpage教程：制作網(wǎng)頁(yè)中的書簽書簽 書簽的功能是使用在同一面網(wǎng)頁(yè)資料過(guò)長(zhǎng)時(shí)使用,能夠使使用者迅速的移動(dòng)到所要的位置上。適合用在教學(xué)進(jìn)度表、小文章集錦等教學(xué)網(wǎng)頁(yè)。書簽的基本操作范例：做法：1.先將教學(xué)進(jìn)度做成網(wǎng)頁(yè)。2.在最上頭列出選單。3.在目的位置（第一周）插入標(biāo)簽：將游

15、標(biāo)在第一周的地方點(diǎn)一下->選功能列插入->書簽->為此位置取一個(gè)書簽名稱如w1 ,該位置前會(huì)出現(xiàn)如的小圖示。4.依此類推,將所有目的位置（第五周、第九周、第十三周、第十七周）都插入書簽名稱如w2 , w3 , w4 , w5.注意書簽名稱絕對(duì)不能重復(fù)5.為選單作相對(duì)應(yīng)的超連結(jié)：例如我們希望滑鼠按下14周時(shí),整個(gè)畫面能移動(dòng)到w1段落,做法如下->選取文字14周->按右鍵->選超連結(jié)->跳出一個(gè)設(shè)定超連結(jié)的視窗->左下角設(shè)定要連到哪個(gè)書簽的區(qū)域點(diǎn)選下拉式選單,選擇要連結(jié)的書簽名稱即可6.重覆步驟5，完成所有的選單設(shè)定。FrontPage 2003創(chuàng)建

16、可折疊列表創(chuàng)建可折疊列表 1.在 設(shè)計(jì) 視圖中, 將您希望創(chuàng)建大綱插入點(diǎn)置于。2.on Format menu，click Bullets and Numbering 。3.在 編號(hào) 選項(xiàng)卡上, 選擇的數(shù)字或字母開(kāi)始所需，樣式然后單擊 確定 。4.要在大綱中的每一項(xiàng)，無(wú)論種級(jí)別它將占用已完成的列表中，鍵入該項(xiàng)目然后按 ENTER 鍵。5.當(dāng)您鍵入最后一項(xiàng)時(shí), 按兩次 ENTER 鍵結(jié)束該列表。6.若要將每一項(xiàng)置于正確級(jí)別，執(zhí)行下列操作： 若要將某項(xiàng)移動(dòng)到下一個(gè)編號(hào)級(jí)別向下，單擊該項(xiàng)目，單擊格式設(shè)置工具條，并再單擊 增加縮進(jìn)量 兩次。 若要設(shè)置的項(xiàng)的格式，并將其作為一個(gè)段落在當(dāng)前級(jí)別 （不帶項(xiàng)目

17、符號(hào)或編號(hào)） 上，單擊該項(xiàng)目，然后單擊 增加縮進(jìn)量 一次。若要 to up to previous level move item，click item，and then as many times as must so that to that want level move item click Decrease Indent 。 7.若要應(yīng)用編號(hào)，應(yīng)用字母，或?qū)㈨?xiàng)目符號(hào)樣式應(yīng)用于不同級(jí)別的項(xiàng)，用鼠標(biāo)右鍵單擊一個(gè)項(xiàng)目，然后單擊 列表屬性 。8.單擊 圖片項(xiàng)目符號(hào) 選項(xiàng)卡，則 無(wú)格式項(xiàng)目列表 選項(xiàng)卡或 數(shù)字 選項(xiàng)卡，單擊想要使用，樣式，然后單擊 確定 。將整個(gè)列表設(shè)置為 Collapsibl

18、e 若要 to make list collapsible，follow these steps: 1.用鼠標(biāo)右鍵單擊在列表的最高級(jí)別的項(xiàng)目，然后單擊 列表屬性 。2.單擊以選中 啟用可折疊大綱 復(fù)選框。3.如果您希望在 Web 瀏覽器中首次打開(kāi)頁(yè)時(shí)折疊列表，單擊以選擇 時(shí)折疊 復(fù)選框，然后單擊 確定 。 注意 如果您的列表包含相同的級(jí)別上的多個(gè)項(xiàng)目，每個(gè)將可折疊的并且低于第一個(gè)級(jí)別的所有級(jí)別也都將可折疊的。若要設(shè)置為可折疊列表中只有一個(gè)級(jí)別，請(qǐng)按照下列步驟操作： 1.用鼠標(biāo)右鍵單擊第一個(gè)項(xiàng)目在您希望可折疊，在列表的級(jí)別，然后單擊 列表屬性 。2.單擊以選中 啟用可折疊大綱 復(fù)選框。 注意 如

19、果您的列表包含相同的級(jí)別上的多個(gè)項(xiàng)目，每個(gè)將可折疊的并且低于第一個(gè)級(jí)別的所有級(jí)別也都將可折疊的。疑難解答 若要 to test your collapsible list，save your Web Page，click Preview ，and then click in collapsible list first item。 可折疊列表支持 Microsoft Internet Explorer 4.0，更高版本和其他 Web 瀏覽器的支持動(dòng)態(tài) HTML。FrontPage2003初級(jí)教程-基礎(chǔ)教程詳細(xì)圖解一、新建網(wǎng)站 打開(kāi)FrontPage2003 點(diǎn)擊新建菜單命令會(huì)彈出一個(gè)對(duì)話框，有

20、不同的模板供選擇。選擇你想要的一個(gè)，然后確定，會(huì)自動(dòng)生成一個(gè)網(wǎng)站。 二、新建一個(gè)空白網(wǎng)頁(yè) 你也可選擇新建空白網(wǎng)頁(yè)，或點(diǎn)新建工具按鈕。當(dāng)然，這上面的內(nèi)容你要自己編輯。 三、打開(kāi)一個(gè)網(wǎng)站 點(diǎn)擊打開(kāi)網(wǎng)站四、瀏覽網(wǎng)頁(yè) “文件”“瀏覽”有幾個(gè)選項(xiàng)（不同分辨率）五、編輯方式 有“設(shè)計(jì)”“拆分”“代碼”“瀏覽”六、插入WEB組件 WEB組件中有很多常用的功能，你自己去試各項(xiàng)。七、插入圖片 有兩種情況:1、插單個(gè)圖片，可在菜單上直接用；2、插入圖片庫(kù)，也可插入WEB組件中，可插隊(duì)入圖片庫(kù)。有三種形式（自己試一下，因?yàn)橛蓄A(yù)瀏）。八、插入“互動(dòng)按鈕”，互動(dòng)按鈕可以有三種形式，鼠標(biāo)經(jīng)過(guò)，按過(guò)，沒(méi)按。 可選形式，在文

21、本的文本框中將按鈕文本換成你要的文本。如：首頁(yè) 還可改變文本的屬性，字體顏色，等。有初始顏色，經(jīng)過(guò)顏色，按下顏色九、在網(wǎng)頁(yè)中插入已有的網(wǎng)頁(yè) 如果新建的網(wǎng)頁(yè)，內(nèi)容想用現(xiàn)存的，只須插入已有的網(wǎng)頁(yè)就行了。比較簡(jiǎn)便。十、書簽鏈接 有時(shí)的鏈接，不是和另一個(gè)網(wǎng)頁(yè)鏈接，而是和頁(yè)面中某一段鏈接，或另一頁(yè)面的一段鏈接。這種方法用在“標(biāo)題和內(nèi)容”之間鏈接最方便。 1、選擇：菜單、插入、書簽（被鏈接的內(nèi)容）（一般自動(dòng)生成名字，你也可以自己指定名字）2、制作到書簽的鏈接（標(biāo)題）(責(zé)任編輯：大寶庫(kù))3、選擇右邊的“書簽”4、找到書簽名十一、創(chuàng)建一個(gè)超鏈接 1、選中要建立超鏈接的文字或圖片。 2、右鍵，彈出菜單，點(diǎn)擊“超

22、鏈接”3、在彈出的對(duì)話框中選中被鏈接的網(wǎng)頁(yè)或圖片或其他（注：如是下載軟件選中它） 4、當(dāng)然，最后是點(diǎn)擊“確定”(責(zé)任編輯：大寶庫(kù))十二、插入表格 1、點(diǎn)擊菜單中“表格”再“插入”再移到“表格”單擊“表格”2、在彈出的對(duì)話框中有幾項(xiàng)值是要注意的： a、表格的“行數(shù)”和“列數(shù)” b、“指定寬度”和“指定高度”如果是用固定寬和高填寫數(shù)字，如果是頁(yè)面隨屏幕變化的選100% c、“使用背景圖片”點(diǎn)擊“瀏覽”找到圖片 d、“對(duì)齊方式”用“默認(rèn)” e、“浮動(dòng)”方式用“默認(rèn)” f、“邊框”是表格寬度如果選“零”則不顯示表格否則顯示你選或填的數(shù)字的寬度。 g、“單元格間距”是表格線本身的襯距，如：3時(shí)，表格線兩

23、根之間距為3。 h、“單元格間距”是表格中文字到框的距離。 i、當(dāng)然還有顏色。十三、建立網(wǎng)站鏈接 這個(gè)功能和共享邊框一起使用。 1、在編輯區(qū)下方有一個(gè)選項(xiàng)“鏈接”點(diǎn)擊它。 此主題相關(guān)圖片如下：進(jìn)入建立鏈接面頁(yè) 2、修改“新建網(wǎng)頁(yè)”為“主頁(yè)”3、添加“新建網(wǎng)頁(yè)”新建一個(gè)網(wǎng)頁(yè)或“已有的網(wǎng)頁(yè)”已存在的網(wǎng)頁(yè)，點(diǎn)擊找到被鏈接的網(wǎng)頁(yè)。 還可修改新建網(wǎng)頁(yè)為你想要的中文名。(責(zé)任編輯：大寶庫(kù)十四、新建自定義鏈接 默認(rèn)鏈接有時(shí)不夠用，可以建自定義鏈接，獨(dú)立于默認(rèn)。在插入鏈接時(shí)有兩個(gè)選項(xiàng)：一個(gè)是默認(rèn)，另一個(gè)是自定義鏈接。 自定義鏈接可以放在主頁(yè)下面，也可以放在獨(dú)立的地方。下圖一中的“娛樂(lè)”就是放在主頁(yè)下的。圖二中

24、的新建成鏈接欄是獨(dú)立的。 當(dāng)然你還可以在自定義下面添加下層鏈接。 十五、共享邊框 1、啟用 “工具”“網(wǎng)頁(yè)選項(xiàng)”“創(chuàng)作”選中“共享邊框” 2、“格式”中選中“共享邊框”在對(duì)話框中（注：若想損事，選：所有網(wǎng)頁(yè)）設(shè)置選項(xiàng)“上、左、右、下”（可以自定） 3、在自動(dòng)出現(xiàn)的共享邊框中編輯鏈接欄屬性5、和上一講的鏈接欄配合使用，當(dāng)你每添加一個(gè)網(wǎng)頁(yè)在鏈接欄中會(huì)自動(dòng)生成上面的效果十六、在網(wǎng)頁(yè)中插入“鏈接欄” 1、光標(biāo)在要插入鏈接欄的地方或選中共享邊框 2、點(diǎn)擊“插入”（或是編輯“鏈接欄”屬性），Web組件，找到“鏈接欄”，有兩個(gè)選項(xiàng)：基于導(dǎo)航結(jié)構(gòu)的鏈接欄；自定義鏈接欄 3、點(diǎn)下一步4、選擇“樣式”，有多種，自

25、定?？梢赃x中“使用鮮艷顏色”和“使用動(dòng)態(tài)圖形”6、點(diǎn)“完成”進(jìn)入“屬性”可以選中“主頁(yè)”最后點(diǎn)確定。 7、最后效果8、請(qǐng)注意：鏈接欄的屬性文件夾在_borders中，下面的幾個(gè)文件就是，你還可以對(duì)不滿意的重新進(jìn)行編輯。top.htm是頂上的，left.htm是左邊的，bottom.htm是下面的，right.htm上右邊的 (責(zé)任編輯：大寶庫(kù))十七、插入“動(dòng)態(tài)文字” 1、WEB組件中 2、在文字欄中寫入你的文本3、還可以修改“樣式” 十八、插入媒體插件 1、插入“WEB組件”到高級(jí)控件到插件 2、找到數(shù)據(jù)源，編輯相關(guān) 3、注：會(huì)自動(dòng)識(shí)別媒體的，有兩種RM和微軟的 到此為止，frontpage2

26、003的初級(jí)基礎(chǔ)課程全部給大家演示完畢，當(dāng)然這只是最簡(jiǎn)單的講解，在你的實(shí)際制作過(guò)程中，你可以發(fā)揮自己的能力，做出你最喜歡的網(wǎng)頁(yè)了。別忘了常來(lái)網(wǎng)頁(yè)制作大寶庫(kù)（)看看，這里一定有你想要的教程，需要的素材。FrontPage2003建站全攻略(一)在浩瀚的Internet建設(shè)自己的家園，這是我們的需求，無(wú)論是個(gè)人、還是組織。在創(chuàng)建網(wǎng)站之前我們事先在我們的硬盤中建立一個(gè)存放站點(diǎn)所有文件的目錄。模板建站FrontPage可以適合不同個(gè)人和組織的需要，自動(dòng)建立網(wǎng)“巢”站點(diǎn)。操作打開(kāi)站點(diǎn)建立窗口：點(diǎn)擊“文件->>新建”，在打開(kāi)的窗口中可以看到自動(dòng)建立站點(diǎn)的各種向?qū)Ш湍０?。向?qū)攸c(diǎn)：選擇向?qū)С绦蛄?/p>

27、出的條件元素，創(chuàng)建某類有個(gè)性的站點(diǎn)和網(wǎng)頁(yè)模板特點(diǎn)：直接采用已經(jīng)設(shè)計(jì)好的條件元素，創(chuàng)建某類統(tǒng)一的站點(diǎn)和網(wǎng)頁(yè)在FrontPage中，使用向?qū)?chuàng)建的一般是比較復(fù)雜的商業(yè)和大型站點(diǎn)，不適合個(gè)人在網(wǎng)上安家筑巢。我的網(wǎng)上小家就使用模板建立站點(diǎn)就夠了。操作選擇模板：在新建站點(diǎn)窗口，選擇“個(gè)人站點(diǎn)”模板。在右面的選項(xiàng)欄中設(shè)置站點(diǎn)文件的存放地址。建議新建一個(gè)有意義的存放地址，如“e:webcom”，點(diǎn)擊“確定”。操作查看站點(diǎn)結(jié)構(gòu)：點(diǎn)擊程序界面的“視圖”窗口中的“導(dǎo)航”按鈕，可以看到建立的站點(diǎn)由哪些文件組成以及站點(diǎn)的結(jié)構(gòu)。我們看到，個(gè)人站點(diǎn)模板的結(jié)構(gòu)是主頁(yè)下面有五個(gè)子頁(yè)，分別是“自序”、“興趣”、“收藏夾”、“圖

28、片庫(kù)”、“反饋”，而在文件夾列表欄中列出了站點(diǎn)中的文件，其中“image”文件夾專門存放圖片，另外還有五個(gè)HTML文件，其中的myfav3.html是備用的子網(wǎng)頁(yè)文件。其他四個(gè)HTML文件分別對(duì)應(yīng)主頁(yè)和三個(gè)子網(wǎng)頁(yè)。操作查看站點(diǎn)中的網(wǎng)頁(yè)：在導(dǎo)航視圖窗口的網(wǎng)站結(jié)構(gòu)示意圖中點(diǎn)擊某個(gè)網(wǎng)頁(yè)結(jié)構(gòu)圖標(biāo)，如“主頁(yè)”結(jié)構(gòu)圖標(biāo)，可以打開(kāi)該網(wǎng)頁(yè)，我們就可以在窗口中看到這個(gè)預(yù)先定制的網(wǎng)頁(yè)大概結(jié)構(gòu)。點(diǎn)擊文件夾列表中的文件也可打開(kāi)。注意，打開(kāi)網(wǎng)頁(yè)后，我們可以看到導(dǎo)航視圖窗口切換到了網(wǎng)頁(yè)視圖窗口。操作保存和打開(kāi)站點(diǎn)：保存站點(diǎn)的工作很簡(jiǎn)單，當(dāng)關(guān)閉FrontPage的時(shí)候，按照提示就可以保存站點(diǎn)。實(shí)際上，保存站點(diǎn)主要就是保存網(wǎng)

29、頁(yè)，因此在修改編輯網(wǎng)頁(yè)的時(shí)候，要時(shí)刻注意到保存。保存的方法和在文字編輯程序中保存文件類似。打開(kāi)站點(diǎn)要復(fù)雜些，選擇菜單“文件打開(kāi)站點(diǎn)”，找到站點(diǎn)所在的目錄，找到站點(diǎn)文件夾（是一個(gè)帶有小圓球的文件夾圖標(biāo)，是FrontPage建立的站點(diǎn)管理文件操作刪除站點(diǎn)：刪除站點(diǎn)很簡(jiǎn)單，直接在Windows中刪除站點(diǎn)所在的文件夾即可。也可在程序中刪除。進(jìn)一步學(xué)習(xí)的建議：熟練使用各種視圖和窗口，使用向?qū)?chuàng)建復(fù)雜的商業(yè)和項(xiàng)目站點(diǎn)。使用導(dǎo)入向?qū)?，將別人已經(jīng)建立的站點(diǎn)導(dǎo)入，成為自己可以利用的站點(diǎn)。模板建網(wǎng)頁(yè) 目前，我的網(wǎng)“巢”還只有一個(gè)主頁(yè)，三個(gè)子頁(yè)，我想再添加一個(gè)“我的簡(jiǎn)歷”的子頁(yè)。 使用模板創(chuàng)建站點(diǎn)，站點(diǎn)中有幾個(gè)網(wǎng)頁(yè)

30、都是事先設(shè)計(jì)好的，大多數(shù)情況下，都需要添加網(wǎng)頁(yè)，或者用新設(shè)計(jì)的網(wǎng)頁(yè)替換掉事先設(shè)計(jì)的網(wǎng)頁(yè)。建立新的網(wǎng)頁(yè)，使用向?qū)Ш湍０迨亲罘奖悴贿^(guò)的了，因?yàn)镕rontPage提供的網(wǎng)頁(yè)模板非常豐富，可以滿足大多數(shù)情況的需要。 操作打開(kāi)網(wǎng)頁(yè)模板窗口：在視圖窗口中點(diǎn)擊“網(wǎng)頁(yè)”按鈕，切換到網(wǎng)頁(yè)視圖。選擇菜單“文件新建網(wǎng)頁(yè)”，打開(kāi)新建網(wǎng)頁(yè)的模板選擇窗口。注意，不同的視圖窗口，使用“文件新建網(wǎng)頁(yè)”菜單命令的結(jié)果不同，后面我們將會(huì)提到。 在網(wǎng)頁(yè)模板選擇窗口中，有三個(gè)標(biāo)簽頁(yè)，在“常規(guī)”標(biāo)簽頁(yè)中有三十多個(gè)模板供選擇，一般個(gè)人網(wǎng)“巢”中的網(wǎng)頁(yè)使用“常規(guī)”標(biāo)簽頁(yè)中的模板就足夠了。根據(jù)我新建網(wǎng)頁(yè)的內(nèi)容和預(yù)想的設(shè)計(jì)，我選擇了“帶有標(biāo)題

31、的寬行正文”模板。 操作選擇模板：點(diǎn)擊“帶有標(biāo)題的寬行正文”模板項(xiàng)，然后點(diǎn)擊“確定”，程序即開(kāi)始按模板新建網(wǎng)頁(yè)。 回到主窗口，就可以看到一個(gè)有大概結(jié)構(gòu)的網(wǎng)頁(yè)，這個(gè)網(wǎng)頁(yè)以很清晰的方式提示我在哪里放標(biāo)題，哪里放正文，網(wǎng)頁(yè)段落結(jié)構(gòu)也排得很好，我只要按照提示添加內(nèi)容就可以了。 新建立的網(wǎng)頁(yè)還沒(méi)有保存在硬盤中，由于這個(gè)網(wǎng)頁(yè)是要添加到剛才新建立的網(wǎng)站中去的，因此，我們將它保存到網(wǎng)站文件所在的目錄（e:webjxcom）中。操作保存新建的網(wǎng)頁(yè)文件：選擇“文件保存文件”，在彈出的保存文件窗口中選擇“e:webjxcom”目錄，并命名文件名為“Mytravel.htm”。點(diǎn)擊“確定”。 操作預(yù)覽網(wǎng)頁(yè)：建立了網(wǎng)頁(yè)

32、后，就可以通過(guò)瀏覽器來(lái)觀看該網(wǎng)頁(yè)了。在FrontPage中可以直接調(diào)用系統(tǒng)集成的IE瀏覽器來(lái)查看。方法是在網(wǎng)頁(yè)視圖窗口打開(kāi)某網(wǎng)頁(yè)，然后選擇“文件預(yù)覽網(wǎng)頁(yè)”即可。我們?cè)诰庉嬓薷牡臅r(shí)候，大都是通過(guò)FrontPage內(nèi)置的預(yù)覽功能來(lái)查看網(wǎng)頁(yè)的制作效果，方法是在網(wǎng)頁(yè)視圖的主窗口下面選擇“預(yù)覽”標(biāo)簽項(xiàng)即可。 操作查看文件列表：點(diǎn)擊“視圖”窗口中的“文件”標(biāo)簽按鈕，在主窗口中列出了站點(diǎn)文件夾和所選文件夾中的文件。在文件窗口中，我們看到剛才保存的新網(wǎng)頁(yè)文件已經(jīng)位于其中，并可以看到該文件的一些屬性。雙擊這些文件時(shí)可以在網(wǎng)頁(yè)視圖窗口中打開(kāi)編輯。 網(wǎng)頁(yè)標(biāo)題就是網(wǎng)頁(yè)在瀏覽的時(shí)候，顯示在瀏覽器窗口左上角的標(biāo)題文字。這

33、個(gè)標(biāo)題可以讓訪問(wèn)者了解該頁(yè)的內(nèi)容。 操作修改網(wǎng)頁(yè)主標(biāo)題：打開(kāi)“文件”視圖窗口，在文件列表窗口找到Mytravel.htm文件，點(diǎn)擊“這是主標(biāo)題”文字，然后輸入“我的游歷”。另外，可以將“主頁(yè)”文件的標(biāo)題改為“豆豆之家”。注意，主頁(yè)的標(biāo)題也就是站點(diǎn)的標(biāo)題。進(jìn)一步學(xué)習(xí)的建議：了解各種網(wǎng)頁(yè)模板的結(jié)構(gòu)和適用方向。學(xué)習(xí)使用向?qū)?chuàng)建有復(fù)雜表單的網(wǎng)頁(yè)。學(xué)習(xí)創(chuàng)建帶框架和樣式表的網(wǎng)頁(yè)。修改站點(diǎn)和網(wǎng)頁(yè) 基礎(chǔ)的站點(diǎn)和網(wǎng)頁(yè)建立好后，我就需要在這個(gè)基礎(chǔ)上按照我的夢(mèng)想修改了。首先，我要在第二級(jí)網(wǎng)頁(yè)中增加一個(gè)“我的簡(jiǎn)歷”網(wǎng)頁(yè)，其次，要在“我的興趣”二級(jí)網(wǎng)頁(yè)下增加三個(gè)三級(jí)網(wǎng)頁(yè)。 操作將已有網(wǎng)頁(yè)添加到站點(diǎn)：在視圖窗口點(diǎn)擊“導(dǎo)航

34、”按鈕，切換到導(dǎo)航視圖。在文件夾窗口中將Mytravel.htm文件拖動(dòng)到“導(dǎo)航”窗口，仔細(xì)選擇停放的位置，讓示意圖標(biāo)和其他二級(jí)圖標(biāo)在一個(gè)線上，然后就看到Mytravel.htm文件成為站點(diǎn)的一部分了。 注意，在站點(diǎn)中添加了網(wǎng)頁(yè)后，站點(diǎn)中的某些網(wǎng)頁(yè)將自動(dòng)發(fā)生改變，當(dāng)Mytravel.htm文件（“我的游歷”網(wǎng)頁(yè)）成為index.htm(主頁(yè))的下級(jí)網(wǎng)頁(yè)后，我們?cè)诰W(wǎng)頁(yè)視圖窗口查看主頁(yè)頁(yè)面的時(shí)候，會(huì)發(fā)現(xiàn)該頁(yè)面已經(jīng)將“我的游歷”這樣的字樣添加進(jìn)去了。 操作添加新網(wǎng)頁(yè)到站點(diǎn)：切換到導(dǎo)航視圖，選擇“興趣”網(wǎng)頁(yè)示意圖標(biāo)，然后選擇“文件新建網(wǎng)頁(yè)”（或者工具欄中的“新建”按鈕），在“興趣”網(wǎng)頁(yè)圖標(biāo)下就看到一個(gè)

35、新的網(wǎng)頁(yè)圖標(biāo)，這個(gè)網(wǎng)頁(yè)是屬于“興趣”網(wǎng)頁(yè)下的子網(wǎng)頁(yè)，但是一個(gè)虛擬的網(wǎng)頁(yè)，并沒(méi)有對(duì)應(yīng)的文件。雙擊新網(wǎng)頁(yè)的示意圖標(biāo)，即可在站點(diǎn)文件夾中生成一個(gè)簡(jiǎn)單的模板網(wǎng)頁(yè)。重復(fù)以上操作三次，就可在站點(diǎn)中添加三個(gè)網(wǎng)頁(yè)。 操作在站點(diǎn)中打開(kāi)和關(guān)閉網(wǎng)頁(yè)：打開(kāi)站點(diǎn)的網(wǎng)頁(yè)非常簡(jiǎn)單，在導(dǎo)航視圖窗口或者文件視圖窗口雙擊要打開(kāi)的網(wǎng)頁(yè)即可。打開(kāi)網(wǎng)頁(yè)時(shí)程序?qū)⒆詣?dòng)切換到網(wǎng)頁(yè)視圖窗口。不過(guò)注意關(guān)閉站點(diǎn)中暫時(shí)不編輯的網(wǎng)頁(yè)，以使系統(tǒng)節(jié)約資源。 操作修改網(wǎng)頁(yè)的文件名：新建的網(wǎng)頁(yè)我們可以改成自己需要的文件名和主標(biāo)題。這個(gè)工作既可以在“文件”視圖窗口中進(jìn)行，也可以在“導(dǎo)航”視圖窗口中進(jìn)行。 操作站點(diǎn)的調(diào)整和刪除：站點(diǎn)的調(diào)整很簡(jiǎn)單，直接在導(dǎo)航視圖窗

36、口中拖動(dòng)要調(diào)整的網(wǎng)頁(yè)就可以了，刪除站點(diǎn)的網(wǎng)頁(yè)也很簡(jiǎn)單，選擇網(wǎng)頁(yè)文件或者網(wǎng)頁(yè)示意圖標(biāo)后按“Del”鍵即可。修改后的站點(diǎn)結(jié)構(gòu)如圖10所示。我“家”的雛形已經(jīng)基本建立起來(lái)了。 進(jìn)一步學(xué)習(xí)的建議：設(shè)置網(wǎng)頁(yè)的高級(jí)屬性，自定義網(wǎng)頁(yè)模板，進(jìn)一步修改站點(diǎn)結(jié)構(gòu)，建立復(fù)雜的網(wǎng)站，站點(diǎn)和文件夾的管理和相互轉(zhuǎn)換。竹籬圍青瓦，芍藥伴鶴眠。苔痕上階綠，簌影落窗前。咦，誰(shuí)與我家比美？ 頁(yè)面修整 通過(guò)模板建立的網(wǎng)頁(yè)，常常預(yù)先置放了些標(biāo)題欄、目錄欄（一般叫導(dǎo)航欄），導(dǎo)航欄都是用很多元素組成的，結(jié)構(gòu)上稍稍復(fù)雜一些。一般情況下我們不必要對(duì)這些東西進(jìn)行低層次的修改，F(xiàn)rontPage也不允許操作者修改，但在某些項(xiàng)目上，我們還是可以根

37、據(jù)自己頁(yè)面的要求來(lái)修改。操作修改頁(yè)面的主標(biāo)題：在主頁(yè)（index.htm）的頁(yè)面上部，模板預(yù)置了一個(gè)名為“主頁(yè)”的橫幅標(biāo)題，這個(gè)橫幅標(biāo)題和整個(gè)主頁(yè)格格不入。點(diǎn)擊橫幅，按“Del”鍵刪除，然后在同樣位置插入一個(gè)事先準(zhǔn)備好的橫幅圖片為主頁(yè)標(biāo)題。 操作修改導(dǎo)航條的鏈接：在主頁(yè)的左邊，有一個(gè)導(dǎo)航條（目錄欄），在建立站點(diǎn)的時(shí)候，導(dǎo)航條就建立了幾個(gè)網(wǎng)站的鏈接。這些鏈接不能在網(wǎng)頁(yè)窗口中修改，只能在站點(diǎn)管理的“導(dǎo)航”視圖窗口中修改。但可以在網(wǎng)頁(yè)視圖窗口中給導(dǎo)航條添加鏈接。在導(dǎo)航條中點(diǎn)擊鼠標(biāo)，然后選擇輸入文字“給我寫信”，設(shè)置文字的超鏈接，這里的鏈接地址設(shè)置的是我的郵箱地址“mailto:web”。 操作刪除頁(yè)

38、面元素：在主頁(yè)的右下，程序放置了一個(gè)LOG圖片，這個(gè)圖片和我的主頁(yè)不符，選擇該圖片，按“Del”刪除。 操作給頁(yè)面添加水平線：水平線對(duì)于規(guī)劃頁(yè)面有很大的作用，可以讓頁(yè)面清楚，簡(jiǎn)潔。在要插入水平線的位置點(diǎn)擊鼠標(biāo)，選擇“插入/水平線”，水平線就出現(xiàn)了。注意，一般模板網(wǎng)頁(yè)的水平線由程序自動(dòng)設(shè)置外觀屬性。而其他情況下，將由操作者自己設(shè)置水平線的顏色，粗細(xì)等。 進(jìn)一步學(xué)習(xí)的建議：頁(yè)面長(zhǎng)期編輯后，可能會(huì)留下垃圾（無(wú)效代碼），如果想做得更專業(yè)一點(diǎn)，可以在HTML標(biāo)簽窗口修改源代碼，或者使用其他網(wǎng)頁(yè)制作工具休整。表格 表格實(shí)際和文字、圖片一樣，是一個(gè)網(wǎng)頁(yè)的基本元素，但表格在網(wǎng)頁(yè)中，更大的用途是來(lái)規(guī)劃頁(yè)面。實(shí)際

39、上，在網(wǎng)頁(yè)編輯中，通過(guò)空格、段落、縮進(jìn)等是很不容易規(guī)劃好一個(gè)有很多元素的頁(yè)面的，特別是圖文混排的頁(yè)面。 在FrontPage中添加常用的數(shù)據(jù)表格，和在Word中添加表格一樣的方便，直接使用插入表格命令，然后填寫數(shù)據(jù)就可以了。甚至還可以將Word文件中的? 粘貼進(jìn)來(lái)。 操作添加一個(gè)簡(jiǎn)單表格：在要插入表格的位置點(diǎn)擊鼠標(biāo)，選擇“表格/插入/表格”，在彈出的對(duì)話框中設(shè)置表格的屬性，然后選擇表格的行數(shù)2，選擇表格的列數(shù)1，然后指定表格的寬度，可以設(shè)置表格的寬度占網(wǎng)頁(yè)寬度的百分比，或者直接設(shè)置表格的絕對(duì)寬度像素。其他設(shè)置表格邊框線的寬度為1，設(shè)置單元格間距為2。確定即可。 操作在表格中添入文字：在表格中輸

40、入文字和在普通編輯頁(yè)面中輸入文字沒(méi)有什么區(qū)別，另外，在生成主頁(yè)模板的時(shí)候，程序在網(wǎng)頁(yè)中添加了一個(gè)高級(jí)控件，可以自動(dòng)顯示網(wǎng)頁(yè)的更新時(shí)間。將這個(gè)控件拖入到表格中。這樣，一個(gè)顯示網(wǎng)頁(yè)制作者的表格就制作好了。 操作設(shè)置表格的屬性：表格的屬性比較復(fù)雜，分成單元格屬性和表格屬性。選擇表格，然后選擇菜單“表格/屬性/表格”，在彈出的窗口中可以設(shè)置表格的邊框、背景、顏色等等。特別要說(shuō)明的是表格的浮動(dòng)，表格的浮動(dòng)是設(shè)置整個(gè)表格的對(duì)齊方式，而一般的對(duì)齊方式是設(shè)置表格內(nèi)的元素的對(duì)齊。 操作圖文混排：在需要的位置加入一個(gè)只有一個(gè)單元格的表格，并設(shè)置好其他屬性。在表格中添加圖片，并設(shè)置好表格的大小。再設(shè)置表格為“左浮動(dòng)

41、”，調(diào)整文字，讓文字在表格的右邊。這樣，圖文相配的混排就得到了。 FrontPage 2003教程 FrontPage2003建站全攻略(二)主題 經(jīng)過(guò)以上過(guò)程，我主頁(yè)制作也基本完成了。但頁(yè)面的背景圖、導(dǎo)航欄、顏色選擇，邊框等都不太令我滿意，而這些都是模板自動(dòng)設(shè)計(jì)的，而且不能修改。這個(gè)時(shí)候，就要使用主題了。 主題，就是FrontPage針對(duì)頁(yè)面中的背景、導(dǎo)航欄、橫幅、按鈕、各種邊框自動(dòng)進(jìn)行設(shè)置，主題的內(nèi)容有幾十種，操作者可以根據(jù)自己的喜好選擇，這樣，就可以省去自己分別對(duì)這些頁(yè)面元素的設(shè)置。 操作為網(wǎng)頁(yè)指定主題：打開(kāi)主頁(yè)，選擇“格式/主題”，彈出主題窗口。在主題窗口的左邊，列出了可以選擇的主題，

42、默認(rèn)的是“直邊”，點(diǎn)擊這些主題，可以在右面窗口查看該主體的風(fēng)格，如橫幅是什么樣、是什么樣的顏色、標(biāo)題的樣式、超鏈接的顯示樣式，導(dǎo)航條的樣式等等。另外，還可以設(shè)置是否需要背景圖片，是否使用鮮艷的顏色等。選擇“漸藍(lán)”主題，單擊確定，即可在網(wǎng)頁(yè)窗口看到效果了。 主題都是事先設(shè)計(jì)好的，如果你有什么特殊要求，而FrontPage又不允許你在網(wǎng)頁(yè)編輯時(shí)修改，這個(gè)時(shí)候，可以自定義主題。 操作測(cè)試網(wǎng)頁(yè)和網(wǎng)站：現(xiàn)在，我的主頁(yè)基本完成了，要實(shí)地測(cè)驗(yàn)一下主頁(yè)和整個(gè)網(wǎng)站的情況，看頁(yè)面顯示是否正常，各個(gè)超鏈接是否正確，設(shè)計(jì)上還有什么缺陷。打開(kāi)要預(yù)覽的主頁(yè)，然后選擇“文件/在瀏覽器中預(yù)覽主頁(yè)”，這樣，我就看到了我精心設(shè)計(jì)

43、的主頁(yè)的真正模樣了。測(cè)試的時(shí)候，要仔細(xì)看頁(yè)面的各種元素，看是不是有不正確的地方。多改變一下瀏覽器的一些相關(guān)設(shè)置，如字體大小、全屏、縮放窗口。點(diǎn)擊頁(yè)面上的超鏈接，看是否能跳轉(zhuǎn)到正確的頁(yè)面。另外，最好將整個(gè)網(wǎng)站文件夾復(fù)制到其他機(jī)器上，看是否正確，特別是字體顯示是否正確。 操作查看網(wǎng)站報(bào)表情況：在視圖窗口選擇“報(bào)表”圖標(biāo)，打開(kāi)報(bào)表窗口，在這個(gè)窗口，可以看到整個(gè)網(wǎng)站的一些統(tǒng)計(jì)數(shù)據(jù)。仔細(xì)查看這些數(shù)據(jù)，看看有沒(méi)有什么問(wèn)題，如無(wú)效的超鏈接等。如果一切沒(méi)有問(wèn)題，就可以發(fā)布了。 進(jìn)一步學(xué)習(xí)的建議：網(wǎng)頁(yè)的美化是一個(gè)經(jīng)驗(yàn)和修養(yǎng)的問(wèn)題，一方面多實(shí)踐，另一方面多看優(yōu)秀的網(wǎng)頁(yè)。另外，網(wǎng)站的測(cè)試很重要，要摸索和掌握這方面的

44、經(jīng)驗(yàn)和技巧。 樂(lè)有五音，善用五音而成樂(lè)師。食有五味，善用五味而成庖廚。我用什么來(lái)建家？水木金火土。文字 通過(guò)模板建立的站點(diǎn)和網(wǎng)頁(yè)只是一個(gè)結(jié)構(gòu)雛形，現(xiàn)在來(lái)打開(kāi)這些網(wǎng)頁(yè)，添加各種元素，開(kāi)始建設(shè)自己的家。我們首先從主頁(yè)面（index.htm）開(kāi)始，這可是家的大門。 操作認(rèn)識(shí)模板頁(yè)面：打開(kāi)主頁(yè)文件，在“網(wǎng)頁(yè)”視圖窗口可以看到該主頁(yè)的大致結(jié)構(gòu)。頁(yè)面分成了三個(gè)部分，上面的部分主要放置標(biāo)題圖片（圖片元素為主），左面的部分主要放置鏈接到其他網(wǎng)頁(yè)的目錄（鏈接元素為主），而中間的大部分放置該主頁(yè)的主要內(nèi)容（文字元素為主）。 一般模板主頁(yè)，通常由橫幅、目錄、正文等幾個(gè)部分組成，只是數(shù)量和排列方式不一樣罷了，或者多一

45、些特殊的元素。當(dāng)然，也有完全是有一些特殊元素構(gòu)成的頁(yè)面，如多重嵌套表格、組件等。但這些對(duì)于我這樣的個(gè)人筑巢者，一般都用不到，用起來(lái)也麻煩費(fèi)事，不如多用這一簡(jiǎn)單而簡(jiǎn)潔的頁(yè)面。 操作粘貼和輸入文字：復(fù)制一段開(kāi)場(chǎng)白的文字到剪貼板，然后在網(wǎng)頁(yè)窗口中點(diǎn)擊鼠標(biāo)到要插入的位置，然后復(fù)制，就可以看到該文字在頁(yè)面中出現(xiàn)了。也可以直接輸入一段文字。將網(wǎng)頁(yè)中不要的文字刪除。 粘貼和輸入這項(xiàng)操作很簡(jiǎn)單，和一般的文本編輯程序沒(méi)有區(qū)別。實(shí)際上，很多的文字編輯操作都跟Word程序相似。包括輸入、復(fù)制、粘貼、撤銷、查找、樣式、字體、顏色、間距、符號(hào)、邊框、段落格式等。 盡管FrontPage的大多數(shù)文字修飾的操作方法都和Wo

46、rd相類似，但還是有很多細(xì)小的差別，不過(guò)這些差別并不會(huì)對(duì)使用者造成很大的困擾，但還是要注意一些差別。 在網(wǎng)頁(yè)中，段落和換行的差別很大，一般段落和段落的間距很大，因此常常注意到要用換行（按“ShiftEnter”）。如果要在網(wǎng)頁(yè)中顯示換行符和段落符，則可以點(diǎn)擊工具欄中的“全部顯示”按鈕（在第一排工具按鈕的后面）。進(jìn)一步學(xué)習(xí)的建議：文字編輯的技巧性很強(qiáng)，而且操作的功能也很多，要熟練掌握必須要多練習(xí)，多用。一般使用Word排版熟練的人就很容易上手。圖片 主頁(yè)中的主要文字編輯好后，若需要在其中添加一幅小照和幾幅示意圖，讓頁(yè)面更傳神。小照?qǐng)D片已經(jīng)事先? 好，并用圖像編輯工具進(jìn)行適當(dāng)?shù)木庉?，如將圖片縮放到

47、合適的大小，圖片內(nèi)容修飾，并根據(jù)圖片的內(nèi)容將圖片保存為GIF格式。注意，如果圖片顏色豐富，或者是風(fēng)景、人物照片，則一般保存為JPEG格式。而示意圖則在程序內(nèi)置的剪貼畫庫(kù)中找。 操作添加剪貼圖片：在FrontPage中，內(nèi)置了很多剪貼畫，可以很方便地添加。在網(wǎng)頁(yè)將鼠標(biāo)移動(dòng)到要添加的位置，然后“插入/圖片/剪貼畫”，打開(kāi)剪貼畫選擇窗口，這里面的剪貼畫非常豐富，并分類存放，查找非常方便。找到需要的剪貼畫后，點(diǎn)擊該剪貼畫，在彈出的菜單中點(diǎn)擊“插入圖片”按鈕。然后就可以在網(wǎng)頁(yè)編輯窗口看到該圖片了）。 操作保存圖片：現(xiàn)在保存網(wǎng)頁(yè)，則程序提示將保存圖片到站點(diǎn)所在的文件夾，選擇圖片保存的目錄、文件名和文件格式

48、（也可以按照默認(rèn)設(shè)置），就將該圖片保存到站點(diǎn)中了。建議將圖片保存在站點(diǎn)文件夾中設(shè)立的專門保存圖片的文件夾“image”。 圖片添加后，可能要重新調(diào)整圖片在網(wǎng)頁(yè)中的位置，添加各種圖片的效果和設(shè)置圖片的屬性。 操作編輯圖片：在網(wǎng)頁(yè)編輯窗口中，選擇圖片，然后拖動(dòng)圖片邊框可改變大小。拖動(dòng)圖片可改變?cè)诰W(wǎng)頁(yè)中的位置。另外，當(dāng)選擇圖片后，在界面窗口的下面將顯示圖片編輯工具欄，包含各種圖片編輯工具，如在圖片中添加文字、調(diào)整位置。要注意的是，當(dāng)調(diào)整了圖片大小，程序?qū)?huì)以新的圖片大小來(lái)保存圖片。 操作設(shè)置圖片的屬性：圖片的屬性一般指圖片的一些內(nèi)部性質(zhì)，如源文件、格式參數(shù)、顯示方式、對(duì)齊方式、邊框和留白等等。鼠標(biāo)右

49、鍵點(diǎn)擊圖片，在彈出菜單中選擇“圖片屬性”，即可在彈出的圖片屬性窗口中設(shè)置圖片屬性了。 (責(zé)任編輯：大寶庫(kù))操作插入圖片文件：先將要插入圖片拷貝到站點(diǎn)文件夾中，選擇菜單“插入/圖片/來(lái)自文件”，在彈出窗口選擇要插入的圖片文件。然后，按照上面的方法調(diào)整和修改圖片。 進(jìn)一步學(xué)習(xí)的建議：深入了解各種網(wǎng)頁(yè)圖片格式，深入學(xué)習(xí)各種圖片效果的編輯，掌握?qǐng)D片位置的調(diào)整，學(xué)習(xí)使用背景圖片等。超 鏈 接 網(wǎng)頁(yè)的強(qiáng)大之處就在它的超鏈接，在瀏覽器中通過(guò)點(diǎn)擊網(wǎng)頁(yè)中的超鏈接，可以很方便地打開(kāi)另外一個(gè)網(wǎng)頁(yè)，或者是圖片、文件、郵件地址。一個(gè)網(wǎng)頁(yè)中的鏈接分成兩個(gè)部分：鏈接的載體和鏈接的目標(biāo)地址。 鏈接的載體就是在網(wǎng)頁(yè)中文字和圖片

50、，凡是包含鏈接的文字和圖片都稱為超鏈接。 操作設(shè)置文字的超鏈接：打開(kāi)主頁(yè)文件，用鼠標(biāo)反白選擇要超鏈接的文字“歡迎光臨站點(diǎn)名稱”，然后按鼠標(biāo)右鍵。在彈出菜單中選擇“超鏈接”。彈出超鏈接設(shè)置窗口，然后在列表中選擇要超連接網(wǎng)頁(yè)文件“Photo.htm”，確定后，就可以看到超級(jí)鏈接已建立好了。注意，在網(wǎng)頁(yè)編輯窗口，可以按住“Ctrl”鍵，點(diǎn)擊超鏈接就可以打開(kāi)超鏈接指向的網(wǎng)頁(yè)。 操作設(shè)置圖片的超鏈接：鼠標(biāo)右鍵點(diǎn)擊要設(shè)置超鏈接的圖片，在右鍵菜單中選擇“超鏈接屬性”，然后設(shè)置要鏈接的文件，也可以鏈接圖片、EMail地址等。 操作管理超鏈接：一個(gè)網(wǎng)站的超鏈接就像一張網(wǎng)一樣，網(wǎng)住了網(wǎng)站的所有文件。在“視圖”窗口

51、中點(diǎn)擊“超鏈接”，打開(kāi)超鏈接的管理窗口，在這個(gè)窗口中，我們可以看到各個(gè)文件相互間的鏈接情況，例如，要看“photo.htm”文件中鏈接了哪些文件，又被哪些文件鏈接，可以在旁邊的文件夾窗口中選擇該文件，然后即可在鏈接示意窗口中查看了。也可以在超鏈接的示意窗口直接展開(kāi)某個(gè)文件的上、下超鏈接。 進(jìn)一步學(xué)習(xí)的建議：掌握各種超鏈接的設(shè)置、書簽，學(xué)習(xí)使用導(dǎo)航條，學(xué)習(xí)使用圖形熱點(diǎn)。學(xué)習(xí)使用圖片的熱區(qū)。規(guī)劃網(wǎng)站 規(guī)劃網(wǎng)站，其實(shí)就是網(wǎng)站的整體定位。說(shuō)得時(shí)髦一點(diǎn)就有點(diǎn)像CI（corporate identity），意思是通過(guò)視覺(jué)來(lái)統(tǒng)一企業(yè)的形象。算了，還是不要這么復(fù)雜吧，我只是一個(gè)小家碧玉者。 1.確定主題和內(nèi)容

52、 主題和內(nèi)容說(shuō)白一點(diǎn)就是做網(wǎng)站的目的?？戳瞬簧賯€(gè)人網(wǎng)站，感覺(jué)就是：你抄我抄大家一起抄，黃沙淘盡不見(jiàn)金。我絕對(duì)不能這樣，否則就成了網(wǎng)絡(luò)垃圾了。經(jīng)過(guò)冥思苦想，我決定做一個(gè)真正意義上的“個(gè)人”網(wǎng)站，做一個(gè)個(gè)人的家，一個(gè)在網(wǎng)絡(luò)上宣傳自己、結(jié)交朋友的“家”。 這樣一來(lái)，主要內(nèi)容就應(yīng)該是介紹自己。個(gè)人簡(jiǎn)歷？不，那樣也太沒(méi)有意思了。就當(dāng)是做一個(gè)圖文并茂的自我小傳吧!應(yīng)該有簡(jiǎn)歷的一部分內(nèi)容，但還應(yīng)該多說(shuō)說(shuō)自己的興趣愛(ài)好。此外，還少不了應(yīng)該適當(dāng)介紹一下和自己相關(guān)的東西啊! 內(nèi)容確定了，那是不是應(yīng)該給我的網(wǎng)站取個(gè)好名字了？前輩說(shuō)：網(wǎng)站名稱也是網(wǎng)站設(shè)計(jì)的一部分，而且是很關(guān)鍵的一個(gè)要素。很有道理，就像每個(gè)人都想取個(gè)好

53、名字一樣，家也應(yīng)該有個(gè)好名字! 看看網(wǎng)上的名字，“海闊天空”有點(diǎn)虛，“XX的個(gè)人主頁(yè)”有點(diǎn)俗。還是平實(shí)一點(diǎn)，就以我的名字叫“豆豆之家”吧。 2.網(wǎng)站結(jié)構(gòu) 參考了一下其他的個(gè)人網(wǎng)站，再看看前輩長(zhǎng)篇大論，我也稀里糊涂地明白了一些名詞。 網(wǎng)頁(yè)就是你看到瀏覽器內(nèi)的一個(gè)頁(yè)面，由圖片和文字組成。通常有一級(jí)頁(yè)面、二級(jí)頁(yè)面之說(shuō)。當(dāng)你輸入網(wǎng)址看到的第一個(gè)頁(yè)面叫做首頁(yè)，通常的名字是index.htm。 網(wǎng)站簡(jiǎn)單地說(shuō)就是很多相關(guān)網(wǎng)頁(yè)文件、圖片文件? 他文件的組合。一個(gè)網(wǎng)站由相關(guān)網(wǎng)頁(yè)組成一個(gè)關(guān)系網(wǎng)，通過(guò)頁(yè)面上的鏈接在不同的網(wǎng)頁(yè)之間跳轉(zhuǎn)。 網(wǎng)站的結(jié)構(gòu)和內(nèi)容好像還有一些不成文的規(guī)定（當(dāng)然都是前輩們嘮叨的）： 1. 網(wǎng)站一

54、定要緊扣主題。 2. 設(shè)定一個(gè)交互式的欄目，例如留言薄。 3. 頁(yè)面簡(jiǎn)潔，盡可能方便訪問(wèn)者的瀏覽和查詢。 4. 網(wǎng)站的層次不要太復(fù)雜，小網(wǎng)站由3層網(wǎng)頁(yè)構(gòu)成是比較合適的。 5. 整體的頁(yè)面設(shè)計(jì)風(fēng)格要保持一致。 3.風(fēng)格的選擇 網(wǎng)站的風(fēng)格，是不是有點(diǎn)像人的氣質(zhì)呀？“家”當(dāng)然是有氣質(zhì)的，或者活潑、或者嚴(yán)肅、或者精美、或者樸素、或者粗獷豪放、或者小家碧玉等。我們應(yīng)該根據(jù)自己的主題和內(nèi)容給它選擇一種合適的風(fēng)格類型，以求內(nèi)容和形式的完美結(jié)合，突出自己的特色和個(gè)性?？上也皇菍W(xué)美術(shù)的，只是簡(jiǎn)單地知道一些冷暖色，看來(lái)還得在實(shí)踐中多比較。 4.頁(yè)面設(shè)計(jì) 網(wǎng)站是由一個(gè)個(gè)頁(yè)面組成的，所以每個(gè)頁(yè)面的制作就顯得極其重要。說(shuō)來(lái)說(shuō)去又是一個(gè)美術(shù)設(shè)計(jì)方面的問(wèn)題。我先找?guī)讖埌准埞串嬑业捻?yè)面草圖。 這是網(wǎng)絡(luò)上常見(jiàn)的幾種網(wǎng)頁(yè)布局。雖然都是在排列目錄、題目、正文，但真正要做到結(jié)構(gòu)清晰、一目了然還得看具體制作的功夫。 當(dāng)然可以選擇更活潑一點(diǎn)的樣式，只是需要自己去發(fā)揮了，或者到網(wǎng)絡(luò)上去學(xué)習(xí)各種漂亮的頁(yè)面設(shè)計(jì)。選擇制作工具 古人說(shuō)得好：工欲善其事，必先利其器。