我的網(wǎng)頁我來做

1、我的網(wǎng)頁我來做MY HOMEPAGE DIY網(wǎng)頁制作入門培訓(xùn)教程王寧榮譽出品2005年8月目 錄第一部分 基礎(chǔ)知識及Frontpage2003簡介1、網(wǎng)頁的概念。2、網(wǎng)頁制作的概念3、學(xué)習(xí)網(wǎng)頁制作的要領(lǐng)4、Frontpage2003的獲取與安裝5、Frontpage2003的特點第二部分 走近Frontpage20031、新建一個站點2、新建一個網(wǎng)頁3、打開一個站點4、對文件名的要求5、管理站點內(nèi)網(wǎng)頁文件的方法6、更改網(wǎng)頁標(biāo)題的方法7、保存一個網(wǎng)頁：8、為網(wǎng)頁加入背景音樂：9、更改網(wǎng)頁背景：10、對用于網(wǎng)頁的圖片文件的要求11、更改網(wǎng)頁文字顏色12、頁面邊距的設(shè)置13、文字的輸入14、對網(wǎng)頁中

2、字體的要求15、為網(wǎng)頁插入圖片16、對圖片屬性的設(shè)置17、對圖片編輯18、圖片格式轉(zhuǎn)換19、超鏈接的含義20、路徑的概念21、創(chuàng)建超鏈接22、為文字創(chuàng)建或修改及去除超級鏈接23、更改網(wǎng)頁中超級鏈接的顏色24、為圖片創(chuàng)建及修改超級鏈接25、對超級鏈接目標(biāo)框架屬性的修改26、網(wǎng)頁中表格的運用27、插入一個表格的方法28、對表格的設(shè)置29、表格的修改和單元格設(shè)置30、對行列的平均分配方法31、對單元格的設(shè)置32、設(shè)置文字33、設(shè)置段落34、用CSS輕松實現(xiàn)頁面的美化35、學(xué)習(xí)CSS的HTML代碼36、FrontPage的常用組件之水平線37、FrontPage的常用組件之滾動字幕38、用翻轉(zhuǎn)功能實現(xiàn)

3、動態(tài)超級鏈接39、框架網(wǎng)頁40、網(wǎng)頁的后期修飾第一部分 網(wǎng)頁制作基礎(chǔ)知識及Frontpage2003簡介互聯(lián)網(wǎng)如今如日中天，過去我們講：不懂電腦會成為這個時代的文盲，但現(xiàn)在已經(jīng)不止了，未接觸過網(wǎng)絡(luò)就將成為未來的文盲，IPV6時代離我們已經(jīng)很近了，也許用不了多久，我們家里的電飯鍋都必須要上網(wǎng)了，你可以在下班前半小時用鼠標(biāo)指揮它為你把米飯燜好或者在你回家之前把空調(diào)打開以便回去后就能享受涼爽或者把熱水器開啟，以便你一回家就能洗到熱水澡，我們實現(xiàn)這一切僅靠電腦與網(wǎng)絡(luò)，而無需一個保姆，當(dāng)然你需要保姆也可以，那就安一個監(jiān)控器，在上班的時候也通過網(wǎng)絡(luò)觀察保姆有沒有偷吃你的千年人參了：）一、網(wǎng)頁的概念。 網(wǎng)頁

4、的學(xué)名是：HTML超文本文件，所以其實網(wǎng)頁只是一個文本文件，超文本的意思即是含超級鏈接的文本文件，我們可以理解為超級文本文件，為什么這樣叫呢？因為網(wǎng)頁相對于其它文本文件來說，可以是多媒體的，也可以是互動的，因其功能強大，可以表現(xiàn)圖像、語音、音樂、動畫等多媒體內(nèi)容而在近幾年迅速成為互聯(lián)網(wǎng)的靈魂；借助http協(xié)議（超文本傳輸協(xié)議），我們就可以讓全世界的WEB站點互聯(lián)互通，實現(xiàn)全球資源共享，利用網(wǎng)頁我們可以做很多事情，比如：在線文字及語音聊天，在線音樂欣賞、視頻點播、軟件下載、數(shù)據(jù)查詢、虛擬社區(qū)、論壇、網(wǎng)上短信、網(wǎng)上尋呼、資料搜索等內(nèi)容等等。在這里我順便將網(wǎng)頁這種特殊的文件格式和大家所熟悉的WORD

5、文檔做個比較：WORD文檔也可以排出圖文并茂的文檔來，HTML也可以表現(xiàn)，但WORD文檔的主要功能是用于打印輸出，而網(wǎng)頁主要用于顯示輸出；WORD文檔可以嵌入文檔中的圖片、藝術(shù)字，HTML格式卻只是文本文件，不嵌入任何非文本格式文件，網(wǎng)頁中所有豐富的元素都是通過鏈接實現(xiàn)的，用一段文本文件告訴瀏覽器圖片或者聲音的位置，然后瀏覽器會自動加載到網(wǎng)頁中顯示，但網(wǎng)頁本身仍然沒有嵌入任何非文本的文件；這種限制使得網(wǎng)頁本身的體積非常易于控制，有利于網(wǎng)頁無限制的傳播。二、網(wǎng)頁制作的概念。 網(wǎng)頁制作即是通過網(wǎng)頁制作軟件，創(chuàng)建及編輯超文本文件，使得我們需要的文字、圖像等根據(jù)我們的意圖，精確的顯示的瀏覽器中，編輯超

6、文本文件的軟件有很多，而且每臺裝有Windows操作系統(tǒng)的機器都有，所以大家不用把網(wǎng)頁的編輯制作想作是非常神秘不可及的事情，毫不夸張的講，如果你能熟悉HTML語言，就可以用記事本編出一個非常專業(yè)的網(wǎng)頁，因為任何網(wǎng)頁的內(nèi)容其實都是由源碼構(gòu)成的，瀏覽網(wǎng)頁的原理即是游覽器讀取并解釋已經(jīng)編輯好的網(wǎng)頁源代碼，然而事實我們并不需要學(xué)習(xí)HTML語言也可以做出成功的網(wǎng)頁，因為現(xiàn)在有許多優(yōu)秀網(wǎng)頁制作軟件可以幫助我們完成復(fù)雜的事情。 而并非我們要求每個人都要熟悉抽像的網(wǎng)頁源代碼HTML語言，在FrontPage問世前網(wǎng)頁制作只屬于對HTML語言熟悉的高級IT人才的專利，然而現(xiàn)在，利用微軟公司旗下軟件Frontpa

7、ge2003為我們提供的可視化的操作界面，即通常所說的所見即所得的核心技術(shù)，這就使的學(xué)習(xí)網(wǎng)頁制作的重點放到了頁面的美工和創(chuàng)意上而不用花大量的時間用在網(wǎng)頁制作本身，所以我可以大膽的講，學(xué)會做網(wǎng)頁并不是困難的事情，但要做一個讓人嘆為觀止的網(wǎng)頁卻是有很大難度的，我們現(xiàn)在所學(xué)的將是并不復(fù)雜的網(wǎng)頁制作，歡迎你加入這次Frontpage2003學(xué)習(xí)班的愉快旅程，我自信，在我的指導(dǎo)下，大家通過認(rèn)真學(xué)習(xí)，會很快和我一樣，成為一名網(wǎng)編乃至網(wǎng)頁設(shè)計師而不是過去的：電腦打字員：） 三、學(xué)習(xí)網(wǎng)頁制作的要領(lǐng)興趣是最好的老師 學(xué)習(xí)一門電腦技術(shù)，首先要選擇一款稱手的軟件，這通常能達到事半功倍的效果，入門越快，自然興趣會越濃

