計(jì)算機(jī)網(wǎng)絡(luò)畢業(yè)論文-Frontpage網(wǎng)頁制作

【摘要】Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的。
【關(guān)鍵字】Frontpage創(chuàng)建站點(diǎn)、新建頁面、文字、超鏈接
現(xiàn)在流行的網(wǎng)頁制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有Adobe Pagemill 3.0--制作多框架，表單和Image map 圖像的網(wǎng)頁工具、Netscape等等。其中Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容。
工具準(zhǔn)備好了，可根據(jù)你的個(gè)人喜好來選擇一些素材，如圖片、喜歡的文章等�，F(xiàn)在就讓我們從第一步的建立站點(diǎn)來踏上建造網(wǎng)上家園之旅。
　　用FRONTPAGE創(chuàng)建站點(diǎn)是很容易的。首先，我們來看一下創(chuàng)建一個(gè)只包含一個(gè)網(wǎng)頁的站點(diǎn)。 選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，這時(shí)新建站點(diǎn)對(duì)話框就彈出來了，在“指定新站點(diǎn)位置”文本框中輸入新站點(diǎn)的位置，單擊“只有一個(gè)網(wǎng)頁的站點(diǎn)” 圖標(biāo)，單擊“確定”按鈕。這就建立好站點(diǎn)了，我們現(xiàn)在來看一下新的站點(diǎn)里有什么，單擊“視圖”工具條的“文件夾”按鈕。 在文件夾列表里有一個(gè)網(wǎng)頁文件，名字叫做“index.htm”。我們知道，每一個(gè)站點(diǎn)都要有一個(gè)主頁，這個(gè)主頁也是一個(gè)網(wǎng)頁文件。瀏覽者訪問站點(diǎn)時(shí)首先進(jìn)入的就是站點(diǎn)的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個(gè)網(wǎng)頁的站點(diǎn)時(shí)，F(xiàn)RONTPAGE就自動(dòng)為我們創(chuàng)建了站點(diǎn)的主頁了。這個(gè)新建的站點(diǎn)主頁時(shí)空的，我們可以向里面添加內(nèi)容。
　　在文件列表里除了主頁之外，還有文件夾。新建站點(diǎn)時(shí)，F(xiàn)RONTPAGE都會(huì)在站點(diǎn)所在位置下新建兩個(gè)文件夾，一個(gè)是“images”另一個(gè)是“_private”。我們?cè)诰庉嬚军c(diǎn)時(shí)可以在“image”文件夾里放置站點(diǎn)用到的圖片。 “private”文件夾比較特殊，其中的文件對(duì)瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個(gè)文件夾里，比如：我們可以在這個(gè)文件夾里存放注冊(cè)用戶的個(gè)人信息。
　　盡管每一個(gè)站點(diǎn)都要有一個(gè)主頁，不過創(chuàng)建站點(diǎn)時(shí)我們?nèi)匀豢梢詮囊粋�(gè)空站點(diǎn)開始：選擇“文件”菜單的“新建”命令，單擊“站點(diǎn)”選項(xiàng)，在“新建站點(diǎn)”對(duì)話框里，我們可以選擇“空站點(diǎn)”圖標(biāo)來創(chuàng)建一個(gè)空站點(diǎn)。“新建站點(diǎn)”對(duì)話框中還有許多其他圖標(biāo)，這是FRONTPAGE提供的用來創(chuàng)建站點(diǎn)模板或向?qū)�。我們�?chuàng)建只有一個(gè)網(wǎng)頁的站點(diǎn)或者創(chuàng)建空站點(diǎn)，都是從頭開始來創(chuàng)建一個(gè)站點(diǎn)，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。
　　同樣的，盡管站點(diǎn)的風(fēng)格千差萬別但是有許多站點(diǎn)的功能和結(jié)構(gòu)都是一樣的，如果我們從頭開始建立站點(diǎn)的話，就要做許多重復(fù)勞動(dòng)，這時(shí)，我們就可以使用模板或向?qū)�來建立站點(diǎn)。模板和向?qū)У淖饔镁秃孟裆w房子的圖紙一樣，我們不必每次建立站點(diǎn)時(shí)都從頭開始。 我們單擊“個(gè)人站點(diǎn)”圖標(biāo)， 用它可以迅速創(chuàng)建一個(gè)個(gè)人站點(diǎn)，輸入站點(diǎn)所在的位置，單擊“確定”按鈕， 這樣我們剛就創(chuàng)建了個(gè)人站點(diǎn)。個(gè)人站點(diǎn)模板已經(jīng)為我們規(guī)劃好了站點(diǎn)的目錄和建立了相關(guān)的頁面。 現(xiàn)在我們點(diǎn)擊一下“文件夾”按鈕， 雙擊index.htm圖標(biāo)，
看，這就是我們的個(gè)人站點(diǎn)的主頁。哎，好象有許多文字都不對(duì)，沒關(guān)系，這些文字都是可以改變的，現(xiàn)在寫的是文字的用途，比如“主題”文字就是用來寫網(wǎng)站標(biāo)題的地方，我們只要把它改為自己喜歡的標(biāo)題就可以了。返回到“文件夾”模式，雙擊photo.htm。 也可以把風(fēng)景圖片換成自己的照片，只要在新建站點(diǎn)的基礎(chǔ)上進(jìn)一步修改就可以做出自己的個(gè)人站點(diǎn)了。 這不僅節(jié)省了許多力氣，同時(shí)也給了初學(xué)者一個(gè)良好的出發(fā)點(diǎn)。

