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

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

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

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

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

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

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

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

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