microsoft frontpage 2003是微軟公司出品的一款網(wǎng)頁(yè)制作入門級(jí)軟件，frontpage 2003 免費(fèi)版使用方便簡(jiǎn)單，會(huì)用Word 就能做網(wǎng)頁(yè)，相對(duì)Dreamweaver等軟件更容易上手，由于良好的易用性，被認(rèn)為是優(yōu)秀的網(wǎng)頁(yè)初學(xué)者的工具。

【軟件介紹】

Frontpage是由微軟公司出品的一款網(wǎng)頁(yè)制作入門級(jí)軟件。早在dw誕生前，F(xiàn)rontpage無(wú)疑是網(wǎng)頁(yè)設(shè)計(jì)類軟件的霸主，憑借其使用方便簡(jiǎn)單，會(huì)用Word就能做網(wǎng)頁(yè)的特性，結(jié)合了設(shè)計(jì)、程式碼、預(yù)覽三種模式，所見即所得，相對(duì)Dreamweaver等軟件更容易上手。

【軟件特點(diǎn)】

1、所見即所得，結(jié)合了設(shè)計(jì)、程式碼、預(yù)覽三種模式于一體，也可一起顯示程式碼和設(shè)計(jì)檢視 與Microsoft Office各軟件無(wú)縫連接 良好的表格控制能力 繼承了Microsoft Office產(chǎn)品系列的良好的易用性。
2、以前，想在網(wǎng)頁(yè)中使用數(shù)據(jù)庫(kù)，常常需要通過(guò)麻煩的數(shù)據(jù)庫(kù)連接設(shè)置，而設(shè)置時(shí)又會(huì)接觸到繁瑣的ASP、CGI什么的。使用FrontPage 2003來(lái)連接數(shù)據(jù)庫(kù)就輕松多了，因?yàn)镕rontPage 2003在數(shù)據(jù)庫(kù)接口功方面做了很大改進(jìn)，特別是它提供的數(shù)據(jù)庫(kù)接口向?qū)Чδ芸梢蕴嬗脩舢a(chǎn)生在線數(shù)據(jù)庫(kù)所需要的一切功能，包含數(shù)據(jù)庫(kù)的建立、窗體以及所需的各種頁(yè)面。
3、此外，F(xiàn)rontPage 2003還允許設(shè)定數(shù)據(jù)庫(kù)的交互功能，利用該功能，用戶可以設(shè)置讓指定的訪問(wèn)者通過(guò)瀏覽器來(lái)編輯數(shù)據(jù)庫(kù)中的記錄，或者在數(shù)據(jù)庫(kù)中新增記錄，查看已有的資料等。

【軟件功能】

1、表單任務(wù)
動(dòng)態(tài)交互網(wǎng)頁(yè)是人們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)時(shí)的一種追求，這個(gè)功能的實(shí)現(xiàn)需要設(shè)計(jì)者利用腳本編輯語(yǔ)言來(lái)執(zhí)行表單提交和應(yīng)答功能。但是，利用語(yǔ)言來(lái)開發(fā)程序?qū)ξ覀兤胀ㄔO(shè)計(jì)者來(lái)說(shuō)要求可能是太高了一點(diǎn)。不過(guò)不用怕，經(jīng)過(guò)實(shí)踐，筆者發(fā)現(xiàn)FrontPage 2003可以完成一些最簡(jiǎn)單的提交和處理表單計(jì)算結(jié)果的設(shè)置，例如通過(guò)電子郵件就可以輕松來(lái)完成。

2、圖像定位
以前設(shè)計(jì)網(wǎng)頁(yè)時(shí)，即使使用表格，要想把圖像精確地顯示在某一個(gè)位置也是一件不容易的事情。但在FrontPage 2003中，大家可以使用絕對(duì)定位法來(lái)輕松實(shí)現(xiàn)圖像的精確定位操作：首先用鼠標(biāo)選中需要定位的圖像，然后在菜單欄中單擊“格式”菜單項(xiàng)，并從彈出的下拉菜單中選擇“定位”命令，在隨后彈出的設(shè)置對(duì)話框中選擇“定位樣式”下的“絕對(duì)”，這樣我們就可以在“位置與大小”設(shè)置欄處任意設(shè)置自己的圖像大小和位置了。更簡(jiǎn)捷的方法，是在“定位樣式”下選中“絕對(duì)”后，用鼠標(biāo)任意拖動(dòng)圖像到指定的位置處就可以了。