　　那么模板和向?qū)в惺裁磪^(qū)別呢？我們安裝軟件時(shí)，一步步的用對(duì)話框提示我們完成安裝過程的程序就是一個(gè)向?qū)�。在FRONTPAGE里，向?qū)б彩且环N模板，不過它是一種特殊的模板，它會(huì)以對(duì)話框的形式輔助你完成站點(diǎn)的創(chuàng)建過程。
　　現(xiàn)在我們選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，
你看，F(xiàn)RONTPAGE提供了兩個(gè)向?qū)В汗�司展示向�(qū)�、討論站點(diǎn)向?qū)�，使用起來都很方便，你有興趣也可以利用向?qū)Ы�立一個(gè)站點(diǎn)。
創(chuàng)建頁面最簡單的就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個(gè)向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁、站點(diǎn)、文件夾和任務(wù)。默認(rèn)狀態(tài)下是新建網(wǎng)頁。
如果要新建網(wǎng)頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網(wǎng)頁能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網(wǎng)頁”，在“新建”對(duì)話框里，可以看到FRONTPAGE提供的許多網(wǎng)頁模板，我們可以用這些模板來建立相應(yīng)的網(wǎng)頁。在右下角的預(yù)覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁，這樣就創(chuàng)建了一個(gè)新的分為兩欄的網(wǎng)頁了。然后點(diǎn)確定。使用模板可以不用總是從空白網(wǎng)頁開始編輯，這樣就省力很多。
網(wǎng)上幾乎所以的網(wǎng)頁都使用圖片加以點(diǎn)綴，在網(wǎng)頁中插入適當(dāng)?shù)膱D片，能夠產(chǎn)生圖文并茂的效果。
　　如果有一個(gè)圖形，怎么把它放到網(wǎng)頁上呢？
　　首先要看你的圖形是什么格式的，也就是它擴(kuò)展名是什么 只有擴(kuò)展名為GIF和JPEG的圖形文件才能成為我們的頁面的一部分。因?yàn)檫@兩種圖形格式不僅廣泛，而且有利于節(jié)省存貯空間。如果圖形不是這種格式，使用了其它格式的圖形文件，在保存網(wǎng)頁時(shí)FRONTPAGE會(huì)提示做格式轉(zhuǎn)換，F(xiàn)RONTPAGE可以自動(dòng)進(jìn)行格式轉(zhuǎn)換。
　　現(xiàn)在可我們看看怎么插入圖形 選擇“插入”菜單的“圖片”命令，單擊“來自文件”按鈕。
在默認(rèn)情況下，F(xiàn)RONTPAGE認(rèn)為你要插入的圖片總是放在你建立的站點(diǎn)的目錄或它的子目錄下的�？梢哉f,站點(diǎn)就是一個(gè)目錄。我們把編輯的許多網(wǎng)頁文件放在同一個(gè)目錄下，我們稱這個(gè)目錄為站點(diǎn)的主目錄。這些網(wǎng)頁引用的圖形一般也放在這個(gè)目錄下。當(dāng)然，我們也可以在這個(gè)目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進(jìn)行選擇。
　　如果要插入的圖片不在主目錄下, 在“選擇文件”對(duì)話框中進(jìn)行選擇。選擇好文件以后，單擊“確定”按鈕，回到“圖形”對(duì)話框。單擊“確定”按鈕，圖形就插入了�，F(xiàn)在單擊“常用”工具欄的“保存”按鈕。 在“另存為”對(duì)話框中輸入新的web頁文件的名字，單擊“保存”按鈕。出現(xiàn)了一個(gè)對(duì)話框, 因?yàn)槲覀儎偛挪迦氲奈募�不在站點(diǎn)內(nèi)，現(xiàn)在FRONTPAGE要把它復(fù)制到站點(diǎn)內(nèi)，可是使用什么名字，放在站點(diǎn)的哪個(gè)目錄下呢，就要在這設(shè)置了，單擊“改變文件夾”按鈕，另外這兒還在需要時(shí)對(duì)圖形的格式進(jìn)行轉(zhuǎn)換。單擊“位置”按鈕，在默認(rèn)情況下，圖形被保存在站點(diǎn)的主目錄下，現(xiàn)在我們選擇IMAGE目錄，單擊“確定”按鈕。回到“嵌入式文件”窗口，再單擊“確定”。這樣，圖形就保存在站點(diǎn)內(nèi)了
我們還可以從INTERNET上插入一個(gè)圖形。選擇“插入”菜單的“圖片”命令， 在URL欄內(nèi)輸入圖片的地址，單擊“確定”按鈕。由于是插入網(wǎng)上的圖片，因此在插入圖形以后，應(yīng)該保存一下網(wǎng)頁，使圖形存到站點(diǎn)內(nèi)。
　　您可能說,我不會(huì)畫畫，插入圖片容易，可是編輯圖片就不容易了。沒關(guān)系，F(xiàn)RONTPAGE自己帶有許多剪貼畫，你可以把它們插入到自己的網(wǎng)頁。 選擇“插入”菜單的“圖片”命令， 選擇“剪貼畫”。 你看，各種剪貼畫都分類放好了。你可以自由地選擇。不過，插入后別忘了保存網(wǎng)頁，把剪貼畫復(fù)制到站點(diǎn)目錄下。
一般我們插入的圖形總是和文本在一起的，所以調(diào)整圖形和文本的對(duì)齊方式很重要。 在默認(rèn)情況下，圖形自動(dòng)與文本的底部對(duì)齊。這一個(gè)網(wǎng)頁，由于默認(rèn)的對(duì)齊效果，頁面出現(xiàn)了大量的空白。這時(shí)就要調(diào)整圖形的對(duì)齊屬性。在圖形上單擊鼠標(biāo)右鍵，選擇“圖片屬性”，選擇“外觀”選項(xiàng)卡我們把對(duì)齊方式調(diào)整為“左對(duì)齊”。 使用圖形可以使網(wǎng)頁更加豐富多彩，而且我們還可以用圖形來建立超鏈接，使網(wǎng)頁相互聯(lián)系起來。怎么用圖形來建立鏈接呢？ 其實(shí)圖形超鏈接只要在建立超鏈接時(shí)選擇圖形就可以了。首先選中超鏈接的圖形，單擊箭頭圖形，單擊“常用”工具欄“超鏈接”按鈕，選擇主頁文件“頁面1.htm”，單擊“確定”按鈕. 在普通模式中，按住CTRL鍵，單擊箭頭圖形，就跳到主頁頁面了。

