A. 網頁設計
能做，你需要什麼主題的確定下
B. 網頁設計素材
設計素材網站大全 經典素材，是設計師創意的利劍。收集整理了幾大素材門戶網站。 一、站酷（ZCOOL） ： http://www.zcool.com.cn/ 專業完美的素材下載與設計分享網站，提供矢量素材、PSD分層素材、圖標素材、高清圖片、原創作品等內容。前沿時尚的設計風格，日韓歐美設計素材應有盡有。站酷網站簡潔美觀，視覺沖擊力強。 二、素材中國 ： http://www.sccnn.com/ 提供各類設計素材的收集下載，包括：圖片、素材、壁紙、網頁素材、動畫素材、矢量圖、PSD分層素材、3D、字體、教材、圖標，等等。 三、站長素材： http://sc.chinaz.com/ 提供各類設計素材的收集下載，包括：圖片下載、網頁模板、圖標下載、酷站欣賞、QQ表情、矢量素材、PSD分層素材、音效下載、桌面壁紙、網頁素材，等等。資源豐富，更新及時，專題素材下載也是它的特色。 四、昵圖網： http://www.nipic.com/ 提供各類素材，包括：圖庫、圖片、攝影、設計、矢量、PSD、AI、CDR、EPS、圖片下載、共享圖庫，等等。 五、中國素材網： http://www.sucai.com/ 提供高精圖、矢量圖、桌面背景、LOGO、PNG圖、網頁模板、QQ表情、字體下載、音效、網頁特效、論文、範文等內容。 六、素材資源庫： http://sc.52design.com/ 資源豐富，分類繁多，就是沒有提供資源搜索功能，使用起來不太方便。提供網頁模板、Flash源碼、矢量素材、PSD素材、透明Flash資源、字體下載、PS筆刷、網頁背景、音效素材、腳本特效，等等。 七、聯盟素材： http://sc.68design.net/ 網站簡潔清爽，廣告很少，這里的網頁設計素材是很不錯的。當然，還提供網頁模板、圖庫壁紙、特色圖標、矢量素材、代碼素材、Flash素材、其它素材，等等。 八、沃格斯克網： http://www.orgsc.com/ 內容非常豐富，廣告也是。專於網頁設計素材，提供設計素材、Flash源文件、PSD源文件，等等素材下載，非常適合網頁設計師。 九、懶人圖庫： http://www.lanrentuku.com/ 網站介紹：懶人圖庫自建站以來，一直致力於網頁素材的提供，目標是做成國內最大的網頁素材下載站。懶人圖庫口號：學會偷懶，並懶出境界是提高工作效率最有效的方法！ 專注於提供網頁素材下載，其內容涵蓋網頁素材、矢量素材、JS廣告代碼、小圖片、網頁背景、導航菜單、PNG圖標，等等。懶人圖庫深入人心，做到了「讓任何一個網頁設計師都能輕松找到自己想要的素材」。 十、維奇素材網： http://www.veeqi.com/ 收集的素材資源豐富，但下載資源（大部分）需要收取一定維奇幣。提供免費矢量素材、PSD分層、圖標素材、網頁素材、中文字體、網頁模板與壁紙、PS教程等平面設計素材。維奇素材網頁面清爽明快，廣告也少。 十一、視覺中國下吧： http://down.chinavisual.com/ 由視覺中國資深編輯精心挑選的國內外優秀設計素材，網羅矢量、icon、壁紙、PSD、電子刊物、圖案、字體、三維場景、材質貼圖、主題等多個素材門類，為用戶提供高質量的素材資料。 十二、豬八戒學院： http://xy.zhubajie.com/ 資源豐富，其它素材站所沒有的，這里都有，值得收藏。提供矢量、欣賞、酷站、圖片、圖標、桌面、PSD、代碼、Flash、背景、字體、 顏色，等等。 十三、紅動圖爸： http://sucai.redocn.com/ 設計素材網站大全(2): 提供PSD分層素材、 設計 圖片、攝影圖片、 設計 字體、原創 設計 作品欣賞，等等。共享資源不是很多，需要資源幣才能下載。 十四、素材世界： http://www.sssccc.com/ 以高精度圖庫、PSD分層圖庫素材為主打，PSD素材 提供PSD分層素材、設計圖片、攝影圖片、設計字體、原創設計作品欣賞，等等。共享資源不是很多，需要資源幣才能下載。 十四、素材世界： http://www.sssccc.com/ 以高精度圖庫、PSD分層圖庫素材為主打，PSD素材資源絕對比任何素材網站豐富。只是網站過於簡潔，首頁幾乎沒什麼圖片，全是文字，也不支持資源搜索，廣告太多，谷歌聯盟的廣告有意與導航菜單混淆，有誘惑用戶點擊廣告的嫌疑，美工有待改進，用戶體驗很非常不好。 十五、圖酷： http://www.tucoo.com/ 設計師的隨身圖庫：設計素材、插畫、卡通、CG、矢量、時尚、圖案、網頁素材全方位素材圖片庫。 十六、3lian素材： http://www.3lian.com/ 3lian素材網（ www.3lian.com ）創建於2004年10月，是一個以提供經典設計素材為主的資源網，站點包括矢量圖、PSD分層素材、高清圖片、Flash源文件、PNG圖標、3D模型、模板、酷站、壁紙、字體、教程等。 十七、E庫素材： http://www.iecool.com/ E庫素材網是為廣大網頁設計製作愛好者、平面設計製作愛好者及其他人員提供各種素材的資源庫。網站共分圖片素材、矢量圖庫、高精圖庫、網頁素材、網頁模板、壁紙、明星、下載中心、技術教程、E庫論壇、IT資訊等11個欄目。擁有素材圖片、高精度圖片、PSD源文件、FLASH源文件、網頁圖標、網頁模板、源碼下載、技術教程、軟體下載、字體下載等豐富資源。圖片素材欄目具有數量多、分類細、質量高等特點，高精圖庫是06年E庫與素材站合力推出的平面設計專用高精度圖片欄目，具有高像素（高清晰）、高解析度、免費和大容量等特點。 十八、素材精品屋： http://www.sucaiw.com/ 提供各類圖片、壁紙、矢量圖、分層圖、模板、圖標、動畫、字體等素材收集下載。 十九、素材天下網： http://www.sucaitianxia.com/ 素材豐富，但網站美工一般，且廣告太多，連搜索也掛著網路聯盟的，嚴重影響用戶體驗。 二十、素材藝庫： http://www.ekoooo.com/ 內容涉及設計類、辦公類、美術類等基於計算機數字影像和數字藝術領域方面。頁面簡潔美觀，需要金幣才能下載資源。 二一、素材酷： http://www.sccooo.com/ 頁面非常簡潔，素材精美，但更新較慢，需要登錄後才能下載。提供矢量素材、PSD分層素材、圖標（GIF/ICON/PNG）、PS筆刷、節日主題素材源文件，等等。 二二、中國設計秀設計資源站： http://sc.cnwebshow.com/ 網站布局過於緊湊，下載頁面廣告較多，沒有開發專業的欄目搜索功能（使用DEDECMS程序構建）。提供矢量素材、網頁平面設計素材，等等。 希望這些設計素材門戶網站能夠給大家的設計帶來方便，有所幫助！
採納哦
C. 有什麼好的圖片素材，及網頁模板
到網路或soso搜索「筆秀網」就能找到很多素材和模板了
這里我還是貼貼地址吧
http://www.penshow.cn/
D. 用java語言， 如何實現為圖片添加邊框素材，就是把圖片和邊框素材（圖片）結合
用FrontPage2002來做吧，你點點下面的連接：
具體是：
Web頁面可用預定義模板來創建，也可不採用模板而在空白頁上自己進行設計。創建新頁面的步驟如下：
在網頁視圖下，選擇「文件」菜單中的「新建」命令，再從其子菜單中選擇「網頁」命令，將彈出「新建」對話框，如圖所示。
若用戶要新建的網頁是框架，則從「框架網頁」選項卡中選擇某種框架樣式；否則，從「常規」選項卡中選擇一種所需樣式，然後單擊「確定」按鈕。若想建立一空白網頁，可在對話框的「常規」選項卡中選擇Normal Page項，或直接單擊常用工具欄的「新建網頁」按鈕。
建議逐一試用FrontPage提供的各種模板以便熟悉它們，日後你就可以自如地利用模板創建常規Web頁面，能夠節省許多時間。
1．在網頁中插入圖形
圖片往往比大量的文字講述更具吸引力和說服力，在web頁面中適當地添加圖片會使網頁豐富多彩，但過多地加入圖片將降低頁面的下載速度，特別是對通過數據機訪問web頁的用戶。大多數圖形都是採用壓縮格式，有的數據機不具有壓縮功能，這種數據機速度更慢。因此用戶在加入圖片時，應認真選擇和進行規劃。雖然圖形可使web頁更有趣味，但應適度使用（使用較少顏色，縮小高度和寬度或裁剪圖形、降低圖形的解析度，盡可能地減少圖形文件大小，如用壓縮格式的文件類型）。
Web頁面所使用的兩種圖片格式分別為GIF和JPEG，用戶可選擇「插入」菜單中的「圖片」命令，再從其子菜單中選擇「來自文件」命令，打開「圖片」對話框，「圖片」對話框提供了「掃描」、「使用您的web例覽器來選擇網頁或文件」、「剪貼畫」和「在您的計算機上選擇一個文件」四種途徑插入圖片。
對於一些非GIF和JPEC格式的圖片，FrontPage可以自動地將這些文件轉換成GIF或JPEG格式。
2．在網頁中插入水平線
水平線可以在網頁上清晰地劃分界限，而且對用戶網頁的布局起著重要的作用。添加一條水平線，可以通過「插入」菜單中選擇「水平線」命令添加。在默認狀態下水平線是灰色的，用戶可以像改變文本顏色一樣改變水平線的顏色。改變水平線的顏色有兩種方法（必須在不加主題的情況下）：
（1）雙擊該水平線，將顯示「水平線屬性」對話框。在對話框的「顏色」項，選擇下拉列表，從中選擇合適的顏色，單擊「確定」按鈕。
（2）用滑鼠右鍵單擊這條水平線，從快捷菜單中選擇「水平線屬性」命令，再從對話框中選擇一個合適的顏色。
使用框架
--------------------------------------------------------------------------------
框架是把Web瀏覽器的視窗分成幾個部分，每個部分都是獨立的Web頁面，這樣便可同時顯示多個頁面。
可以很容易地用FrontPage創建一個多框架的web頁面。為了創建具有框架的Web頁面，可從「文件」菜單的「新建」子菜單中選擇「網頁」命令，彈出「新建」對話框，選擇「框架網頁」選項卡。
在左邊的列表中可選擇不同類型的框架模板，選定模板後，按「確定」按鈕即可創建一個具有框架的網頁。
在創建有框架的Web頁面時，應注意有些web瀏覽器不支持框架。雖然使用不能顯示框架的瀏覽器的用戶已很少，為確保這些用戶仍然能夠瀏覽到Web站點上的內容，可以填上要告訴那些低版本瀏覽器的使用者的話，例如請對方更換瀏覽器等。
在新建的框架的窗口中，單擊「設置初始頁」按鈕將會彈出「創建超鏈接」對話框，可以鏈接到一個指定頁面；單擊「新建網頁」按鈕將創建一個新頁面，然後在該頁面內對該頁進行編輯。在編輯頁面時，若感覺頁面被放在一個狹窄的框架中太擁擠，可選擇「框架」菜單中的「在新窗口中打開網頁」命令，這樣便打開一個新的滿屏窗口，可以自由地在頁面中增加內容。
利用FrontPage的框架頁面模板在Web頁面上引入了框架布局，我們還可以在此基礎上，根據需要進行進一步的設計。
1、增加新框架
要給框架頁面增加新框架，就是像拆分表格的單元格一樣，把一個框架分為兩個框架。 其操作如下：
（1）按住Ctrl鍵，將滑鼠放在框架邊框上，當滑鼠變為上下箭頭時，可把邊框拖到一個新位置，當松開滑鼠按鈕時，一個新的空白內容的框架就形成了。
（2）也可以通過命令來操作：首先單擊要拆分的框架內部，選「框架」菜單中的「拆分框架」命令，在彈出的「拆分框架」對話框中單擊「拆分成列」或「拆分成行」單選按鈕，單擊「確定」按鈕即可。
2．刪除框架
若框架頁面看起來太亂，可刪除某些框架。要刪除一個框架，可先單擊該框架選擇它，再選擇「框架」菜單中的「刪除框架」命令即可。
3．改變框架屬性
在設置好框架的整體布局後，我們還可以對每一框架的具體屬性進行設置，操作如下：
（1）單擊需設置屬性的框架，選擇「框架」菜單中的「框架屬性」，則彈出「框架屬性」對活框。
（2）在對話框的「名稱」文本框中可輸入框架名，這樣便於識別不同的框架；在「選項」區域中，若選中「在例覽器中可以調大小」復選框，則客戶在瀏覽站點時，可重新定義框架尺寸，通過在「顯示滾動條」下拉列表框中選擇不同的描述項，可設置讓滾動條是否出現。
（3）在「框架大小」區域中，可設置框架大小，可以定義一個絕對像素值或相對於瀏覽器窗口的百分比，若要用瀏覽器來設置相對於該頁面中框架的尺寸，可選「相對」；在「邊距」區域中，可設置內容頁面與框架邊框分隔的像素數值。
（4）要改變開始頁面，可以在「初始網頁」文本框中輸入一個新的頁面名字或URL。
（5）單擊「框架網頁」按鈕，則彈出「網頁屬性」對話框。
（6）在該對話框的「框架」選項卡中，在「框架間距」文本框中，可輸入以像素為單位的邊框寬度；若要使框架邊框消失，則不要選中「顯示邊框」復選框。
（7）單擊「確定」按鈕，關閉「網頁屬性」對話框，再單擊「確定」按鈕，關閉「框架屬件」對話框，完成框架屬性設置。
動態網頁
--------------------------------------------------------------------------------
DHTML是動態網頁的意思，它其實並不是一個標準的術語。事實上沒有一種技術叫作DHTML。DHTML是利用CSS(層疊樣式表)，JavaScript，HTML等技術而建立的能與訪問者產生互動的網頁。比如在動態網頁里，當訪問者單擊了某一張圖片後，這張圖片會自動的移動，這就是DHTML效果。也就是說，當網頁下載完畢後，它無需再與伺服器連接就能產生變化了。FrontPage2000提供了一套容易製作動態網頁的方法，你可以建立起屬於自己特色的動態網頁。
1、使用DHTML的基本步驟
1).在頁面點選需要使用DHTML的對象，比如文本，圖片。對於文本需要拖曳滑鼠選定；
2).在DHTML工具欄，選擇通過開啟的下拉列表選擇一種事件，文本和圖片所具有的事件是不同的；接下來再應用下拉列表選擇一種效果；最後選擇該效果的的實現方法；
3).當你為對象使用了DHTML後，保存該頁面並預覽，你會發現你選定的對象按照你設置的DHTML的效果出現；
4).如果想刪除某一個對象的DHTML效果，先選定該對象，然後單擊DHTML工具欄上的刪除效果圖標即可。
2、DHTML的事件
在DHTML製作中，我們聽得最多的是「事件」這個術語。什麼是「事件」呢，顧名思義，就是發生的一件事情，比如你用手打開門，那麼這就是一個事件。換到網頁製作中，開門變成了單擊，也就是說，訪問者單擊了一個鏈接，那麼出現了事件的結果，門被打開了。
在FrontPage2000中，當我們打開DHTML效果工具欄後，點選文本或者圖片會產生不同事件。但它們的施用方法是一樣的，下面我們以文本舉例：
我們先在編輯器里輸入一段文本，比如：網頁陶吧，然後繼續下面的三個步驟：
選定一段需要產生DHTML效果的文本，這里是：網頁陶吧。從DHTML效果工具欄的開啟下拉列表選擇一個事件。這里對於文本我們只有「網頁載入」這個事件。「網頁載入」就是當網頁第一次裝入的時侯發生的事件，它不需要用戶利用滑鼠去觸發它，而只需要訪問者利用瀏覽器打開它的時侯就會產生預設的動態效果。
選擇好事件後，我們要在應用下拉列表裡選擇一個該事件的應用效果。在該列表下有七種可以採用的效果，我們選擇飛入。
對於應用效果會有不同的方法產生。比如當你選擇的應用效果是「飛入」的時侯，文本可以從底部飛入，可以從左邊飛入，也可以從右邊飛入，這些就是方法。在這個下拉列表裡並沒有註明這個術語。有的應用效果是沒有方法的，比如波動。我們這里選擇從底部飛入。
最後保存該頁面並預覽，你會發現網頁陶吧這個四個字在網頁第一次載入後從底部飛入。當然，你也可以嘗試其它DHTML效果。對於選定圖片，你會在DHTML效果工具欄的開啟下拉列表看到新的事件，單擊和滑鼠懸停，它們會有各自的應用效果和實現方法。你可以每一個嘗試一下，這樣你就能明白這些事件和應用效果和方法之間的關系。
3、DHTML的小技巧
DHTML兼容性
利用FrontPage2000製作的DHTML網頁只能被InternetExplorer4.0或以上版本完全正常瀏覽。對於圖片的DHTML效果，Netscape Communicator 4.0或以上版本也可以瀏覽。
禁止DHTML
如果想禁用DHTML效果，點選菜單工具/網頁選項，在打開的對話框里選擇兼容性標簽，取消動態HTML前的復選框里勾，這樣DHTM效果被禁用。
快速使用DHTML
一般情況，在你沒有選定某一個對象的情況下，你只需要把滑鼠移動到對象的左邊或者右邊單擊一下就可以使用DHTML效果了。
4、網頁過渡
網頁過渡是指當你進入或者離開一個網頁的時侯所產生的效果的這個過程。比如你從某一頁進入另一頁，你會發現當前頁慢慢向中間合攏，同時出現了另一個新的頁面，直到當前頁合攏消失而最後出現新的頁面。如果你想使用網頁過渡，可以按照以下步驟：
1).打開想使用過渡效果的頁面，或者新建立一個頁面。點選菜單格式/網頁過渡，打開網頁過渡對話框；
2).在事件下拉列表裡選擇一個事件，我們選擇進入網頁。大家要注意，當你為某頁和站點都設置了過渡效果時，網頁將比站點過渡效果優先；
3).在周期文本框里輸入持續的時間，然後在過渡效果列表框里點選一個效果，單擊確定。利用瀏覽器打開該頁面，因為我們選擇的網頁過渡是進入網頁，所以當你打開該頁時你就能看到過渡效果了。
利用DHTML效果的確是吸引訪問者的有力利器，但如果你不願意和復雜的代碼打交道，那麼FrontPage2000為你預設了許多DHTML的效果。你要做的僅僅是選定需要動態效果的對象，比如文字，圖片，然後利用「傻瓜」式的操作就可以讓你的網頁動起來。
Web頁有自己的一組屬性，通過選擇「文件」菜單中的「屬性」或通過滑鼠右鍵單擊頁內任何位置，選擇快捷菜單中的「網頁屬性」命令，可以打開「網頁屬性」對話框，在「常規」選項卡中，各項設置含義如下：
·位置：指出頁的完整URL。
·標題：顯示的頁標題，即在HIML中顯示在<head>元素中的<tit1e>標簽內。
·基位置：在此位置可輸入一個URL，可將這頁中使用的相對URL的超鏈接總指向同一正確的目標，通過對一個URL的說明，可以在不移動相對URL中所有目標的情況下，移動這個頁。
·默認的目標框架：定義不規定框架的頁中所有超鏈接的默認框架。
·背景音樂：加入背景音樂，當瀏覽器打開該頁時，會同時播放音樂。
在其它選項卡中還可對頁邊距、語言等系統參數進行設置。
建立超鏈接
--------------------------------------------------------------------------------
超鏈接（HyperLink）的出現使網上瀏覽變得更加便捷，只須用滑鼠輕輕點擊，便能輕松地從一個頁面跳轉到另一個頁面，從一個Web站點跳到另一個Web站點，從一個國家跳到另一個國家。超鏈接就是一些特殊的文本或圖像，是其它頁面的入口。
1．與當前web站點的頁面建立超鏈接
（1）在FrontPage中打開要建立超鏈接的頁面（若是新建頁面，則要肯定該頁面己被保存），選中超鏈接源，超鏈接源可以是一個字元、一個單詞、一句話或一幅圖片等。
（2）選擇「插入」菜單中的「超鏈接」命令，或單擊「常用」工具欄的「超鏈接」按鈕，則彈出「創建超鏈接」對話框（如圖），在該對話框中列出了當前FrontPage中打開的Web站點中的文件夾和文件。
（3）在該對話框的文件列表中，選擇要建立鏈接的目標文件。
（4）單擊「確定」按鈕，超鏈接建成。
2．與本機中的其它文件建立超鍵接
（1）選擇超鏈接源，打開「創建超鏈接」對話框。
（2）在該對話框中單擊「製作一個鏈接到您計算機上文件的超鏈接」按鈕，然後從彈出的對話框中找到自己所要鏈接的文件，選中它。
（3）單擊「確定」按鈕，超鏈接建成。
3．與world wide web上某一站點建立超鏈接
（1）在FrontPage中打開欲建超鏈接的頁面，選定超鏈接源。
（2）選「插入」菜單中的「超鏈接」或單擊常用工具欄的「超鏈接」按鈕，彈出「創建超鏈接」對話框。
（3）在「URL」文本框中，輸入超鏈接目標的URL。
（4）單擊「確定」按鈕。
格式化文本
--------------------------------------------------------------------------------
1．輸入文本
從總體而言，文本仍是網頁中的主體內容，在FrontPage中輸入文本與在Word中輸入文本非常類似。
(1).需要加入空行或換段時才使用Enter鍵，當輸入文本達到所定義的右邊界時，將自動換行。若錄入文字有錯可按Backspace鍵清除錯誤，重新錄入。
(2).可在文本中任意位置處插入新文本內容，操作時把滑鼠指針定位到欲加文本處即可添加文本。
(3).可進行覆蓋式錄入，即先用滑鼠選中要替換的文本，然後直接錄入文本。
(4).可通過單擊常用工具欄的「顯示所有」按鈕，讓段落標記在屏幕上顯示或隱藏，藉助段落標記可清楚地看到段與段之間的空行。
2．文本的選擇
(1).選擇一個單詞或多個單詞：選擇一個單詞只需在該單詞上雙擊滑鼠即可，按住滑鼠左鍵在要選單詞上拖動即可選擇多個單詞。選擇字與選擇多個單詞的方法相同。
(2).選擇一行文字：一行文字就是在屏幕上占據一行空間的文本。將滑鼠箭頭移到行的最左邊，當游標箭頭變為指向左邊時，單擊滑鼠左鍵，便可選擇該行。
(3).選擇一個段落：將滑鼠箭頭移到該段落的最左邊，當游標箭頭變為指向左邊時，雙擊滑鼠左鍵，或按下ALT鍵，再用滑鼠單擊想要選擇的段落，即可選擇該段落。
3．刪除、拷貝和移動文本或圖片
(1).刪除：刪除插入點左側的一個字元，按Backspace鍵；刪除插入點右側的一個字元，按Delete鍵；刪除插入點右側的一個單詞，按Ctrl＋De1ete鍵；剪切所選內容並保行到「剪貼板」，按Ctrl＋X鍵；刪除所選內容按De1e1e鍵或選擇「編輯」菜單中的「刪除」命令。
(2).拷貝：拷貝所選文本或圖形到剪貼板，方法是：選中文本或圖形，然後按Ctrl+C鍵或從菜單上選擇「編輯」菜單中的「復制」菜單命令，也可直接單擊工具欄中的「復制」按鈕。
(3).移動文本或圖片：選擇想要移動的文本或圖片，再拖曳到要插入的位置，釋放滑鼠，所選對象就移到目的地。如果先將選擇的文本或圖片「剪切」，然後再「粘貼」到指定區域，也可將其移動。
(4).通過「撤銷」取消誤操作：如果用戶在不小心的情況下錯誤地執行操作，單擊工具欄上的「撤銷」命令按鈕，可以取消用戶執行過的操作，或從菜單欄選擇「編輯」菜單中的「撤銷」菜單命令，或按Cir1＋Z鍵。
4．加入標題
出於頁面內容層次的需要，有時在頁面中要加入一些小標題。 HTML語言規范採用6級標題，各級標題採用文字不同字型大小來區分，其中標題1為大標題，其它依次為中小標題。要設定某一級標題，可以在FrontPage格式工具欄中的「樣式」下拉列表中選中一個標題等級，然後在游標處輸入標題文字即可；或者先輸入文字，並選定該文字，然後在「樣式」下拉列表中選定某一級標題。標題結束後，將下拉列表中的格式改回原來的「普通」，再進行其它內容的輸入。
5．改變字體及設置字體效果
FrontPage在通常情況下，字體為「Times New Roman」。若用戶的操作系統是中文Windows95／98或Windows NT，中文默認字體為「宋體」，文字大小採用默認的字型大小。若要設定不同的字體，可先選擇要改變的文字，然後在格式工具欄里的「字體」下拉菜單中選擇一種字體，或從菜單欄選擇「格式」菜單中的「字體」菜單命令，通過「字體」對話框來設置，並可設定字體樣式、大小等。當字體改變後，形式將一直保持，直到用戶又重新設置新的字體為止。
(1).設置字體顏色：選中文字，單擊格式工具欄上的「文本顏色」按鈕的下拉箭頭，就會彈出其下拉列表，在「標准顏色」中選擇所需顏色；若沒有，可選擇「更多的顏色」命令，然後從彈出的對話框中選擇。
(2).設置字體樣式：要對需要的文字進行粗體、斜體和下劃線處理，只要選擇要處理的文字，從格式工具欄上單擊「加粗」、「斜體」或「下劃線」按鈕即可。想解除此效果，可以選中文字，再次按相應的按鈕就可以解除效果，恢復到正常字體。在製作網頁時，一般不採用「下劃線」效果，因為下劃線在一些網頁中都表示有超鏈接。
(3).字體加線效果：共有兩種:「下劃線」可以在選中的文字下面劃一條線；「刪除線」在文字中間貫穿劃一條線。
(4).特殊的文字風格：當選中的文字需要使用某些特殊風格，如「閃爍」風格，可通過選擇「字體」對話框中「字體」選項卡（如圖）的「效果」區域的所需選項，但有的文字特殊效果只有在瀏覽器中才能體現出來。
6．文本的縮進
文本的縮進就是使文本左邊、右邊顯示空白，這種效果有利於對關鍵段落加強說明。要對一個已有的段落運用縮進的方式，首先選中段落，然後在格式工具欄上單擊「增加縮進」按鈕，段落左邊和右邊分別縮進一段距離，連續按「增加縮進」按鈕，縮進將進一步加大。這種在文字兩邊同時縮進的方式也稱之為雙向縮進。若縮進的空間太大，可以通過單擊「減少縮進」按鈕來減少縮進的空間。
7．文本對齊方式
若輸入的文字是從該頁的左邊距開始，並逐漸向右延伸，且到了行滿以後又折回下行左邊（左邊距處）重新開始，這就是左對齊。有些文字需要居中方式，比如標題之類的文字；而有些文字需要放到右邊，這些可通過格式工具欄上的「向左對齊」、「居中」和「向右對齊」按鈕來實現：，不同的對齊方式可以使文本呈現不同的顯示樣式，而且可以清楚地表明用戶想要說明的問題，使網頁整體保持協調。 要設定文本的居中、左齊或右齊方式，須先選擇好要設置的文本，再單擊相應按鈕即可。如果用戶想回到原始狀態的對齊的方式，應先選定該文本，再單擊格式工具欄上相應的對齊按鈕。
8、加入項目符號或列表編號
有一些列表前面有加圓點的符號，說明一條條的列表內容，這在專業排版中稱為項目符號，在Web頁面中加入項目符號或列表編號可使內容有條理、更清楚，可以通過列表把大量內容簡要地描述出來，便於讀者抓住重點。還有另外一種形式即列表編號，可以用來描述一個問題的處理步驟和順序，這兩種處理形式在FrontPage中運用起來很方便。
加入項目符號或列表編號與在Word中的操作很類似。先選定文本，用戶可以在格式工具欄按相應的按鈕，或選「格式」菜單中的「項目符號和編號方式」命令，打開項目符號和編號方式對話框（如圖），從中選定不同格式的列表項目。
在FrontPage中新建的兩個文本行之間都有一個空行，如果用戶在輸入或添加項目時不想每兩行之間都出現一個空行，可以在格式工具欄上單擊「項目符號」或「編號方式」按鈕。該按鈕為下凹狀後同時出現第一個項目符號，輸入需要的文字後，按「回車」鍵，然後在自動出現的下一個項目符號後繼續輸入。
FrontPage還可以通過提供列表編號或項目符號的方式對列表項進行排列。操作方法與上一段所述相同。
如果在所有項目輸入完畢後，以下的內容不再希望添加編號或項目符號，可兩次回車，則停止編號或停止添加項目符號。若想改變編號的形式或不想從1開始，可通過在列表符號上單擊滑鼠右鍵，在彈出的快捷菜單上選擇「列表屬性」命令，在彈出的「列表屬性」對話框中選擇「號碼」選項卡，選擇所需的編號風格，再在右邊的「初始號碼」微調器中調整起始編號，在調好之後單擊「確定」按鈕即可。
E. 如何製作網頁
一． 網頁製作基本技術
網頁製作的基本要點是：學會在網頁中插入表格、圖片、動畫、視頻文件等。
下面以「氫氣的性質和用途」網頁製作為例，簡介應用FrontPage製作網頁的基本方法。
在「氫氣的性質和用途」網頁中我們將插入「氫氣球」、「氫能汽車」等圖片。插入「純凈的氫氣安靜燃燒，不純氫氣點燃爆炸」等FISAH動畫，插入「氫氣燃燒」的視頻錄像。
1．建立文件夾
製作網頁前，要收集素材，並將收集的素材放在自建的文件夾中。
這里我們先在E盤建立一個H2文件夾，在H2文件夾中再建立SC文件夾，將收集到的素材放在SC文件夾中（圖1）。
2．收集素材
素材可從購買的光碟上復制，也可從網上搜索下載。
2．1視頻素材的收集
「氫氣的性質」錄像是我們從初中化學VCD光碟上復制的。
方法是，用資源管理器打開VCD光碟文件，在MPEGAV文件夾中找到所需的MUSIC07.DAT文件並復制到SC文件夾中，並改文件後綴名為MUSIC07.mpeg（圖2）
2．2網上圖片的收集
利用搜索引掣可在網上得到所需的圖片資料。
這里應用google.com來搜索圖片。
在瀏覽器地址欄中鍵入google.com，打開頁面後再在搜索欄中分別鍵入關鍵詞「氫氣、氫氣球、氫電池」等。將找到的圖片另存到SC文件夾中（圖3）。
2．3網上動畫素材的收集：
課件類FLASH動畫素材一般要到專題網站去收集。各學科的專題網站很多，例如中小學教育教學網（K12.COM.CN）搜集課件很方便。本網頁中應用到的FLASH動畫有「氫氣的驗純（文件名：geh2.SWF）」、「氫氣還原氧化銅微觀過程（文件名：hecuo.SWF）」等，收集過程是：進入先得化學資源網（http://www.yeschool.net/phd/），在「搜索」窗中鍵入「氫氣」，在搜索到的「匹配記錄中」找到自己想要的素材並下載（圖4）。
此時用滑鼠右鍵單擊「下載」文字，在彈出的菜單中選擇「目標另存為」可將動畫文件下載到本機指定文件夾中。
如果FLASH動畫素材是在瀏覽器網頁中看到的（嵌入在網頁中），選擇另存網頁的方式，不能把FLASH動畫另存下來。這時可打開瀏覽器工具欄的「工具」菜單，找到「Initernet」選項，在「常規標簽」中間部分「Initernet臨時文件」中打開「設置」按鈕，再在彈出的對話框中選擇「查看文件」，即可打開網頁瀏覽器平台自帶的「臨時文件夾（Temporary Internet）」該文件夾產生的文件是按時間順序排列的，最後時間內打開的網頁，其臨時文件在該文件夾的最後部分，所以在該文件夾中的最後部分文件中尋找FLASH動畫特有的圖標 ，逐一打開看，可找到你需要的動畫，再選中該文件復制後，粘貼到素材文件夾中（圖5）並重命名文件名。
3.製作網頁
3.1打開FrontPage程序
滑鼠指向開始菜單,在程序中找到Microsoft FrontPage 程序,單擊即打開FrontPage程序。
3.2創建網頁
滑鼠指向文件，在下拉菜單中單擊新建。在彈出菜單中選中普通網頁，單擊確定。
命名網頁文件名為「氫氣」，存檔，存檔路徑E：\H2\ 。
3．3網頁製作
3．3．1插入表格
我們用PowerPoint製作演示文稿時，可以將文本框或圖片、表格等放在工作區的任意位置，但用FrontPage製作網頁時，就不能將這些對象隨心所欲地放在頁面上了。
為使各對象能在頁面的一定位置上放置，在用FrontPage製作網頁時，常用表格的單元格把頁面劃分成一個個區域，文字或圖片等對象就填充在單元格中。即單元格起到了固定對象位置的作用。
單擊插入表格按鈕，選定行、列數，即可插入表格，有時在大的單元格中，還需插入小的表格，進一步把大單元格的區域分成小的單元格（圖8）。
一般情況下表格的框線不需要在頁面上出現，可單擊滑鼠右鍵，修改表格屬性，將單元格邊距、單元格間距、粗細都設置為零。
在表格的單元格中可寫入文字，調整文字的字體、大小、顏色。也可設置單元格的背景顏色。「氫氣的性質和用途」網頁上插入的表格及文字排列如圖10所示。圖中明、暗相間的區間為初始插入的表格的單元格，各區間中的分割線為在此單元格中再插入的表格的單元格。沒有文字的單元格中將插入圖片或動畫。
3．3．2插入圖片
網頁中可插入後綴名為GIF和JPG等格式的圖片。GIF圖片又分為靜止圖片和動畫圖片。在本網頁中的原子模型、紅色線條、電視機畫面就是GIF動畫圖片（文件名為052.GIF 、0182.GIF、0354.GIF）；網頁中氣球、氫能汽車、氫氣的實驗室製法等圖片都是JPG格式的靜止圖片（文件名為qq.JPG 、HYBRIDFO.JPG 、0356.JPG）。
插入圖片的操作是將游標停在需插入圖片的單元格中，在「文件」欄中選中「插入」，在下拉列表中選中「圖片——來自文件」，再在彈出的對話框中找到圖片所處的文件夾及文件名，再單擊「確定」即可（圖11）。
3．3．3插入FLASH影片或視頻影片
應用「插入」下拉菜單的「高級」選項，可在單元格中插入後綴名為SWF、AVI、MPEG等影片文件。
在本網頁中，我們插入的FLASH影片有「氫氣的驗純」（文件名：geh2.SWF）、氫氣還原氧化銅微觀過程（文件名：hecuo.SWF）。
插入FLASH影片的操作是將游標停在需插入圖片的單元格中，在「文件」欄中選中「插入」，在下拉列表中選中「高級——插件」，再在彈出的「插件屬性」對話框中單擊「數據源」右邊的「瀏覽」，找到需插入的FLASH影片，再單擊「確定」即可（圖12）。
圖12 往文本「氫氣的驗純」下方的單元格中插入FLASH影片（文件名：geh2.SWF）
在單元格的位置插入插件後，生成一個插頭介面的標記 。
從光碟VCD上拷貝的視頻錄像（.AVI、.MPEG），要插入網頁中時，可在「插入」菜單欄中直接選「影片」選項，在彈出對話框中找到有關文件選擇「打開」即可。
AVI、MPEG格式的文件容量一般較大，直接插入到網頁中時，會嚴重影響網頁打開的速度，故一般不適宜在網頁中直接插入，對這類影片可採用超級鏈接的方式進行下載播放。
3．3．4超級鏈接設置
網頁製作的一個重要步驟就是對有關的文本、圖片設置超級鏈接。在本網頁中看不到的網頁、圖片、視頻、網站等可以應用超級鏈接的方式發出指令在瀏覽器窗口中打開。
在本網頁中，圖片超級鏈接有：圖片「氫能汽車」——鏈接到另一更大的「氫能汽車」圖上（文件名：HYBRIDFO1.JPG）、圖片「電視機」——鏈接到「氫氣的性質」錄像片（文件名：MUSIC07.MPEG），圖片「氫氣的實驗室製法」——鏈接到FLASH影片「氫氣的實驗室製法」（文件名：zh2.SWF），圖片「中國新能源網」——鏈接到中國新能源網（網址：http://newenergy.org.cn），兩個放大鏡圖片分別鏈接到「氫氣的驗純」、「氫氣還原氧化銅的微觀過程」的FLASH動畫上（文件名：geh2.SWF、hecuo.SWF）；在本網頁中文本的超級鏈接有：「氫氧混合氣點燃爆炸演示」——鏈接到「氫氧混合氣點燃爆炸演示」（文件名：bc1.SWF），「氫氧混合氣點燃爆炸微觀解釋」——鏈接到「氫氧混合氣點燃爆炸微觀解釋」（文件名：bc2.SWF）。
超級鏈接是非線性超文本結構的網站及網頁的核心。
設置超級鏈接的方法是：先選中圖片或文本，單擊滑鼠右鍵，在彈出的菜單中選中「超級鏈接」，彈出「創建超級鏈接」窗口，再選中URL窗右邊的「製作一個指向您計算機的超級鏈接」按鈕，彈出「選擇文件」對話框，選中需鏈接的文件，或在URL窗口中直接鍵入網址、文件的路徑名，（圖13、圖14）。
圖13 對圖片「氫能汽車」進行超級鏈接設置（指向文件HYBRIDFO1.JPG）
圖14 對圖片「中國新能源網」設置鏈接，鍵入網址：http://www.newenergy.org.cn
這里要注意的是，編輯超級鏈接時，「目標框架」一般不用「默認值」而是選擇「新建窗口」以便網頁的瀏覽（圖15）。
最後還想說一下滾動字幕的製作，選中需要滾動的文字，滑鼠指向「插入」菜單，在上拉列表中選中「組件——字幕」，單擊彈出對話框中的確定按鈕即可。
到此，一個網頁就基本製作完成了。如何知道網頁在瀏覽器中的瀏覽效果呢，在FrontPage窗口的左下方有三個窗口切換標簽： ，普通窗口就是我們的工作區，HTMH窗口可查看網頁源代碼，預覽窗口可隨時查看製作的網頁在瀏覽器中的效果（圖16）。
圖16 「氫氣的性質和用途」網頁在瀏覽器中的圖象
4.將存放網頁及素材的文件夾轉換成WEB文件夾
我們是在H2文件夾中建立的SC文件夾基礎上製作網頁的，這樣的網頁的各種鏈接一般是絕對路徑關系，如果把H2文件夾換一個位置（如復制到D盤），再打開該文件夾中的氫氣.HTM網頁，就可能打開的是一個有一些圖片看不到，單擊一些鏈接無響應的缺損網頁，這樣的網頁是不能放在網站上對外發布。這樣的文件夾叫非WEB文件夾。
如果把存放網頁及素材的自定義文件轉換成WEB文件夾，則文件夾中的網頁與各鏈接文件的關系就會變成相對路徑關系，這樣把該文件夾不管放到什麼目錄下，該網頁在被打開時都不會有缺損，且超級鏈接都能正確響應。
如何將非WEB文件夾「H2」轉換成WEB文件夾呢。操作很簡單。
打開在FrontPage 程序後，單擊「文件——打開站點」出現打開站點對話框，在「查找范圍」窗口中找到E:\H2文件夾，單擊「打開」（圖17），
圖17 以站點形式打開H2文件夾
這時會再彈出一個「向文件夾中添加FrontPage信息」對話框，問：是否向H2文件夾中添加FrontPage信息（圖18）？單擊「是」，會自動生成文件夾列表並打開網頁「氫氣.htm」(圖19)，這時文件夾「H2」就轉換成了WEB文件夾，在該文件夾中自動生成四個文件夾：用來存放圖片和網頁等文件的images和_private文件夾，含有超級鏈接信息的隱藏文件夾_vti_cnf和_vti_pvt。在本網頁制中過程中，我們已經將素材文件放在了SC文件夾中，所以images和_private文件夾可以刪除。但_vti_cnf和_vti_pvt切不可刪除（圖20）。
當H2文件夾轉換成WEB文件夾後，其中的網頁「氫氣.htm」上的超級鏈接關系即轉換成相對路徑關系，該文件夾放在任何目錄下，網頁打開時不會缺損。
5．網頁（網站）發布
有時我們要把已經製成的網頁或網站存放到特定的文件夾之中。成為可對外發布的網頁或網站。例如，我們想把「氫氣.htm」網頁發布到「氫氣」文件夾之中。
「氫氣. htm」，網頁的路徑是E:\H2\氫氣.htm，在H2文件夾中還有SC素材文件夾，我們用到的圖片、動畫、視頻文件都放在這個文件夾中。
先在E盤建立一個文件夾，命名為「氫氣」，這就是我們將要把網頁發布後存放的文件夾。在FrontPage 程序中打開網頁氫氣. htm，滑鼠指向文件，在下拉菜單中選中「發布站點」，彈出「發布站點」對話框，單擊「指定站點位置」窗口右邊的瀏覽按鈕，找到e:\氫氣，選中後，用滑鼠單擊「打開」，再單擊「發布」按鈕，出現確認對話框，單擊「是」，「H2」文件夾中的有關文件就會導入到「氫氣」文件夾中，「發布完成（圖21、圖22、圖23）。
注意有些網站的伺服器不支持中文路徑，建立文件夾及網頁文件時最好用英文名稱或數字名稱。
圖23 成功發布站點
我們在光碟H2文件夾中放了兩個網頁，一個是「氫氣的性質和用途」（文件名：氫氣.htm），另一個是「氫氣的性質和用途」的表格文件（文件名：氫氣網頁表格.htm），在第二個文件中有部分圖片及鏈接，是不完整的網頁。讀者不妨試一試：在FrontPage 程序中打開第二個文件，照著我們前面網頁製作的方法介紹，把它製作成與第一個文件畫面，鏈接關系一樣的htm文件，並發布。
二． 製作網頁的注意事項
應用於課堂教學或專題學習網站的網頁與平時在網上瀏覽的公司網頁相比，有較大的區別。
頁面設計上，構圖要力求簡明，圖形、標題、文字標注三者並重，不能像公司網站的主頁，看得人眼花繚亂。
動畫要適當，不要一打開網頁到處都在動，讓人不知看什麼地方是好。
主題要鮮明，一個網頁一個主題。
文字不宜多。一個頁面不要超過300字，字要大一些。
F. 網頁素材圖片製作-----photoshop
圖片選好，用PS裡面有個切片工具按你網站要的設計的風格切起來就是了。
G. 簡單網頁製作
一、FrontPage 2003簡介
FrontPage 2003是由Microsoft公司推出的Office 2003組件之一。FrontPage 2003的啟動與退出、文件的打開與保存與Office系列中其他軟體相同。FrontPage 2003啟動後，主窗口如圖6-61所示，菜單部分外貌與Office中的其他軟體相似。
與以往的版本相比，FrontPage 2003有以下幾個新功能：
（1）自定義瀏覽器解析度預覽檢查；
（2）描摹圖像；
（3）層功能；
（4）插入互動式按鈕；
（5）行為的應用；
（6）使用網頁重定向；
圖6-61 FrontPage 2003啟動界面
圖6-62「新建」任務窗格
（7）檢查網頁錯誤；
（8）優化HTML代碼；
（9）規劃頁面布局。
二、製作簡單網頁
我們在前面已經學會了用Word進行排版，其實你已經會製作一個簡單網頁了，只需將原來排好的Word文檔，另存時選擇保存類型為「Web頁（*.htm；*.html）」就可保存為一個網頁文件。
下面我們用FrontPage 2003製作一個簡單網頁。步驟如下：
1.啟動FrontPage 2003
選擇「開始」/「所有程序」/「Microsoft Office」/「FrontPage 2003」命令，打開如圖6-61所示的界面。
圖6-63 新的空白的網頁
圖6-64「網頁模板」對話框
2.建立新網頁
選擇「文件」/「新建…」菜單命令，打開「新建」任務窗格，如圖6-62所示。單擊「空白網頁」，也可以通過工具欄上的「新建」按鈕建立一個新的空白的網頁。如圖6-63所示。
如果要根據 Microsoft FrontPage 的模板創建網頁，單擊「其他網頁模板」，打開如圖6-64所示的「網頁模板」對話框，再單擊所需模板類型的選項卡，然後單擊某個模板。
3.輸入如下內容
圖6-65
4.編輯操作
網頁中的文本編輯操作與Word的編輯操作類似。
本例中，將「我的第一個網頁」應用「標題一」樣式，並設為隸書，水平居中；將「你好！歡迎光臨」應用「標題二」樣式，將其餘內容應用「普通」樣式，並將行距設為「1.5倍行距」，設置完成後效果如圖6-65所示。
5.保存網頁文件
選擇「文件」/「保存」命令，彈出「另存為」對話框，指定保存位置和文件名，然後單擊「保存」按鈕即可完成操作。
三、製作多媒體個人主頁
我們以製作一個簡易的個人網站為例，進一步學習使用FrontPage 2003。
1.規劃
網站規劃包括規劃網站的風格、網站的結構和網站的配色等，是對網站的整體定位。本例設置了6個欄目，包括首頁、自薦信、個人簡歷、榮譽證書、才藝展示、聯系方式，鏈接的文件名分別為index.htm、zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。當然也可以結合自己情況進行修改。頁面布局如圖6-66所示。
2.建立網站
在FrontPage 2003中，所謂網站，就是一些網頁和程序的集合，各個網頁之間通過超鏈接聯系在一起，所有的網頁和文件保存在一個文件夾中，通過網站把這些文件和網頁統一起來。本地網站是指本地硬碟上用來存放整個網站的所有文檔的文件夾。遠程網站是指網路伺服器上的網站，供用戶瀏覽。
建立一個新網站，事實上就是建立一個單獨的文件夾，然後在這個文件夾中建立各個網頁文件，並且把它們鏈接在一起。
網頁製作可以在新建網站中完成，也可以像前面那樣單獨新建一個網頁。建議用新建網站的方法來製作網頁。
下面我們首先創建新的FrontPage網站：
（1）在「文件」菜單上，單擊「新建」，出現如圖 6-66 所示的「新建」任務窗格。
圖6-66
（2）在「新建」任務窗格中，單擊「由一個網頁組成的網站」。
（3）在「網站模板」對話框中，在「常規」選項卡下，單擊需要的網站模板，本例選擇「只有一個網頁的網站」，並在指定新網的位置欄中，鍵入或選擇新網的路徑及名稱，這里我們將默認的mysite改為myhome，如圖6-67所示，然後單擊「確定」按鈕，出現創建新網站對話框，完成站點創建，完成後如圖6-68所示。左邊一列是文件夾列表，可以通過右鍵快捷菜單新建文件夾，對文件或文件夾進行復制、刪除、重命名等操作。
圖6-67「網站模板」對話框
圖6-68
3.准備素材
將本例所需的圖片動畫素材復制到網站內的images文件夾下。
4.製作主頁頁眉
在「網頁」視圖中的文檔窗口底部，單擊「設計」
在文件夾列表中雙擊index.htm，打開該網頁並進入編輯狀態，開始首頁製作。
（1）設置網頁大小 在「視圖」菜單上，指向「網頁大小」，單擊
（2）設置網頁背景在「網頁」視圖中的文檔窗口底部，單擊「設計」
（3）插入一個一行兩列的表格 方法與在Word中插入表格相同。
在顯示設計視圖模式下，通過常用工具欄的「插入表格」按鈕，或在「插入」菜單上，指向「插入」，在級聯菜單中單擊「表格」；右擊插入的表格，在彈出菜單中單擊「表格屬性」，並將單元格襯距、單元格間距和粗細欄均設為0，如圖6-70所示，單擊「確定」按鈕。
圖6-69 網頁屬性
圖6-70 表格屬性
（4）在第一個單元格內插入圖片 將插入點放在第一個單元格，在「插入」菜單上，指向「圖片」，再單擊「來自文件」。找到要添加的文件（網站下images文件夾下的logo.gif），如圖6-71所示，然後單擊「插入」。
更簡單的方法是從文件夾列表拖動圖片文件到編輯區指定的位置即可。
（5）在第二個單元格內插入Flash動畫 單擊第二個單元格，在「插入」菜單上，指向「圖片」，再單擊「Flash影片」。彈出與圖6-71相似的「選擇文件」對話框，找到要添加的文件（網站下images文件夾下的banner_007.swf），然後單擊「插入」。
（6）在第一個表格下插入一個1行1列的表格 同樣將單元格襯距、單元格間距和粗細欄均設為0，設置好背景顏色，本例是選的其他顏色，如圖6-72所示，在「值」文本框中輸入Hex={C1，E8，C9}。
（7）製作滾動字幕 在第二個表格的單元格內單擊，在「插入」菜單上，單擊「Web組件」，彈出插入Web組件對話框，默認選中的是字幕，因此單擊「完成」按鈕，彈出字幕屬性對話框，在「文本」框內輸入：衷心感謝您垂閱我的簡歷，單擊「確定」按鈕。如圖6-73所示。
圖6-71 插入圖片對話框
圖6-72「其他顏色」對話框
5.製作正文和頁腳
（1）在第二個表格下插入一個1行2列的表格，同樣將單元格襯距、單元格間距設為0，但粗細設為1，暗邊框設為白色，亮邊框則設為其他顏色，在如圖6-72所示的「值」文本框中輸入Hex={99，CC，FF}。
（2）設置單元格背色。右擊此表格的第一個單元格，在彈出菜單中單擊「單元格屬性」，彈出如圖6-74所示的對話框，背景設為其他顏色，在如圖6-72所示的「值」文本框中輸入Hex={F1，F5，FC}。同樣方法將第二個單元格設為白色。
圖6-73 字幕屬性對話框
圖6-74 單元格屬性
（3）調整單元格寬度，使之與第一個表格相同。
（4）在第一個單元格內插入一個8行1列的表格，並將單元格襯距、單元格間距和粗細欄均設為0。在單元格屬性中將單元格對齊屬性設為水平居中，垂直居中，行高調整為40。
在剛插入的表格第二行內插入圖片homepage.gif，並在其後輸入「首 頁」；在第三行內插入圖片sub_dot.gif，並在其後輸入「自 薦信」，後面四行插入的圖片均為sub_dot.gif，輸入的文字依次為「個人簡歷」、「榮譽證書」、「才藝展示」、「聯系方式」。
（5）在表格三的第二個單元格內插入一個3行3列的表格，並將單元格襯距、單元格間距和粗細欄均設為0。將中間一列調寬一些。
在該表格第一行第二列中輸入「自薦信」，在第二行第二列輸入自薦信的內容。設為1.5倍行距。
（6）在表格三後面插入一個2行1列的表格，並將單元格襯距、單元格間距和粗細欄均設為0；並且第一個單元格背景色設為與表格二背景色相同，在第二個單元格內輸入「聯系電話：023-683568XX E-mail：xiaohui＠163.com」並設為居中。
6.鏈接網站文件
選中要建立超鏈接的文字或圖像，單擊常用工具欄中的「插入超鏈接」按鈕或在「插入」菜單上單擊「超鏈接」，或者是右擊選中區域並單擊「超鏈接」，均可打開「插入超鏈接」對話框。如圖6-75所示。
圖6-75「插入超鏈接」對話框
（1）選中「首頁」，單擊常用工具欄中的
（2）用同樣的方法將「自薦信」鏈接到zijian.htm、「個人簡歷」鏈接到jianli.htm、「榮譽證書」鏈接到zhengshu.htm、「才藝展示」鏈接到zhanshi.htm、「聯系方式」鏈接到lianxi.htm。
7.保存文件，按F12鍵預覽網頁
四、製作本網站內其他頁面
首先在文件夾列表中將 index.htm 復制 5個，分別重命名為 zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。只需將每個文件中自薦信部分修改為相應內容即可，頁眉、超鏈接欄和頁腳均不變。
五、網站發布
當我們完成上述內容後，需將製作的網頁發布到Internet上的Web伺服器中，才能供網上的訪問者瀏覽。首先要到Internet服務提供商（ISP）那裡申請購買存放網頁的空間和域名，以前有很多網站（如網易等）都提供免費的個人主頁存放空間，現在相對較少了，中國學生網仍在提供50M免費空間服務，大家可到http://web.6to23.com/去申請一個免費空間。
發布網站可以使用專門的FTP工具。但為了給用戶提供方便，FrontPage 2003內置了網頁發布功能，利用它，只需進行簡單的設置，就可以輕松地完成網站發布任務。FrontPage 2003中的遠程網站視圖可以幫助我們將整個網站或單獨的文件和文件夾發布到任何位置：擴展的 Web 伺服器、支持文件傳輸協議（FTP）或基於 Web 的分布式創作和版本控制（WebDAV）的Web伺服器或文件系統中的某個位置。
下面我們利用FrontPage 2003及文件傳輸協議（FTP）發布網站，步驟如下：
1.打開FrontPage網站
在「文件」菜單中單擊「打開網站」或單擊工具欄上的「打開」按鈕邊上的下拉標志，從下拉菜單中選「打開網站」，在彈出的「打開網站」對話框中找到需要打開的網站並單擊「打開」按鈕。
2.轉至「遠程網站」視圖
若要轉至該視圖，請單擊「網站」選項卡，然後單擊窗口底部的「遠程網站」按鈕。或在「視圖」菜單上，單擊「遠程網站」。如圖6-76所示。
3.設置「遠程網站屬性」
在文檔窗口頂部，單擊「遠程網站屬性」。在彈出的對話框中，在「遠程網站」選項卡上，在「遠程 Web伺服器類型」下，單擊「FTP」。在「遠程網站位置」框中，鍵入自己所選定的遠程網站的地址及 FTP 協議（本例中輸入「ftp://125.91.6.75」），如圖6-77所示。單擊「確定」按鈕，在打開的「要求提供用戶名和密碼」對話框中輸入ISP提供的用戶名和密碼，單擊「確定」按鈕。如圖6-78所示。
圖6-76
圖6-77
4.發布網站
通過單擊窗口右下角的「發布網站」按鈕即可發布所有文件。也可發布單個文件，在本地網站選擇一個文件，然後單擊「本地到遠程」按鈕
圖6-78
圖6-79