西北農(nóng)林科技大學(xué)計算機網(wǎng)絡(luò)技術(shù)與運用實習(xí)1-2 網(wǎng)頁設(shè)計

1、信 息 工 程 學(xué) 院 計算機網(wǎng)絡(luò)應(yīng)用技術(shù) 實驗/實習(xí)報告學(xué)院:生命科學(xué)學(xué)院班級:2姓名:學(xué)號: 成績:A實習(xí)1-2 網(wǎng)頁設(shè)計一、實習(xí)目的 1.了解HTML文檔結(jié)構(gòu)；2.掌握基本標(biāo)記的使用；3.能夠運用文本編輯器制作簡單網(wǎng)頁。4.熟悉FrontPage2003 的工作環(huán)境；5.掌握FrontPage2003 站點管理功能；6.掌握FrontPage2003制作網(wǎng)頁的基本方法；7.掌握網(wǎng)頁制作中的常用頁面布局方法。8.制作簡單的個人主頁二、實習(xí)內(nèi)容1.學(xué)習(xí)EditPlus文本編輯器的使用。2.使用EditPlus制作只有一行文字的網(wǎng)頁，了解HTML文檔結(jié)構(gòu)，并在IE瀏覽器中打開編寫的網(wǎng)頁文件，查

2、看運行效果；3. 在網(wǎng)頁中添加多段文本內(nèi)容，并對頁面格式進行設(shè)置排版，制作一個簡單文字內(nèi)容的網(wǎng)頁；4. 在網(wǎng)頁中添加圖片，并對頁面格式進行設(shè)置排版，制作一個簡單圖文內(nèi)容的網(wǎng)頁；5. 制作一個索引網(wǎng)頁，建立與前面網(wǎng)頁之間的超連接；6. 制作一個簡單的個人主頁。7.制作一個簡單的個人主頁。8. FrontPage2003管理站點功能（個人網(wǎng)站）；9.制作圖文混排的網(wǎng)頁；10.制作圖片展示網(wǎng)頁；11.制作個人網(wǎng)站首頁；12.自擬主題制作包含圖文混排、圖片、表格、主頁四個頁面的網(wǎng)站。三、實習(xí)要求1. 獨立完成實習(xí)內(nèi)容；2. 保存制作的網(wǎng)頁（包括圖片文件），提示應(yīng)建1個文件夾，將有關(guān)文件存到這個文件夾中

3、；3. 同學(xué)間進行測試（通過文件拷貝方式到其他同學(xué)的計算機上）；4. 根據(jù)指導(dǎo)書實例和操作步驟，獨立完成步驟至的內(nèi)容。5. 自擬主題，完成步驟的任務(wù)。6. 實習(xí)報告中對運用FrontPage制作網(wǎng)頁進行小結(jié)，并對思考題的命題進行簡要的論述（字?jǐn)?shù)500-800）。7提交自擬主題網(wǎng)站的壓縮包。思考問題1. 如何管理網(wǎng)站文件？2. 如何規(guī)劃和設(shè)計較復(fù)雜的主頁？3. 制作網(wǎng)站需要哪幾個階段？各階段應(yīng)完成的基本任務(wù)是什么？四、實習(xí)過程1.學(xué)習(xí)EditPlus文本編輯器的使用。2.使用EditPlus制作只有一行文字的網(wǎng)頁，了解HTML文檔結(jié)構(gòu)，并在IE瀏覽器中打開編寫的網(wǎng)頁文件，查看運行效果；3.在網(wǎng)頁

4、中添加多段文本內(nèi)容，并對頁面格式進行設(shè)置排版，制作一個簡單文字內(nèi)容的網(wǎng)頁；4. 在網(wǎng)頁中添加圖片，并對頁面格式進行設(shè)置排版，制作一個簡單圖文內(nèi)容的網(wǎng)頁；5. 制作一個索引網(wǎng)頁，建立與前面網(wǎng)頁之間的超連接；6. 制作一個簡單的個人主頁。利用EditPlus制作了一個比較簡單的主頁，內(nèi)容是介紹西北農(nóng)林科技大學(xué)王輝教授相關(guān)的新聞報道。用到了插入文字、插入圖片、圖文混排、鏈接網(wǎng)站等等。（網(wǎng)頁文件已打包上傳至附件）運用了多種HTML標(biāo)記，例如：Body、P、br、H1h6、Hr、Font、img等等。網(wǎng)站鏈接，選擇連接西北農(nóng)林科技大學(xué)新聞網(wǎng)。7.制作一個簡單的個人主頁。8. FrontPage2003管

