網頁制作是什么？

網頁制作就是根據網頁效果圖，把它實現成瀏覽器中可以瀏覽的網頁。我們已經使用過或者聽別人介紹過很多的網頁制作工具。FrontPage，Dreamweaver，GoLive等等這些都是我們平常所知道的網頁設計軟件，而FrontPage毫無疑問是一個簡單易用，功能強大的網頁制作工具。如今FrontPage推出了新的版本，他依舊是和Office 一起推出的，不過不同于以往的是，新版本Office系列軟件不再是以年份來命名了，使用了新的命名方式，MicroSoft公司將其冠名為Office XP，XP是單詞Experience（“體驗”）的縮寫。所以我們下面介紹的就是FrontPage XP。毫無疑問，我們下面的網頁制作過程將是一個不同于以往的全新的體驗過程。

• 啟動FrontPage XP，如果是第一次啟動FrontPage XP時，會發現新版的FrontPage在用戶界面上做了一些改動，在右邊有一個幾乎占據屏幕五分之一空間的任務窗（圖一），集中了一些主要的命令，而這些任務命令會隨著你操作的不同而改變。實際上，Office XP的每一個應用程序，從Outlook到Publisher，都有任務欄。

  　

• 我們選擇空白站點，因為我們需要建立的是一個站點，而不僅僅是一個頁面，當然，我們在網站建立的過程中需要添加頁面的時候，當然是選擇建立一個空白頁面了。然后彈出Web站點模版窗口，實際上又很多模版可供選擇，如：個人站點，公司展示站點，客戶支持站點等等，這些模板都是很不錯的選擇。為了簡單起見，我們選擇個人站點，圖二就是用個人站點模版建立的站點的頁面。

  　

• 我們先切換到超鏈接視圖狀態看看FrontPage XP是如何設計整個站點的吧。

  　

　

• 先新建一個頁面吧，還是從一個空白的頁面開始。

  　

• 首先是對頁面屬性的設置，在網頁上右鍵單擊，選擇網頁屬性，當然你也可以通過選擇主菜單中的文件->屬性，然后在彈出的對話框中就可以設置頁面屬性了，如圖四。

  　

• 文本在網站上的應用是最廣泛的，一個內容充實的網站必然會用到大量的文本，而怎樣編輯好這些文本成了擺在我們面前的第一問題。在以往的HTML編寫中，經常要考慮文本前后的HTML標簽，這實在是一種麻煩的事。不過在FrontPage XP中，這變成了一種簡單的事情了。我們在頁面中簡單的添加幾個字符，然后就可以通過工具欄中改變字符的屬性等等，一切就像在Word中操作一樣。

  　

• 如果覺得這樣的設置不夠規范，或者太煩了，自己懶的動手，FrontPage XP也為你提供了一種方便的方法――設置主題，在FrontPage XP中，用戶可以使用的主題數有67個。每一個主題都有不同的外觀和風格，包括按鈕、背景、字體等。用戶不僅可以在一個網頁中采用一種主題，而且可以在整個網站中采用一種主題。而且，現在的FrontPage XP，擁有更多的可操作性，你可以隨心所欲的修改這些主題風格。

  　

• 當然，對于字符，我們也可以給他設置超級鏈接，選中字符以后點擊右鍵，選擇超鏈接，然后在超鏈接設置對話框中你可以發祥FrontPage XP的超鏈接設置比任何一個版本的FrontPage都要強，甚至于比Dreamweaver等工具強多了。

  　

不僅可以設置當前文件夾，瀏覽過的頁面以及近期使用的文件，而且可以是文檔中的書簽，新建文檔，電子郵件地址，當然可以是直接的頁面地址。我們在這里設置成Http://www.microsoft.com/china。

• 對于頁面上的任何內容，我們可以加上動態HTML效果，選中打算加上效果的字符，圖片等等，然后在主菜單中選擇格式->動態HTML效果，然后就可以設置具體的DHTML效果了，格式是在（選擇一種事件）應用（選擇一種效果）（選擇設置）。

  　

對于網頁的過渡，在主菜單的格式->網頁過渡中也可以設置。不要小看了這個小小的動態HTML效果和網頁過渡，如果運用恰當的話，他可以為你的網頁增色不少。

• 在網頁設計上，圖形并不只單純地表達一項信息或意義，還可以表現一個網站的風格、加強網站的特色。FrontPage XP提供了很多繪畫工具，習慣使用Word和PowerPoint用戶一定不會對這些繪圖工具感到陌生。用戶還可以利用Office 剪貼板把其它Office應用程序中制作的圖片粘貼到FrontPage XP中。FrontPage XP中雖然不能直接制作現在網絡上流行使用的GIF、JPEG等格式的文件，但是可以間接的插入其他軟件制作好的文件。在主菜單里選擇

  　