8、，這是我們最終選用Frontpage2003做為教學(xué)內(nèi)容的原因，雖然大家有些人可能聽說過更為專業(yè)的網(wǎng)頁制作軟件，但由于其是面向?qū)I(yè)WEB創(chuàng)作人員設(shè)計而使其易學(xué)易用性大大下降，不適網(wǎng)頁制作入門學(xué)習(xí)，如果大家中有人有志于將來從事此專業(yè)，可以在學(xué)好FrontPage的基礎(chǔ)上進一步深入學(xué)習(xí)專業(yè)軟件。 其次，要學(xué)好網(wǎng)頁制作就是要盡快熟悉網(wǎng)頁制作的基本方法和接受其中的一些專業(yè)術(shù)語，如必須知道HTML、超級鏈接、URL、CSS等，這些都是網(wǎng)頁制作中最常用的，要學(xué)習(xí)一門新潮熱門的電腦技術(shù)，一定要具有一些新的概念與意識。 最后，就是多上機操作，爭取當(dāng)日學(xué)習(xí)的東西當(dāng)日掌握，在課外要多上網(wǎng)，多瀏覽網(wǎng)頁，并觀察網(wǎng)頁的

9、制作方法，還可以從網(wǎng)上找到許多關(guān)于做網(wǎng)頁知識的文章，或者把自己覺的做的很漂亮的網(wǎng)頁下載到自己的電腦中用FrontPage打開研究其制作技巧，這樣也是一個很有成效的學(xué)習(xí)方法，一句話，做網(wǎng)頁的知識很零散，技巧繁多，需要投入時間積累經(jīng)驗，而且大家根據(jù)學(xué)習(xí)電腦的經(jīng)驗可以發(fā)現(xiàn)，電腦是一門自學(xué)性很強的科目，不能過分依賴于老師和教程，人與人對話和人與書對話遠不如真正能做到人機溝通的效果好。 四、Frontpage2003的獲取與安裝。 背景知識：老實說，F(xiàn)rontPage是90年代后期微軟公司收購的小軟件公司的產(chǎn)品，并不是微軟原創(chuàng)，但微軟總會利用別人的勞動成果壯大自己，收購后隨即開始全面的版本更新，使其融入

10、了微軟一貫的易學(xué)易用，功能強大、界面簡潔等人性化設(shè)計，直至現(xiàn)在被全球廣泛使用的Frontpage2003已經(jīng)成為網(wǎng)頁編輯的主流產(chǎn)品，也是Office2003產(chǎn)品中的標(biāo)準(zhǔn)組件，我們現(xiàn)在就要開始學(xué)習(xí)安裝并使用Frontpage2003制作網(wǎng)頁。 首先是軟件的獲取途徑與安裝方法。Frontpage2003是微軟公司Office2003的標(biāo)準(zhǔn)組件，只要您將Office2003安裝光盤放入光驅(qū)，進行典型安裝或者在自定義安裝中選定組件“Microsoft Frontpage For Windows”即可進行安裝（見圖），安裝成功后可以進入“開始程序Microsoft FrontPage”運行此軟件，當(dāng)然如

11、果你想流暢運行，機器需要一個不錯的配置，因為網(wǎng)頁編輯軟件對系統(tǒng)性能的要求比較高，比如CPU運算速度、內(nèi)存大小等，如果機器較差，會感覺編輯過程中操作明會有明顯的停頓和滯后，不過我已經(jīng)留意大家辦公室里的電腦配置，實際情況比較理想，都比我家的電腦好 _ 。 五、Frontpage2003的特點。 易學(xué)易用：相信大家中經(jīng)常使用電腦的人與WORD打交道的高手一定不乏其人，如果已經(jīng)有這方面的使用經(jīng)驗，學(xué)習(xí)Frontpage2003就會感到如魚得水，似曾相識，因為FrontPage經(jīng)過四次比較大的改版后，現(xiàn)在的界面已經(jīng)和其他經(jīng)典軟件如WORD一樣簡單易學(xué)，即使不會用WORD的學(xué)員也不必擔(dān)心，因為它的標(biāo)準(zhǔn)化操

12、作界面很容易上手；所見即所得：做為一個可視化的所見即所得的軟件，我們不用擔(dān)心源代碼是什么，只需要在編輯區(qū)讓我們的文字和圖片巧妙排列、和諧搭配，自由創(chuàng)作，即使我們規(guī)定相同的頁面內(nèi)容、相同的圖片，但不同的創(chuàng)意就可以做出不同的效果，版式可以是千變?nèi)f化，只為吸引訪問，而不必拘泥于WORD的標(biāo)準(zhǔn)文件樣式。第二部分 走近Frontpage2003就要開始用Frontpage2003制作自己的第一個網(wǎng)頁了，難免有的人會近香情怯，其實每個人學(xué)習(xí)任何本領(lǐng)都要經(jīng)歷這種感覺的，為了大家能夠最短的時間內(nèi)掌握此軟件精華，特親自撰寫此教程，但由于時間倉促頭緒繁多，如有內(nèi)容差錯遺漏及錯字白字的地方請大家及時斧正。只要按教程

13、內(nèi)容，部就班的學(xué)下去，就會發(fā)現(xiàn)FrontPage嘛，哎不過如此。在準(zhǔn)備制作一個網(wǎng)頁之前，我們需要了解如下重要知識。將網(wǎng)頁、圖片或在網(wǎng)頁制作中用到的各種文件進行分類，以便于您可以更有效率地管理您的站點。具體操作是：您首先應(yīng)該為您的站點建立一個根目錄，就是新建一個文件夾，有關(guān)網(wǎng)頁的全部文件及相關(guān)文件夾應(yīng)該全部置于此目錄下，以保證網(wǎng)頁中的元素的完整性，比如我們在C盤建一個名為bmzjs的文件夾，當(dāng)然這個文件夾可以是中文名稱的比如C:巴盟質(zhì)計所；建好后，應(yīng)根據(jù)需要，在根目錄下建立存放不同類型文件的子文件夾，將網(wǎng)頁中相同類型的文件歸類到同一目錄，比如：用于存放網(wǎng)頁中所有圖片的文件夾，按慣例取名為imag