3、網(wǎng)頁(yè)樣式
許多主頁(yè)都采用了一種簡(jiǎn)潔的文本超鏈接形式，而當(dāng)鼠標(biāo)點(diǎn)上這些鏈接的時(shí)候，這些文字鏈接的字體、大小發(fā)生一些動(dòng)態(tài)變化，這小小的變化會(huì)使整個(gè)頁(yè)面看起來(lái)動(dòng)感奇佳。FrontPage 2003可以讓您用風(fēng)格表(style sheet)輕松地實(shí)現(xiàn)這個(gè)功能。

4、框線菜單
以前，如果要給指定的圖像或文字周圍加上框線，通常的做法是利用表格來(lái)間接實(shí)現(xiàn)。但這種方法的缺點(diǎn)是很不靈活，而且很難做到所見即所得。針對(duì)這種缺陷，F(xiàn)rontPage 2003為用戶提供了一種框線下拉選單工具，利用這個(gè)功能，用戶在給指定圖像或者文字進(jìn)行加框操作時(shí)，會(huì)變得就像在Word或者Excel里面那樣容易，而且還能快速地把各種不同樣式的框線套用到文字或者圖片上。在具體使用該項(xiàng)功能時(shí)，先在FrontPage 2003編輯界面中選中指定的對(duì)象，然后用鼠標(biāo)直接在“格式”工具欄上選擇“框線”圖標(biāo)，并在隨后彈出的界面中選擇一種自己需要的框線格式就可以了。

【使用教程】

建立站點(diǎn)
1.網(wǎng)站設(shè)計(jì)
首先，我們選擇一個(gè)合適的主題。例如福建的神奇山區(qū)民居——土樓。建造它的椒漢族客家人。我們可以通過(guò)一個(gè)展示客家精神的網(wǎng)站“客家魂”帶大家一起走進(jìn)客家。
然后，規(guī)劃網(wǎng)頁(yè)內(nèi)容及網(wǎng)站結(jié)構(gòu)層次。例如，在“客家魂”首頁(yè)下，設(shè)立五個(gè)相對(duì)獨(dú)立的二級(jí)網(wǎng)頁(yè)，分別提煉標(biāo)題，在每一個(gè)二級(jí)網(wǎng)頁(yè)下，再進(jìn)一步展開具體的介紹。
再次，思考各級(jí)網(wǎng)頁(yè)的布局。如網(wǎng)頁(yè)是常用的“同”字型，拐角型，左右框架型，還是個(gè)性的封面型，F(xiàn)lash型等。具體的布局元素如logo圖標(biāo)、導(dǎo)航、內(nèi)容等放置在哪。
最后，選擇可能要用的制作技術(shù)。比如進(jìn)行網(wǎng)頁(yè)布局時(shí)是使用框架還是表格等。
2.打開軟件
啟動(dòng)FrontPage 2003，打開FrontPage窗口，如圖。

標(biāo)記欄：當(dāng)我們選擇了網(wǎng)頁(yè)中的某個(gè)對(duì)象時(shí)，該欄會(huì)自動(dòng)顯示這個(gè)對(duì)象相關(guān)的HTML標(biāo)記。
任務(wù)窗格：將多種命令集成在這個(gè)統(tǒng)一的窗格中，方便操作。

3.打開模板列表
單擊菜單欄中的“文件”——“新建”——“新建網(wǎng)站”——其他網(wǎng)站模板"命令,打開“網(wǎng)站模板”對(duì)話框，如圖。



4.選擇模板
在“網(wǎng)站模板”對(duì)話框的“常規(guī)”選項(xiàng)卡中，選擇“只有一個(gè)網(wǎng)頁(yè)的網(wǎng)站”，并在“指定新網(wǎng)站的位置”下方的文本框輸入站點(diǎn)文件夾的路徑，如：“E：\kejiahun”。

5.保存模板
單擊“確定”按鈕