如果我們要在圖片上加上文字，單擊圖形工具欄“文本”按鈕，現(xiàn)在圖形中就出現(xiàn)了一個(gè)文本框，輸入：“機(jī)軟件”按一下Esc鍵，取消文字編輯，就選中文字框了，調(diào)整文本框到合適的位置，單擊頁面其他區(qū)域，文字就添加成功了。
　　如果我要修改 單擊一下要修改的文字，這時(shí)文字作為一個(gè)整體被選中了，再點(diǎn)一下文字，這時(shí)文本框里有光標(biāo)閃爍，你可以編輯文本了，重新輸入：“計(jì)算機(jī)硬件”，在頁面其他區(qū)域單擊。 文字就修改完成了。
　　怎樣使文字更豐富、活潑呢？一個(gè)簡單的就是使用“格式”工具欄。
字體設(shè)置：選上文字，打開格式工具欄的“字體”下拉列表框，在里面選擇相應(yīng)的字體就可以了。如果瀏覽網(wǎng)頁的人使用的計(jì)算機(jī)沒有設(shè)置的字體？瀏覽器會(huì)用系統(tǒng)默認(rèn)的字體代替你設(shè)置的字體。不過，使用常用字體是一個(gè)好習(xí)慣。
字號(hào)設(shè)置：在“格式”工具欄“字號(hào)”下拉列表框中選擇相應(yīng)字體就可以了
工具欄上的B、I、U圖標(biāo)的作用是：
按下B按鈕，被選中的文字就會(huì)變?yōu)榇煮w
按下I按鈕，被選中的文字就會(huì)變?yōu)樾斌w
按下u按鈕，被選中的文字就會(huì)帶下畫線
字的顏色：單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭，選擇適當(dāng)?shù)念伾�，字的顏色就改變了�?
還可以對(duì)字體進(jìn)行一些其他設(shè)置。選擇“格式”菜單的“字體”命令，在這里我們還可以作進(jìn)一步的設(shè)置。這里除了“格式”工具欄可以做的設(shè)置以外，還可以設(shè)置許多效果。
“字符間距”選項(xiàng)卡：它是用來設(shè)置文字的間距的。單擊“間距”下拉列表，可以選擇字符的間距是普通、擴(kuò)充還是緊縮的。選擇擴(kuò)充，這時(shí)預(yù)覽框的文字間距就變大了。也可以調(diào)整間距大小來改變間距，輸入10，文字的間距就更大了。
“定位”下拉列表：在FRONTPAGE中每一行都有一個(gè)底線，定位就是指文字相對(duì)于底線的距離。也就是把文字上下移動(dòng)，現(xiàn)在選擇“上移”，文字就向上移動(dòng)了。預(yù)覽框中的黑線就是行的底線。
設(shè)計(jì)好的頁面，應(yīng)該檢查它在瀏覽器中是否顯示正常。
方法是，一般只要切換到預(yù)覽模式就可以了。單擊“預(yù)覽”選項(xiàng)卡，在這個(gè)預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網(wǎng)頁了。因?yàn)榧词故峭�一個(gè)頁面，可能在不同的瀏覽器中顯示會(huì)不太一樣。比如在INTERNET EXPLORER中是這樣顯示的，但是在NETSCAPE中又是那樣顯示的。所以，我們要在自己的機(jī)器上多裝幾個(gè)瀏覽器，用來檢查網(wǎng)頁的兼容性。
那么為什么不用不同的瀏覽器來檢查呢？選擇“文件”菜單的“在瀏覽器中預(yù)覽”選項(xiàng)，在瀏覽器列表框中選擇不同的瀏覽器。（以INTERNET EXPLORER 5.0為例）單擊“確定”按鈕。就可以看到新建頁面在瀏覽器中的效果了。
怎樣才能自己做的網(wǎng)頁相互聯(lián)系起來呢?也就是說讓別人點(diǎn)頁面上的圖形或文本就跳轉(zhuǎn)到其他頁面呢？
　　在網(wǎng)頁里，我們把這種點(diǎn)擊后會(huì)進(jìn)行頁面切換的網(wǎng)頁界面元素叫超鏈接。
　　先來看一下用文字來建立鏈接。
　　首先創(chuàng)建一個(gè)指向站點(diǎn)內(nèi)其他網(wǎng)頁的超鏈接。
選擇“插入”菜單的“超鏈接”命令，在文件列表框內(nèi)選擇“頁面1.htm”文件，注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。 我們切換到預(yù)覽模式（單擊預(yù)覽按鈕），當(dāng)我們把鼠標(biāo)指向“主頁”兩字時(shí)鼠標(biāo)變成手形，單擊它，我們就切換到主頁了。
　　那么為什么不在普通模式下試呢？：因?yàn)槠胀�模式主要是用來編輯網(wǎng)頁的，當(dāng)我們?cè)谄胀�模式把鼠�?biāo)指向“主頁”兩字時(shí)鼠標(biāo)沒有變成小手狀，因此不能進(jìn)行頁面切換。 不過如果按住CTRL鍵，鼠標(biāo)就變成了小手狀。這時(shí)單擊就可以進(jìn)行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。
　　我們也可以將超鏈接指向其他站點(diǎn)的網(wǎng)頁。選中作為超鏈接的文本，單擊“常用”工具欄的“超鏈接”按鈕，這和選擇插入菜單的超鏈接命令是一樣的。 在“創(chuàng)建超鏈接”對(duì)話框里，在URL地址欄直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。 如果不清楚要作超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網(wǎng)頁，F(xiàn)RONTPAGE會(huì)自動(dòng)記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設(shè)置好的超鏈接。首先確認(rèn)是普通模式，在要改變的超鏈接下單擊鼠標(biāo)右鍵，選擇“超鏈接屬性”命令，輸入新的URL地址就可以了。 要想取消超鏈接，刪除所有URL地址框里的就可以了。還有一種超鏈接，可以鏈接郵件。這樣可以使你的網(wǎng)上朋友通過Email及時(shí)與你聯(lián)系，這是一個(gè)網(wǎng)站站長和網(wǎng)友交流的重要手段。 先選中要作為超鏈接的文本，一般文本就是你的郵箱地址，單擊“超鏈接”按鈕，單擊“信封”按鈕，輸入你的郵箱地址，單擊“確定”按鈕，退出對(duì)話框， 選擇“確定”，這時(shí)超鏈接就建立好了。我們?cè)囈幌�，切換到預(yù)覽模式，單擊郵件鏈接。

    這樣我們就差不多完成了網(wǎng)頁的制作步驟，最后可將它發(fā)布到Web服務(wù)器上。站點(diǎn)發(fā)布前還要對(duì)它進(jìn)行檢查工作，包括超鏈接，頁面等。