14、es，用來放置子網(wǎng)頁的目錄，新建后取名html（見圖），但注意，這些子目錄及其下的文件萬萬不可以使用中文文件名！這樣，我們就為我們所要創(chuàng)建的網(wǎng)站搭建了一個院子。還有就是網(wǎng)頁最通用的瀏覽分辨率為800*600像素16位色，如果我們要學(xué)習(xí)網(wǎng)頁制作，就應(yīng)該將自己電腦顯示分辨率設(shè)置為網(wǎng)頁瀏覽默認(rèn)值，這樣做出的網(wǎng)頁兼容好，不會在其它機器瀏覽時出現(xiàn)嚴(yán)重的變形。 啟動FrontPage：點擊Frontpage2003快捷方式打開程序，您便完成了啟動并新建一個空白網(wǎng)頁。第一次啟動，您將遇到一個左邊有視圖欄的界面，因為我們主要學(xué)習(xí)網(wǎng)頁制作，所以對站點規(guī)劃等附加的整個站點的綜合管理功能不作為重點學(xué)習(xí)，我們只需要一

15、個干凈實用的操作界面，因此，我們可以點擊“查看”“視圖欄”將視圖工具欄設(shè)置為不顯示，這樣將滿屏顯示我們的網(wǎng)頁編輯區(qū)域（見圖）。 在啟動FrontPage后，它會自動為我們新建一個文件，叫做new_page_1.htm，通過觀察文件名我們可以發(fā)現(xiàn)，網(wǎng)頁文件默認(rèn)后綴為.htm，當(dāng)然我們也可以用.html作為后綴，這些都是標(biāo)準(zhǔn)網(wǎng)頁的后綴名。 FrontPage界面如上圖所示，操作界面很簡潔明了，上邊是非常經(jīng)典的微軟應(yīng)用軟件菜單，下面帶有圖標(biāo)的是快捷菜單欄，常見操作一目了然，當(dāng)我們把鼠標(biāo)指向某快捷按鈕，就會出現(xiàn)它的文字含義。常用圖標(biāo)如下面例示： 從左至右分別為新建、打開、保存，這是幾乎所有編輯軟件都有

16、的圖標(biāo)，相信大家非常熟悉了，只是如果你仔細觀察就會發(fā)現(xiàn)，新建和打開右邊都有一個向下的不箭頭，這點要大家注意，我們點擊小箭頭就會發(fā)現(xiàn)，原來新建和打開按鈕有兩種功能呢，我們點擊小箭頭，新建可以新建一個網(wǎng)頁，也可以新建一個網(wǎng)站；打開可以打開一個網(wǎng)頁，也可以打開一個網(wǎng)站，這點要注意，系統(tǒng)默認(rèn)的直接點擊圖標(biāo)是新建和打開一個網(wǎng)頁，如果我們要新建或打開一個網(wǎng)站，就需要點擊小箭頭里的內(nèi)容了。 這幾個按鈕的作用分別是：插入組件，你點擊它時會彈出一個菜單，里面包括了常用組件；下面一個是插入表格的按鈕，直接點擊會出現(xiàn)一個行列塊，鼠標(biāo)移動就會拖出行列的數(shù)量，這樣可以快速插入一個表格（和WORD中操作相同）；第三個按鈕

17、WORD里也有，大家不會陌生吧，這是插入圖片按鈕點擊后就會彈出一個要求你瀏覽圖片位置的窗口；最后一個是創(chuàng)建超鏈接按鈕，這在以后要以詳細講述。 文件夾視圖工具按鈕，在對站點內(nèi)文件進行瀏覽操作時用此按鈕，相當(dāng)于資源管理器。 FrontPage常用按鈕就這么少，相信大家很快能認(rèn)得它們了，至于菜單區(qū)域最下面的文字工具欄，用法和WORD一樣，在此不在贅述。 界面上最大面積的是就是白色的編輯區(qū)了，我們制作網(wǎng)頁的工作區(qū)域就在這里，編輯區(qū)下面左邊有三個切換開關(guān)，如圖： 普通即是我們可視化的操作區(qū)，點HTML可以切換到網(wǎng)頁源代碼，作為了解大家可以看看網(wǎng)頁源代碼的構(gòu)成，而且很容易發(fā)現(xiàn)規(guī)律，網(wǎng)頁中所有標(biāo)記是是以&l

18、t;html>開始，以</html>結(jié)束的；點擊預(yù)覽，即可摸擬瀏覽器瀏覽時的實際效果，方便我們在做的過程隨時調(diào)試效果；最下面為狀態(tài)欄，右邊列出了以某種傳輸速度下的網(wǎng)頁下載時間，系統(tǒng)默認(rèn)為28.8K貓的傳輸情況。 還有一點重要知識，我們一般將一個站點的首頁名字設(shè)置為index.htm，意思是索引頁或者是目錄頁的意思，如果把一個站點比喻做成一本書，首頁即是這本書的封皮和目錄了，我們門市部一個網(wǎng)站的時候，并不需要在網(wǎng)址中輸入index.htm，因為它是默認(rèn)的首頁名，系統(tǒng)會自動在網(wǎng)站根目錄下尋找此文件，當(dāng)然可以用于首頁的名字還可以是index.html（比如網(wǎng)易個人主頁空間對首頁的要

19、求）或者defult.htm（微軟2S服務(wù)器程序默認(rèn)的網(wǎng)站首頁），但我們最好用常規(guī)的慣用的文件名，這樣有利于兼容性。 菜單欄上依次為文件，編輯，查看，插入，格式，工具，表格，框架，窗口，幫助，對網(wǎng)頁制作來說，常用的是插入、格式、和表格三個菜單，我們所用到的日常操作，通常都是用這幾個菜單來執(zhí)行的，所以我們學(xué)習(xí)的重點就是通過調(diào)用菜單中命令的用法來修改網(wǎng)頁中背景、文字、表格、圖像，插入各種對象等的方法。 為了使學(xué)習(xí)更容易，我們采用具體問題具體對待的方式來突出應(yīng)用重點網(wǎng)頁制作部分，方便日后對某種操作的查詢，為了使大家能更為快捷的使用Frontpage，我們盡量使用最簡化的步驟實現(xiàn)某種操作，結(jié)合大量的圖

20、形講解，這樣易于記憶，即使上機條件不便的情況下也可以對軟件界面熟悉；這其中融入許多鼠標(biāo)右鍵的操作，這與一般教材有所不同，因為我們往往習(xí)慣用最快的辦法找到命令，而我們windows鼠標(biāo)右鍵的功能就是彈出快捷菜單，既然如此，我們何必舍近求遠呢？1、新建一個站點：點擊文件新建站點即可，在彈出菜單中根據(jù)需要選擇站點類型和站點本地目錄，我們一般新建一個空站點；右邊可以指定新站點在我們電腦中的放置位置，比如圖中的d:Myweb，我們可以在那里修改為我們前面建好的C:bmzjs，修改完成后點確定。確定后會彈出如下圖的對話框，點是即可了，F(xiàn)rontPage會自動站內(nèi)添加一些必要的文件夾及文件，我們不必理會這些

21、東西，我們只要記住我們自己新建的文件夾，并將文件放到我們自定義的文件夾中就可以了，不必對FrontPage建立的不知名文件夾做任何操作。2、新建一個網(wǎng)頁：點擊文件新建網(wǎng)頁即可，F(xiàn)rontpage為我們提供了一些樣式可以選擇，但我們通常是新建一個空白網(wǎng)頁，因為系統(tǒng)帶的模板并不實用，當(dāng)然，懶人可以選擇一個自己喜歡的樣式，不讓那些模板放著也可惜了。3、打開一個站點：如果我們想把已經(jīng)建立好的站點打開，只要點“文件”“打開站點”，然后通過瀏覽找到已經(jīng)建好的站點文件夾，對于已經(jīng)建立的站點，在打開站點的窗口中站點文件夾會顯示為與眾不同的圖標(biāo)，如圖中的bmzjs目錄，選中它，點“打開”就可以完成打開一個站點的