新建網(wǎng)頁(yè)文件
首頁(yè)以外的網(wǎng)頁(yè)可以通過(guò)新建網(wǎng)頁(yè)命令來(lái)添加。
（1）建立空白網(wǎng)頁(yè)
單擊菜單欄中的“文件”——“新建”——“新建網(wǎng)頁(yè)”——“空白網(wǎng)頁(yè)”命令，將出現(xiàn)一個(gè)新的空白網(wǎng)頁(yè)，其名稱為“new-page-1.htm”

（2）輸入文本
在新建空白網(wǎng)頁(yè)中輸入網(wǎng)頁(yè)所需的文本，文本可以直接輸入，也可以將其他文件中的文本復(fù)制過(guò)來(lái)。這里我們來(lái)輸入“耕讀傳家”文章。

（3）編輯文本
FrontPage中字體及段落的設(shè)置方法與Word類似，可以利用“格式”菜單下的“字體及段落”等命令打開相應(yīng)的對(duì)話框進(jìn)行設(shè)置?！岸温洹睂?duì)話框中的首行縮進(jìn)，其單位“pt”與Word中的“字符”不同，要根據(jù)文本字號(hào)大小來(lái)確定磅值的大小。比如，正文文本字號(hào)用14磅，首行縮進(jìn)兩個(gè)字符，那磅值就要設(shè)置成“28pt",如圖。

（4）查看文本網(wǎng)頁(yè)
在網(wǎng)頁(yè)視圖的視圖欄上分別選擇“設(shè)計(jì)””拆分““代碼”和“預(yù)覽”，觀察編輯區(qū)中顯示的內(nèi)容。

設(shè)置網(wǎng)頁(yè)標(biāo)題
網(wǎng)頁(yè)標(biāo)題就是顯示在瀏覽器窗口標(biāo)題欄中的文字，通常是網(wǎng)頁(yè)內(nèi)容的提示。
（1）單擊菜單欄中的“文件”——“屬性”命令，打開”網(wǎng)頁(yè)屬性“對(duì)話框，如圖。

（2）在“網(wǎng)頁(yè)屬性”對(duì)話框的“常規(guī)”選項(xiàng)卡的“標(biāo)題”文本框中輸入網(wǎng)頁(yè)標(biāo)題，如圖。

（3）單擊“確定”按鈕。

保存網(wǎng)頁(yè)文件
單擊菜單欄中的“文件”——“保存”命令，打開“另存為”對(duì)話框。

（2）在”另存為“對(duì)話框”的“保存位置”下拉列表框中，指定網(wǎng)頁(yè)文件保存位置。

（3）單擊“保存”按鈕。

【使用技巧】

如何利用FrontPage2003新建一個(gè)網(wǎng)站？
1.先新建一個(gè)文件夾，命名為你想做的網(wǎng)站名稱。

2.雙擊打開FrontPage2003，沒有的話可以下載安裝一個(gè)。

3.打開后，點(diǎn)擊“文件--新建”命令，在頁(yè)面右側(cè)就會(huì)出現(xiàn)對(duì)話框。

4.在右側(cè)的對(duì)話框中選擇“由一個(gè)網(wǎng)頁(yè)組成的網(wǎng)站”，則會(huì)彈出選擇網(wǎng)站模式對(duì)話框。

5.在網(wǎng)站模式對(duì)話框中，選擇“只有一個(gè)網(wǎng)頁(yè)的網(wǎng)站”，在右側(cè)的地址選項(xiàng)中選擇第一步創(chuàng)建的文件夾作為網(wǎng)站的地址。最后確定。

6.此時(shí)網(wǎng)站生成成功，打開文件夾，就可以看到所有的生成文件，點(diǎn)擊主面就可以打開網(wǎng)站。


如何用frontpage制作簡(jiǎn)單的網(wǎng)頁(yè)？
1.對(duì)于有些朋友來(lái)說(shuō),可能自己有OFFICE辦公軟件不全,并沒有配套Frontpage,那么小編提供一個(gè)Frontpage獨(dú)立包,下載安裝即可使用.請(qǐng)看下方參考處分享鏈接http://pan.baidu.com/s/1pJ4Wl2j(安裝過(guò)呈中如果出現(xiàn)錯(cuò)誤,請(qǐng)選擇"忽略"提示即可)

