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

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

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

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

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

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

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

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