22、工作。 我們準(zhǔn)備對一個網(wǎng)頁編輯的時候，推薦先打開站點，再用FrontPager的文件管理功能進行選中打開編輯（此功能下面講到），這樣做的好處是在對站點內(nèi)的文件進行刪除重命名等操作時，F(xiàn)rontPager為提醒你有其它文件也在使用此文件，以免你誤操作或者配合你更新其它文件對此文件的鏈接。4、對文件名的要求：我們一般不把網(wǎng)頁保存為中文文件名，也不把網(wǎng)頁中要用到的文件，如圖像、聲音、及和網(wǎng)頁同類型的，總之就是網(wǎng)頁會鏈接到的文件保存為中文文件名，所以我們保存為英文名或數(shù)字組成的名更為通用（多數(shù)服務(wù)器并不支持中文文件名的讀取，如果大家不喜歡看該頁無法顯示就應(yīng)該中規(guī)中矩的辦事）5、管理站點內(nèi)網(wǎng)頁文件的方法

23、：點擊“查看”“文件夾列表”即可以類似資源管理器的界面管理站內(nèi)的文件，在這種視圖下進行文件改名等操作，F(xiàn)rontPage會智能的將有關(guān)鏈接改成新的路徑，十分方便； 如果雙擊某網(wǎng)頁文件，則會在編輯器打開該文件，進入編輯狀態(tài)，如需要回到全屏編輯只需再點一次“文件夾列表”即可進入全屏編輯模式，如圖所示： 6、更改網(wǎng)頁標(biāo)題的方法：我們在打開一個網(wǎng)頁的時候，瀏覽器左上方出現(xiàn)的文字即為網(wǎng)頁標(biāo)題，更改的方法是在網(wǎng)頁空白處點擊點鼠標(biāo)右鍵網(wǎng)頁屬性標(biāo)題一項上輸入自己想要的標(biāo)題即可；標(biāo)題在網(wǎng)頁源代碼中的格式標(biāo)記為：<title>這里是標(biāo)題文字</title>。7、保存一個網(wǎng)頁：點擊文件保存或

24、者保存快捷圖標(biāo)，如果是第一次保存，會彈出保存路徑和要保存的文件名；這時，如果需要點擊“更改”，我們可以修改網(wǎng)頁的標(biāo)題；如果我們已經(jīng)保存的網(wǎng)頁的樣式還需要在其它頁面中用到，我們可以點擊“文件”“另存為”即可按照保存的步驟另存一個文件，這樣非常適合于相同版面不同文字內(nèi)容的頁面的制作。8、為網(wǎng)頁加入背景音樂：在網(wǎng)頁空白處點擊鼠標(biāo)右鍵網(wǎng)頁屬性（見上圖），點擊“背景音樂”右邊的瀏覽按鈕，找到自己準(zhǔn)備好的音樂文件即可，同時可以在下面設(shè)置循環(huán)次數(shù)，可以選擇任意整數(shù)次或者設(shè)置為不限次數(shù)，我們常用的為.wav或者.mid格式的文件，.mid更為常見，因為它體積小巧，適于網(wǎng)絡(luò)使用。9、更改網(wǎng)頁背景：在網(wǎng)頁空白處點

25、擊鼠標(biāo)右鍵網(wǎng)頁屬性背景，這里的顏色選項下有背景色的下拉菜單，從常用色中選擇即可，當(dāng)然，如果需要更加個性化的顏色，就點中里面的其它顏色，里面可以自定義顏色；還有網(wǎng)頁背景不僅設(shè)置為顏色，還能設(shè)置為圖像，只要我們在背景菜單上點擊“瀏覽”按鈕，然后找到自己預(yù)告放置了圖片的文件夾，選中圖片，即可使背景圖片會以平鋪的方式布滿網(wǎng)頁，如果設(shè)置的背景圖片是BMP格式的，我們應(yīng)該將其轉(zhuǎn)換為GIF或者JPEG格式，點擊剛才“瀏覽”右邊的“屬性”，我們可以對圖片格式轉(zhuǎn)換進行設(shè)置，具體請參照后面關(guān)于對圖像格式轉(zhuǎn)換的講解。一個好的背景圖片可以使網(wǎng)頁增色很多；當(dāng)然如果一個已經(jīng)存在背景圖像的網(wǎng)頁我們不想要了，只需要在背景設(shè)置

26、菜單中將“背景圖像”前的對勾去掉即可。小技巧：Frontpage可以將網(wǎng)頁背景設(shè)置為水印方式顯示，仔細的學(xué)員會發(fā)現(xiàn)背景設(shè)置菜單里有一個“水印”樣，選中對勾，即可以實現(xiàn)水印效果，具體效果就是在網(wǎng)頁上下滾動的時候背景固定不動，有種網(wǎng)頁漂在水上的感覺。10、對用于網(wǎng)頁的圖片文件的要求：由于網(wǎng)絡(luò)速度的先天不足，使我們要注意文件體積，可以用于網(wǎng)頁制作的常用圖像格式.bmp、.jpg、.gif等，相對來說.bmp是體積最大的，所以不推薦使用，對于照片等真彩色的圖片，我們一般壓縮成.jpg的格式用于網(wǎng)頁，對于顏色數(shù)少于256色的圖像，我們一般使用.gif格式。11、圖片格式轉(zhuǎn)換：如果我們已有的素材是bmp格

27、式的，我們需要在將其轉(zhuǎn)換為.jpg或者.gif格式來減少體積，用第三方軟件Acdsee等軟件的轉(zhuǎn)換功能十分方便，如果沒有，也可以用FrontPage的圖片轉(zhuǎn)換功能來實現(xiàn)，具體操作就是，在已經(jīng)插入的BMP圖像上點擊鼠標(biāo)右鍵“圖片屬性”，在類型里有GIF和JPEG兩種格式可供我們轉(zhuǎn)換，對于顏色數(shù)較少的我們推薦使用GIF格式，選中GIF前的小圓框即可，并推薦選中下面的“交錯”小方框；對于顏色數(shù)較多的圖片，比如拍攝的照片，我們推薦轉(zhuǎn)換為JPG格式的，然后可以選擇質(zhì)量比，比值越高圖像越清晰，但文件體積越大，根據(jù)情況自己決定吧。選擇好后點確定即可，保存網(wǎng)頁時會提示把剛剛轉(zhuǎn)換的圖片保存到站內(nèi)。 12、更改網(wǎng)