上面我們介紹的是FrontPage XP中網頁基本元素――文字，鏈接，圖像文件的制作，從下面開始，我們介紹是FrontPage XP中的一些高級技術。雖然稱為高級技術，不過他們在FrontPage XP中仍然是很容易就可以實現的。

• 我們先在頁面的最上方添加一個網頁橫幅，也就是在主菜單里選擇插入->網頁橫幅，然后選擇圖片。然后我們在頁面上可以看到這樣一串字符“[將此網頁添加到“導航”視圖中，以便在此處顯示網頁橫幅]”，我們切換到導航視圖，我們把頁面從左邊文件夾列表拖到右邊的導航中，你可以看到有一條虛線出來了，這個表示的就是導航的位置。

  　

• FrontPage XP中能插入的表單有所改善，能插入的類型如圖十一所示，其中一些在其他網頁制作工具里很難達到的效果都可以通過很簡單的操作完成，如文件上載，試想想看，如果在Dreamweaver里面做這個效果，你會如何辦了？在FrontPage XP里，當然簡單了，你只需要點擊一個按鈕，然后剩下的一切操作都交給FrontPage XP了。

  　

圖十一的左下角顯示的就是插入的文件上載的表單的顯示，在選中這個表單以后通過表單屬性就可以設置這個表單提交的內容是提交到一個文件，一個Email地址，或者直接放到數據庫中，或者是提交給一個ASP等腳本文件，還可以通過選項來設置參數。

• 表格在網頁設計中的意義遠非一般概念中的表格應用的理解，它最大的用處在于控制頁面元素，使網頁排版更加次序井然。除了動態HTML的層外，表格是唯一能將頁面元素按設計者要求顯示的工具。而FrontPage XP中的表格操作已經簡單到了如同在Word中操作一樣。如果你熟悉Word中表格的操作，那么FrontPage XP中的表格操作就很簡單，如果不熟悉，那也沒關系，因為它的確太簡單了。關于表格的所有設置都在主菜單的表格設置中。如圖十二所示。

  　

眾所周知，FrontPage的每一個新版本都會推出新的或者增強功能的WEB組件，在FrontPage XP中也不例外，FrontPage XP的WEB組件是無可比擬，前所未聞的，通過這些功能強大的WEB組件，用戶可以快速地在網頁中加入高級技術。其中新增的部件包括圖片庫、鏈接條、保存到數據庫、自動網頁內容等。利用FrontPage XP的這些高級技術，用戶不必進行復雜的編程就可以達到專業的效果，節省了很多時間。除了上面這些新增的組件外，FrontPage XP還增加了一些新的工具，如：自動網頁內容、活動討論板、動態在線調查表、訪問分析、Top 10列表、增強報告功能等等。正是這些工具，使網站管理員的繁重工作變得輕松起來了。其中圖片庫的功能簡單易用而又功能強大，下面我們看看圖片庫是如何使用的。

• 在主菜單中選擇插入->WEB組件->圖片庫，然后選擇幻燈片版式。FrontPage XP中為我們提供了四種圖片庫版式，分別是：水平編排、蒙太奇編排、幻燈片式編排和豎直編排。這四種方式都是由FrontPage XP來創建縮略圖的，不需要我們手工操作的。然后在圖片庫屬性中，首先添加我們打算在這個頁面中顯示的圖像，對于這些圖像，我們可以事先定義他們在整個圖象庫中顯示的順序，就是通過上移、下移來達到。而且，對于每一副圖片，我們都可以加上標題，而且我們可以定義這個標題顯示的方式。

  　

  　

• 在主菜單的文件里面選擇用瀏覽器預覽，然后選擇使用的瀏覽器和分辨率，點擊預覽，就可以在瀏覽器中看到我們的頁面了。

  　

• 在FrontPage XP中還有一些有用的網頁工具，如重新計算超鏈接和網頁優化。在以前版本中所說的FrontPage中頁面臃腫龐大的情況在FrontPage XP中一無是處了，他們都不再存在了。你只需要執行一下網頁優化，就可以在報告中看到你的網頁已經變小很多了。在FrontPage XP只需要一個簡單的點擊就可以完成簡體中文和繁體中文網頁的相互轉換。因此你不再需要為制作多語言網站的繁瑣事情而煩勞了。

  　

一個高明的網頁創作者，不僅希望能夠創建出美觀的頁面，而且希望生成最精簡和高效的HTML源代碼。而這正是FrontPage XP帶給你的一份禮物，你能夠對網頁源代碼進行直接精確地控制，你能控制全局，你能感受到網頁編寫的所有樂趣。FrontPage XP儼然是一個活潑的精靈，它聽你指揮，聽你講述每一個夢想。為你打造一個全新的天堂!