5、理站點功能（個人網(wǎng)站）；9.制作圖文混排的網(wǎng)頁；10.制作圖片展示網(wǎng)頁；11.制作個人網(wǎng)站首頁；12.自擬主題制作包含圖文混排、圖片、表格、主頁四個頁面的網(wǎng)站。首先按照實習(xí)指導(dǎo)，練習(xí)完成了“孫悟空個人主頁”，練習(xí)了FrontPage的基本操作。（網(wǎng)頁文件已打包上傳至附件）隨后選擇了以“我的高中生活”為主題設(shè)計了專題主頁。（網(wǎng)頁文件已打包上傳至附件）主頁各項鏈接五、實習(xí)總結(jié)1.學(xué)習(xí)掌握并練習(xí)的操作：利用EditPlus 和FrontPage進行了插入文字、插入圖片、圖文混排、鏈接網(wǎng)站、鏈接主頁音樂等等2.利用在word中學(xué)到的設(shè)計頁面方法，對FrontPage進行了操作。同時也發(fā)現(xiàn)在編輯功能上有

6、一定的差異。3.利用表格設(shè)計了較為規(guī)范整齊的網(wǎng)頁，但在利用表格時仍存在一些問題，例如：不知如何固定圖片等頁面設(shè)置的大小，以防止在不同大小的窗口中，頁面排布發(fā)生移動。4. 同時對于各種標(biāo)記以及相關(guān)的屬性之間的關(guān)系比較混淆，例如，字標(biāo)記<font></font>與段落標(biāo)記<p>/p>之間是并列的關(guān)系，卻寫成<p font size=>,另外還有<a=href="" >這種錯誤，這就需要對基本的標(biāo)記用法熟練掌握，同時要細(xì)心操作編輯。思考問題1. 如何管理網(wǎng)站文件？當(dāng)創(chuàng)建新的站點時，F(xiàn)rontPage會自動創(chuàng)建ima

7、ges和private兩個文件夾以及一個用戶名為index.htm的網(wǎng)頁文件。文件夾private是FrontPage用來保存一些備份文件或臨時文件的。對于一個網(wǎng)站來說一般默認(rèn)約定index.htm為網(wǎng)站的首頁（主頁）。Images用于保存網(wǎng)站中用到的圖片。2. 如何規(guī)劃和設(shè)計較復(fù)雜的主頁？（1）. 網(wǎng)頁內(nèi)容要規(guī)范 要認(rèn)真規(guī)劃文字與背景顏色的搭配方案。 注意不要使背景的顏色沖淡了文字的視覺效果，最好別把文字的規(guī)格設(shè)得太小、也不能太大。另外，最好讓文本左對齊，而不是居中。按當(dāng)代中文的閱讀習(xí)慣，文本大都居左的。當(dāng)然，標(biāo)題一般應(yīng)該居中，因為這符合讀者的閱讀習(xí)慣。 （2）.運用表格 不要把一個網(wǎng)站的內(nèi)

8、容象作報告似的一二三四地羅列出來，要注意多用表格把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來結(jié)構(gòu)分明。 （3）.不用特殊字體 一些特殊字體在網(wǎng)頁顯示時會出現(xiàn)亂碼，影響網(wǎng)頁質(zhì)量。（4）.盡量為圖片附加注釋文字 給每個圖形加上文字的說明，在出現(xiàn)之前就可以看到相關(guān)內(nèi)容，尤其是導(dǎo)航按鈕和大圖片更應(yīng)如此。3. 制作網(wǎng)站需要哪幾個階段？各階段應(yīng)完成的基本任務(wù)是什么？ （1）.確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題，同時主題要鮮明。 （2）.搜集材料 明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。 （3）.規(guī)劃網(wǎng)站 網(wǎng)站規(guī)劃包含如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等， （4）制作網(wǎng)頁 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大