28、頁文字顏色：和上一條操作類似，在背景色下拉菜單下即是文字顏色下拉菜單，在里面找到自己想要的文字顏色即可，需要聲明的事情是：請不要將背景色和文字顏色設(shè)置為想近或相同，那樣的網(wǎng)頁是失敗的，一般技巧是將網(wǎng)頁背景和顏色和文字顏色設(shè)置為反差較大的顏色甚至是相反色，比如白底黑字和黑底白字都比較常用。13、頁面邊距的設(shè)置：在網(wǎng)頁中，頁邊距是指網(wǎng)頁中可見內(nèi)容距離瀏覽器邊緣的距離，由于網(wǎng)頁主要用于顯示輸入，所以頁面邊距可以設(shè)置為0或者較小的像素，這樣有利于將更多的內(nèi)容顯示出來，仍然是打開網(wǎng)頁屬性窗口，點“邊距”標(biāo)簽，就可以指定頁面邊距了，在未指定的情況下（邊距前的對勾不選），系統(tǒng)默認(rèn)為6像素，如果對于內(nèi)容較少的

29、頁面，我們可以適當(dāng)加大頁邊距以使版面集中些，不至于給人一種空空如也的感覺。14、文字的輸入：選擇在編輯區(qū)，在光標(biāo)閃爍的地方，我們就可以調(diào)用輸入法錄入文字了，感覺就好象在用WORD但別得意，網(wǎng)頁里的文字編輯可全是手動的，并不具備根據(jù)紙張自動換行的功能，制作者要根據(jù)需要，確定每行顯示的文字?jǐn)?shù)量手動換行，而且與WORD極大的不同，并不是直接調(diào)用回車可以搞定的，在Frontpage中，回車的意思是段落回車，實現(xiàn)行回車的方法是Shift+Enter鍵；而且Frontpage中沒有標(biāo)尺，不能像WORD一樣方便的首行縮進，需要我們手工加入空格來實現(xiàn)段落首行縮進，畢竟，這是一個網(wǎng)頁制作軟件，不可能完全針對文字

30、處理。文字輸入完成后，我們即可用鼠標(biāo)拖黑全部或者某部分，再對其定義字體字號和各種修飾，和用WORD類似；如果我們需要將WORD文檔或者其它文檔中的文字輸入到網(wǎng)頁之中，并不需要重新手工輸入，一個很簡單的辦法就是在其它選選中要復(fù)制的文字區(qū)域（用鼠標(biāo)拖黑），然后新建一個記事本文件，把文字粘貼到記事本內(nèi)，這樣就去除了在其它文檔中設(shè)置的文字格式等信息，然后再從記事本里選中文字，“復(fù)制”“粘貼”到網(wǎng)頁中即可；在網(wǎng)頁編輯中，為了使文字版面更加美觀整齊，我們一般將頁面用表格規(guī)劃好以后再在表格的單元格中輸入文字，輸入文字時要注意標(biāo)點符號不能在行首出現(xiàn)。這在文字處理軟件中會自動實現(xiàn)將跨行標(biāo)點放置到上一行（引號括號

31、書名號除外），但網(wǎng)頁制作軟件無此智能，所以我們要手動將跨行標(biāo)點退格到上一行（除外情況同上）。15、對網(wǎng)頁中字體的要求：在我們使用WORD時，為了文檔美觀，我們會向系統(tǒng)中安裝一些非Windows自帶字體，使得文檔中文字能顯示和打印多種字體。網(wǎng)頁制作中，文字必須在宋體為主，標(biāo)題等大字可以使用黑體、楷體、和仿宋體，因為要顯示標(biāo)準(zhǔn)字體庫以外的字體，必須要求每臺瀏覽網(wǎng)頁的機器都裝有同樣的字體才行，如果設(shè)置了非標(biāo)準(zhǔn)字體，就會出現(xiàn)在自己機器上欣賞網(wǎng)頁華麗無比，其它機器瀏覽全是宋體的慘像：），如果我們把想要表現(xiàn)為非標(biāo)準(zhǔn)字體的那段文字做成圖片格式，在網(wǎng)上就可以任意顯示了。16、為網(wǎng)頁插入圖片：如果網(wǎng)頁只有文字就

32、很單調(diào)了，圖片往往是使網(wǎng)頁倍添姿色的法寶，實現(xiàn)方法是先將光標(biāo)移到想要插入圖片的位置，然后點擊插入圖片來自文件，或者直接點擊快捷按鈕欄的插入圖片按鈕（圖），如果圖片在站內(nèi)，內(nèi)直接點擊images文件夾找到文件即可，如果不存在，則通過最右邊的瀏覽按鈕插入放在其它路徑的圖片，圖片不在站內(nèi)時，保存網(wǎng)頁時系統(tǒng)會提示你將要把圖像文件保存到站內(nèi)文件夾，如果文件夾下不是images則點擊“改變文件夾”將其保存到圖片文件夾下。網(wǎng)頁中的圖片要盡量精巧美觀，體積小巧；對圖片的使用一定要讓它以相對路徑的形式保存于站點目錄內(nèi)，否則當(dāng)移動文件夾或重命名等操作都會使圖片無法正確鏈接而不能在瀏覽器中顯示，這樣會使頁面美觀程度

33、大大下降，如果不能正確顯示，就要認(rèn)真檢查圖片鏈接路徑是否正確了。17、對圖片屬性的設(shè)置：選中已經(jīng)插入的圖片，我們可以發(fā)現(xiàn)在圖片四個角及每打邊的中間出現(xiàn)一個黑色小矩形，當(dāng)我們把鼠標(biāo)移到上面，就會現(xiàn)在變成上下左右的箭頭，這是讓我們根據(jù)網(wǎng)頁內(nèi)容調(diào)整圖片尺寸的，我們可以適當(dāng)放大或者縮小圖片來適應(yīng)網(wǎng)頁，當(dāng)然，尺寸更改的前提是不致于使圖片嚴(yán)重失真為度；對于圖片更多的設(shè)置，可以在選中的圖片上點鼠標(biāo)右鍵圖片屬性，在彈出菜單中詳細設(shè)置，為圖片加入超鏈或者改變圖片尺寸、顯示方式等，但我們一般很少對圖片進行復(fù)雜設(shè)置，這里不做重點，為圖片插入超級鏈接的方法會在下文中有詳細介紹；對于作為背景的圖片，我們不能進行尺寸設(shè)置

34、也不能插入超級鏈接等操作，因為它的功能就是作背景顯示。18、對圖片編輯：大家一定沒有想到，F(xiàn)rontPage可以方便的圖片進行編輯，選中已經(jīng)插入的圖片，然后將鼠標(biāo)移到操作界面的快捷按鈕區(qū)域，點擊右鍵，在彈出的菜單中選中“圖片”即可彈出圖片工具欄，為了方便使用，我們可以將其拖到快捷欄區(qū)，使其嵌入到操作界面。圖片編輯工具欄主要功能有：為圖片添加文字、自動創(chuàng)建縮略圖、旋轉(zhuǎn)、翻轉(zhuǎn)圖像、改變圖像的對比度、亮度、對圖像裁剪、設(shè)置透明色、甚至可以將圖像變?yōu)楹诎啄Ｊ交蛘邔D像變?yōu)榱Ⅲw、沖蝕效果等，還可以將所做的修改全部還原的功能因其功能遠不如專業(yè)圖像處理軟件，所以不做重點，有興趣的朋友可以自己深入學(xué)習(xí)。19、