2.然后,我們打開Frontpage軟件,些軟件打開如同其它辦公軟件雷同,我們選擇文件菜單欄下的下新建或者是又邊的新建空白文本檔都行

3.如果我們要插入一個(gè)表格,可以選擇菜單欄上的表格>插入>表格,之后就是打開一個(gè)表格的屬性,設(shè)置表格樣式.

4.如果對(duì)表格進(jìn)行屬性設(shè)置,可以雙擊表格,或者選中表格,然后右鍵,選擇單元格屬性即可打開屬性窗口.(Dreamwaever此處就方便一些,在下方有屬性可直接設(shè)置)

5.如果想通過(guò)布局來(lái)規(guī)劃網(wǎng)站的話,可以選擇"表格">布局表格或者單元格,

6.然后在右邊導(dǎo)航欄處選擇"插入布局表格,或者單元格都行,再又將左邊的編輯模式設(shè)置成"設(shè)計(jì)"然后編輯頁(yè)面會(huì)出現(xiàn)一個(gè)框,對(duì)著框一直拉大拉小即可

7.接著就是設(shè)置表頭,表中,底部等一列表,都是插入表格或者添加圖片文字類即可.排序同文本排序一樣設(shè)置.

8.簡(jiǎn)單制作完成后,如下圖,選擇預(yù)覽模式即可看到.


9.PS:制作網(wǎng)頁(yè)還是需要制作人對(duì)基礎(chǔ)代碼有一定的了解才行,自己了解了才能看得懂,才能分析,建議多看一些基本書本.另外2007版以后的OFFICE不含frontpage已被下圖軟件所替代了.


如何在圖片上創(chuàng)建多個(gè)鏈接？
插入圖片：
1.打開Frontpage軟件，單擊菜單欄中的“插入”——圖片——來(lái)自文件。

2.打開圖片對(duì)話框，選擇好準(zhǔn)備好的圖片，單擊“插入”按鈕。

3.現(xiàn)在我們可以看到一張圖片已經(jīng)插入了，單擊圖片，在圖片上出現(xiàn)幾個(gè)手柄，拖動(dòng)手柄調(diào)節(jié)好大小。

創(chuàng)建熱點(diǎn)：
1.單擊菜單欄“視圖”——工具欄——圖片，打開圖片工具條。

2.在“圖片工具條”選擇矩形熱點(diǎn)，單擊處于激活狀態(tài)，并在需要?jiǎng)?chuàng)建鏈接的部位畫出熱點(diǎn)，如圖所示。（如果需要還可以選擇其它熱點(diǎn)形狀）

創(chuàng)建鏈接：
1.現(xiàn)在雙擊選擇好的熱點(diǎn)矩形，打開“插入超鏈接”對(duì)話框，選擇好鏈接的網(wǎng)頁(yè)，單擊確定。

2.現(xiàn)在轉(zhuǎn)換到代碼編輯狀態(tài)，就可以看到網(wǎng)址已經(jīng)鏈接好了。

【常見問(wèn)題】

我用FRONTPAGE制作的網(wǎng)頁(yè)在不同的瀏覽器內(nèi)會(huì)自動(dòng)調(diào)整大小，而我想讓它保持同樣的效果，請(qǐng)問(wèn)怎樣解決這一問(wèn)題？
答：在表格、圖片寬度控制時(shí)盡量不使用百分比 另外，不同瀏覽器中顯示不同效果可能是 網(wǎng)頁(yè)兼容性問(wèn)題。

制作的自己的主頁(yè)，上傳后，有的圖片不顯示是怎么回事？
答：可能原因有三個(gè)方面：一是圖片的路徑必須是相對(duì)路徑(對(duì)于初學(xué)網(wǎng)面制作的人可能沒注意到這個(gè)問(wèn)題)；二是圖片的名稱不能是漢名(在本機(jī)瀏覽時(shí)尚可，但一旦上傳后就不成了，因?yàn)槎鄶?shù)服務(wù)器不支持漢名)；三是如果前兩個(gè)方面都不存在，你還得注意一點(diǎn)就是看看你的文件名中是否用了大寫字母？因?yàn)楹枚喾?wù)器的數(shù)據(jù)庫(kù)只認(rèn)小寫字母。