【】
〈1〉喬春源，樊天岳等。信息技術(shù)。江蘇技術(shù)出版社，2001年7月。
〈2〉李振格。Office入門與提高。清華大學(xué)出版社，2001年2月。
〈3〉王超鋒。網(wǎng)頁制作。人民郵電出版社，2001年10月。

【計(jì)算機(jī)網(wǎng)絡(luò)畢業(yè)論文-Frontpage網(wǎng)頁制作】相關(guān)文章：

網(wǎng)頁設(shè)計(jì)的畢業(yè)論文03-25

計(jì)算機(jī)網(wǎng)絡(luò)畢業(yè)論文05-16

計(jì)算機(jī)網(wǎng)絡(luò)的畢業(yè)論文11-23

計(jì)算機(jī)網(wǎng)絡(luò)畢業(yè)論文-網(wǎng)頁惡意代碼的十一大危害及其解決方案03-03

計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)畢業(yè)論文03-03

《網(wǎng)頁制作技術(shù)》項(xiàng)目教學(xué)法的研究與實(shí)踐03-04

計(jì)算機(jī)網(wǎng)絡(luò)畢業(yè)論文參考文獻(xiàn)05-10

計(jì)算機(jī)網(wǎng)絡(luò)畢業(yè)論文-網(wǎng)絡(luò)與未來出版11-18

畢業(yè)論文答辯PPT制作攻略11-28