35、超鏈接的含義：英文縮寫為URL，超鏈接是從一個網(wǎng)頁指向另一個網(wǎng)頁及同一網(wǎng)頁的不對位置或者指向另一個文件、網(wǎng)址、電子郵件地址等的鏈接，超鏈接可以是文本或者圖片。當(dāng)一個站點訪問者單擊超鏈接時，目的端將顯示在Web瀏覽器上，并根據(jù)目的端的類型來打開或運行。例如指向一個AVI文件的超鏈接被單擊后，該文件將在媒體播放器中打開；如果是指向一個網(wǎng)頁的超鏈接，則它將顯示在Web瀏覽器上；如果指向一個非瀏覽器可執(zhí)行的文件，比如程序，則會彈出下載對話框；大家其實只要上網(wǎng)，就在不停的和超鏈接打交道，當(dāng)我們把鼠標(biāo)指向網(wǎng)頁中的超鏈接時，鼠標(biāo)往往會變成手形或其它形狀，或者超級鏈接的文字發(fā)生顏色和狀態(tài)的變化，提醒是已經(jīng)選中

36、一個超級鏈接，同時在瀏覽器下方的狀態(tài)欄會同時出現(xiàn)你現(xiàn)在指向的鏈接地址，如果你想看個究竟，再點擊就會打開它了。20、路徑的概念：創(chuàng)建一個超級鏈接其實就是寫一段告訴瀏覽器目標(biāo)文件的在哪里的代碼，目標(biāo)文件的位置通常就是網(wǎng)頁制作中說常說的路徑。但路徑分為相對路徑和絕對路徑，我們創(chuàng)建超級鏈接一定要注意為了保證我們的網(wǎng)頁在任何情況下都能順利鏈接訪問，我們應(yīng)該創(chuàng)建相對路徑而不是絕對路徑，相信有很多人并不理解什么是相對路徑，什么是絕對路徑，舉個例子：校園民謠中有首叫做睡在我上鋪的兄弟的歌，歌名中的兄弟是睡在我的上鋪的，所以相對我的鋪來說他是上鋪的，這就是一個相對路徑的例子，相對路徑就是不受具體位置約束的相對于

37、某條件的路徑，在一個網(wǎng)站中，根目錄就是我們用來規(guī)定相對路徑的參照目錄，比如首頁在根目錄下，圖片在根目錄下的images目錄下；絕對路徑就是受位置不變的指定路徑比如一個文件名為girl.gif的圖像文件被我們放置到了網(wǎng)站根目錄下的images下，這是相對路徑，可以表示為imagesgirl.gif，而如果用絕對路徑則形式為C:bmzjsimagesgirl.gif，一般網(wǎng)頁未保存時FrontPage對其用絕對路徑調(diào)用文件，如果存盤就一定要使其存為相對路徑，用相對路徑可以避免因文件夾移動造成的鏈接無法訪問的問題。21、創(chuàng)建超鏈接：我們要創(chuàng)建一個指向站點中網(wǎng)頁或文件的超級鏈接，能作為超級鏈接的對象只

38、能是文字和圖像，能做為超級鏈接的目標(biāo)的可以是網(wǎng)頁及任何文件；超級鏈接如果要鏈接到某網(wǎng)址，比如搜狐網(wǎng)站的網(wǎng)址的標(biāo)準(zhǔn)格式是：；還有一種常用的超級鏈接是電子郵件超級鏈接，點擊的效果是打開指定的電子郵件編輯軟件（見下文）。22、為文字創(chuàng)建或修改及去除超級鏈接：用鼠標(biāo)拖動的辦法選中想要創(chuàng)建超級鏈接的文字，然后點“插入”“超鏈接”或者直接在選黑的文字上點鼠標(biāo)右鍵，在彈出菜單選擇“超鏈接”都可以打開創(chuàng)建超級鏈接的對話框在URL一欄中輸入要鏈接的網(wǎng)址或者通過點擊右邊第二個“瀏覽”按鈕指向本地目錄某文件，如果我們要創(chuàng)建一個郵件地址鏈接則按第三個按鈕，然后在彈出窗口中輸入想要鏈接的郵件地址即可，郵件地址的標(biāo)準(zhǔn)格式

39、在窗口有相應(yīng)提示； 網(wǎng)址的標(biāo)準(zhǔn)格式為：也可以是具體指向的文件地址：電子郵件地址的標(biāo)準(zhǔn)格式為注意：以上鏈接中所用到的冒號與斜杠均為英文輸入狀態(tài)下的半角西文標(biāo)點，如果用中文標(biāo)點的冒號是絕對不行的。順便提一下常用國際域名的含義。標(biāo)準(zhǔn)國際域名為，意思是一個商業(yè)組織，或者意思是一個網(wǎng)絡(luò)機構(gòu)，中國國家級域名，意思是國家級商業(yè)機構(gòu)，政府部門域名，教育部門域名為。 如果文字已經(jīng)存在超級鏈接，我們想對它指向的文件進行修改，那么把鼠標(biāo)移到超級鏈接內(nèi)容中的的任意一個文字文字上，再點擊右鍵“超鏈接屬性”即可在彈出的菜單里對超級鏈接的內(nèi)容進行修改了，如果把URL輸入欄中的內(nèi)容全部去掉，就相當(dāng)于去除了剛才選中的超級鏈接，

40、而恢復(fù)文字為無鏈接內(nèi)容的普通文字。23、更改網(wǎng)頁中超級鏈接的顏色：還是剛才的設(shè)置菜單中，右邊為超級鏈接的顏色設(shè)置項，系統(tǒng)默認(rèn)三種狀態(tài)分別為紅、紫、藍，如果你不喜歡，根據(jù)喜好設(shè)置即可，為了標(biāo)記訪問過的鏈接，我們一般不把“超鏈接”和“已訪問過的超鏈接”設(shè)置為同一顏色，通常設(shè)置為相近顏色即可。24、為圖片創(chuàng)建及修改超級鏈接：選中圖片，點擊快捷工具欄區(qū)的"超鏈接"按鈕或者在圖片上點擊鼠標(biāo)右鍵“超鏈接”，即可在彈出的菜單里在URL欄輸入網(wǎng)址或通過瀏覽指向一個文件創(chuàng)建超鏈接；同理，對于一個已經(jīng)存在超鏈接的圖片，我們也可以在圖片上點右鍵選擇"超鏈接"屬性在URL中修改

41、，或者"圖片屬性"中默認(rèn)超級鏈接的位置輸入欄都可方便的修改或去除超級鏈接。25、對超級鏈接目標(biāo)框架屬性的修改：如果有上網(wǎng)的經(jīng)驗，我們會注意到，瀏覽網(wǎng)頁時，我們點擊一個超級鏈接，一種是在當(dāng)前瀏覽器窗口直接打開點擊的連接窗口，另一種是在新窗口打開點擊的鏈接，這是通過修改超級鏈接目標(biāo)框架實現(xiàn)的。 如果我們期望網(wǎng)頁里所有鏈接為在原來窗口打開，那么不用設(shè)置了，系統(tǒng)默認(rèn)的就是這樣，如果我們需要網(wǎng)頁里所有鏈接都在新窗口中打開，那么在網(wǎng)頁空白處點鼠標(biāo)右鍵-網(wǎng)頁屬性-常規(guī)，有一個鉛筆模樣的按鈕，點擊后，選中"新建窗口"即可實現(xiàn)。 如果我只希望某個或某些超鏈接具有打開新窗口

42、的屬性，則在新建或者修改超鏈接時在URL輸入欄右下方的目標(biāo)框架處點擊鉛筆樣式按鈕，然后再彈出的菜單中選擇"新建窗口"即可，對于其他框架結(jié)構(gòu)，并不常用，在此不做詳細說明。26、網(wǎng)頁中表格的運用：此內(nèi)容將作為網(wǎng)頁制作的重中之重，所以大家一定要努力學(xué)習(xí)掌握表格的用法，如果說前面都是基礎(chǔ)的話，這才是真正開始網(wǎng)頁的規(guī)劃制作了。在教大家插入一個表格之前，我們先要了解一下表格在網(wǎng)頁中的作用：網(wǎng)頁中表格除了能作為像WORD中表格的作用外，最主要的，表格用來對網(wǎng)頁中其它元素精確的定位，可以將復(fù)雜的元素有條理的分布到網(wǎng)頁各個位置，還有我們在網(wǎng)頁中輸入文字的時候，只要把表格的寬度定死，就可以讓文

43、字頂滿格后自動換行，方便我們對文字的編輯。如果沒有表格，我想誰也無法做出一個復(fù)雜的圖文混排的版面效果，如果我們打開一個比較專業(yè)的網(wǎng)頁，有時并看不到表格嘛，但如果你用FrontPage打開的話，就會看到很多交錯縱橫的虛線，這就是表格的線條了。27、插入一個表格的方法：點擊主菜單的“表格”“插入“表格”，在彈出的菜單里列出了表格的各個選項，包括表格的行數(shù)、列數(shù)，我們最多可以插入一個25行、25列的表格，接下來對齊方式是指表格相對于網(wǎng)頁的位置，可以左對齊、或?qū)R、也可以居中；單元格邊距指表格里插入內(nèi)容的區(qū)域距表格邊的距離，單元格間距指表格里每個單元格之間的距離；指定列寬可以定義為相對網(wǎng)頁寬度的百分比

44、，表格顯示時為根據(jù)瀏覽器窗口大小及顯示分辨率自動縮放，這樣做常常會使網(wǎng)頁變形，所以我們經(jīng)常設(shè)置為具體像素，在顯示分辨率為800*600時最大設(shè)置為796像素即可；還有一個表格樣式是可以設(shè)置表格里的文字、行字間距等內(nèi)容，樣式的用法會在以后講到。28、對表格的設(shè)置：如果我們要對已經(jīng)插入的表格屬性進行設(shè)置，只需在表格任意單元格內(nèi)點擊鼠標(biāo)右鍵，在彈出的菜單里選擇“表格屬性”即可對表格整體進行設(shè)置。表格的對齊方式指表格相對于網(wǎng)頁的位置，可以選擇，默認(rèn)為左對齊，可以設(shè)置為居中或者右對齊或者勻齊；單元格邊距和間距及表格寬度上面已經(jīng)提到過了；邊框字樣下面的選項可以讓我們設(shè)置表格邊線的顏色（如果已經(jīng)設(shè)置表格線粗

45、細為0則顏色設(shè)置不起作用），以及表格亮邊框和暗邊框的顏色；而且表格也可以有自己獨立的背景色和背景圖片，點擊背景字樣下邊的顏色右邊的下拉框即可對顏色進行設(shè)置，點擊瀏覽即可將準(zhǔn)備好的圖片設(shè)置為表格背景。29、表格的修改和單元格設(shè)置：如果我們已經(jīng)建立的表格單元格不夠用或者多余了的時候，我們可以通過插入行、插入列、刪除單元格、拆分單元格等操作來實現(xiàn)，默認(rèn)插入行是在選定行的上方，默認(rèn)插入列是在選定列的右方，刪除單元是指把想要刪除的單元格用鼠標(biāo)拖一個區(qū)域，菜單中才會有刪除單元格字樣出現(xiàn)，拆分單元格是指把當(dāng)前鼠標(biāo)所指的單元格進行拆分，可以拆分成行，也可以拆分成列，我們也可以在任意一個或同時選中幾個單元格對其

46、背景顏色和圖像進行設(shè)置。30、對行列的平均分配方法：有時我們需要將設(shè)置的不規(guī)則的單元格重新調(diào)整，即可使用表格工具欄中的平均行高或者平均列寬，使用起來非常方便，否則要把尺寸不均的行列調(diào)整為一致可是一件讓我們非常頭疼的事情。用鼠標(biāo)拖黑選中某行內(nèi)全部或者部分連續(xù)的列，我們就可以在拖黑的部分點擊鼠標(biāo)右鍵“平均分配列寬”，即可實現(xiàn)對列的寬度平均化；同理，用鼠標(biāo)拖黑選中某列的全部或部分連續(xù)行，即可在拖黑的單元格上點擊鼠標(biāo)右鍵“平均分配行高”來實現(xiàn)對行高的平均分配，此功能十分體貼。31、對單元格的設(shè)置：對表格內(nèi)的文字和圖像等，我們常常需要設(shè)置其相對于其所在單元格的位置，如水平對齊方式：靠左，居中或者靠右；垂

47、直對齊方式：頂邊對齊、垂直居中、底邊對齊等，實現(xiàn)方法進在具體單元格內(nèi)點擊鼠標(biāo)右鍵“單元格屬性”中的“水平對齊方式”和“垂直對齊方式”中選擇需要的對齊樣式，當(dāng)然要依據(jù)版面美觀整齊的原則對單元格進行個別調(diào)整；我們也可以為某個單元或某幾個單元格定義背景色，背景圖像，設(shè)置方法即是在某單元格或者拖黑選中的某幾個單元格上點擊鼠標(biāo)右鍵，點中“單元格屬性”在單元格屬性窗口即可看到對單元格背景顏色和圖像進行設(shè)置的界面，如果我們要設(shè)置單元格的顏色，就一般不再對其設(shè)置背景圖像，如果要設(shè)置背景圖像，對其單元格顏色就不再做設(shè)置了，因為實際瀏覽時只有顯示一種效果。而且如果我們已經(jīng)給表格定義了背景圖像，就最好不要再為單元格

48、定義背景圖像了，網(wǎng)頁即要追求漂亮，也要追求整潔，不要給人雜貨鋪的感覺最好了。32、設(shè)置文字：我們在輸入文字后，要對其格式進行設(shè)置，快捷菜單欄里有像WORD一樣的文字設(shè)置區(qū)域，在這里我們可以設(shè)置字體、字號、邊框底紋、加粗、傾斜、下劃線、邊框和底紋、文字顏色，還有一個比較有意思的功能是像卻筆的快捷按鈕-"突出顯示顏色"，它可以方便的將文字背景設(shè)置為某種顏色，使得這段文字非常醒目；或者我們用鼠標(biāo)拖黑某段想要設(shè)置的文字，然后在上面點擊鼠標(biāo)右鍵，點中“字體”即可彈出文字設(shè)置對話框設(shè)置后下面還可以出現(xiàn)預(yù)覽效果。在文字設(shè)置中，用鼠標(biāo)拖黑選中想要設(shè)置的文字，然后點擊鼠標(biāo)右鍵，在彈出菜單中選

49、擇“字體”即可打開字體設(shè)置窗口（如下圖），在這個窗口的字體標(biāo)簽內(nèi)，我們可以設(shè)置字體、字號、效果，文字顏色等，設(shè)置后的在窗口下面的預(yù)覽區(qū)可以觀察的到；窗口上方還有另一個標(biāo)簽看到了嗎？就是字符間距了，打開它，在間距里，我們可以設(shè)定字間距默認(rèn)當(dāng)然是“普通”，我們可以根據(jù)需要設(shè)置“擴充”、“緊縮”以及在后面可以設(shè)置擴充和緊縮的具體值，而且在預(yù)覽窗口中可以看到效果。33、設(shè)置段落：同理我們選擇想要進行段落設(shè)置（行距）的文字，用鼠標(biāo)拖黑在文字上面點擊鼠標(biāo)右鍵點中"段落"即可打開段落設(shè)置窗口，可以像在WORD中一樣的設(shè)置行間距。我們即可以用系統(tǒng)默認(rèn)的單倍行距，1.5倍、2倍行距，也根據(jù)情

50、況輸入行距數(shù)值微調(diào)行距，使行距最符合版面的要求。比如用鼠標(biāo)選中行距數(shù)值欄后，在行距值中填入10、20、25等數(shù)字會看到下面預(yù)覽的窗口行距發(fā)生變化，當(dāng)然也可以輸入15pt、20pt等網(wǎng)頁用標(biāo)準(zhǔn)像素值。這樣更有利于整個網(wǎng)頁的數(shù)值統(tǒng)一單位，比如我們設(shè)置字間距，表格大小，單元格大小、面邊距等都是用的像素做為網(wǎng)頁中的度量單位。34、用CSS輕松實現(xiàn)頁面的美化：說到CSS的大名，業(yè)內(nèi)人士無人不知，無人不用，它是層疊樣式表的英文縮寫，用它來對網(wǎng)頁進行設(shè)置那真是非常得心應(yīng)手隨心所欲、它的功能強大、代碼簡潔，學(xué)好和用好CSS對網(wǎng)頁制作水平的提高無疑是有巨大幫助的，如果要真正學(xué)通CSS，恐怕我們要編上比這本教材還

51、要厚的一本書，但我們只是要利用CSS做文字的設(shè)置，這是它最基本最基礎(chǔ)的功能了，當(dāng)然也很容易學(xué)，但不要小看，只要你學(xué)會一兩招，就會讓以前丑陋的網(wǎng)頁容光煥發(fā)，整齊劃一。 如果網(wǎng)頁上有很多不同類型的文字，有標(biāo)題、目錄、內(nèi)容、公告，有的相同類型的文字還不在同一個位置，如果一句一句一段設(shè)置字體字號一定會非常麻煩，只要學(xué)會用CSS（層疊樣式表）來統(tǒng)一頁面風(fēng)格，所有的工作都會變的輕松多了。建立樣式表的方法是點擊“格式”“樣式”即可打開樣式菜單，在這里的左邊列出了網(wǎng)頁內(nèi)部的所有格式標(biāo)記，但大家并不需要害怕，我們只需要學(xué)會最常用的幾個就可以輕松規(guī)劃網(wǎng)頁了，它們分別是body(網(wǎng)頁身體)、table（表格）、td

52、（單元格），只記三個，夠簡單嗎？因為網(wǎng)頁中不外乎表格以外和表格以內(nèi)，表格內(nèi)又分為表格整體和個別單元格，你說我們把這三片地皮搞定了，還有什么漏下的地方呢？在樣式列表里找到body，點擊右下邊的修改，然后在彈出的菜單里點左下角的樣式按鈕，看到了嗎？菜單里也不外乎字體和段落兩個基本內(nèi)容，只要分別像設(shè)置文字是一樣設(shè)定就行了，其它兩個樣式的設(shè)置方法一樣，分別設(shè)置后整個個網(wǎng)頁即按要求顯示文字了，當(dāng)然對于個別類型的文字，我們可以為這些文字單獨設(shè)置一種樣式，方法是在樣式表菜單點右下靠左的"新建"按鈕，起個名字，然后在下面的“格式”按鈕里一口氣設(shè)置好喜歡的樣式就可以了。用的時候只要拖黑這部分

53、文字，然后點擊“格式”“樣式”“用戶自定義樣式”，找到剛才定義的樣式，選中，確定后即可，提醒一點，WORD也同樣有這個功能的，不信你試試。35、學(xué)習(xí)CSS的HTML代碼：在我們?yōu)g覽一個網(wǎng)頁的時候，我們可以學(xué)習(xí)和借鑒CSS源代碼，這些代碼字?jǐn)?shù)不多，也非常容易理解，通過在瀏覽器主菜單里點擊“查看”“源文件”即可以記事本方式查看網(wǎng)頁的源代碼，其中CSS的設(shè)置應(yīng)該在網(wǎng)頁開頭部分，以<style></style>為格式標(biāo)記，比如下面這段代碼：<style type="text/css">a:link text-decoration: none a:

54、active text-decoration: underline a:hover color: red; text-decoration: underline overlinea:visted color: #808080 body font-family: 宋體; font-size: 9pttable font-size: 10pt; font-family: 宋體 td color: #666699; font-family: 宋體; font-size: 10pt; line-height: 14pt </style>第一行尖括號內(nèi)的意思是：樣式表開始 樣式類型為文字型層

55、疊樣式表第二行：一個超鏈接的風(fēng)格為：無下劃線第三行：一個激活的超鏈接風(fēng)格為：下劃線第四行：一個鼠標(biāo)指向時的超鏈接：紅色上下劃線第五行：一個已經(jīng)訪問過的：顏色為#808080第六行：網(wǎng)頁身體體字體宋體字號9磅第七行：表格里的字號為10磅，字體是宋體第八行：單元格里的顏色為：#666699，字體是宋體，字號是10磅，行間距為14磅。第九行 樣式表結(jié)束這就是一段非常經(jīng)典的CSS源代碼，我們在窗口中做設(shè)定的樣式表無非就是這些代碼，為什么要大家了解源代碼呢？因為CSS的樣式非常多，只靠網(wǎng)頁制作軟件提供的遠遠不夠，我們應(yīng)該多學(xué)習(xí)一些CSS對文字設(shè)置方面的代碼，提高網(wǎng)頁的制作水平，以上只是最基本的網(wǎng)頁主體文字設(shè)置的例子，希望能引領(lǐng)大家進入CSS之門。36、FrontPage的常用組件之水平線：在網(wǎng)頁制作中，一些常用組件已經(jīng)被FrontPage集成進來了，比如水平線，這個組件很實用又簡單，使網(wǎng)頁看上去即親切又動感。在網(wǎng)頁制作中我們也許會有這樣的感覺，如果對于內(nèi)容比