計算機網(wǎng)絡技術與應用實習報告1.doc

信 息 工 程 學 院實驗報告的內(nèi)容與格式按任課教師的要求書寫。 計算機網(wǎng)絡應用技術 實驗/實習報告學院:食品科學與工程學院班級:食工111姓名:折彎彎學號:2011013495 成績:實習1-2 網(wǎng)頁設計1、 實驗/實習過程 實習一1.學習EditPlus文本編輯器的使用打開EditPlus顯示如圖1-1界面，通過“文件”“新建”“html網(wǎng)頁”新建一個頁面，如圖1-2所示。圖1-1 editplus界面圖1-2 新建html 網(wǎng)頁界面在D盤根目錄下建立一個文件夾，并下載2-4張圖片保存在該文件夾中（2至6步制作的網(wǎng)頁文件也保存在該文件夾中）2.使用EditPlus制作一行文字的網(wǎng)頁l 使用EditPlus新建一個空白網(wǎng)頁，觀察網(wǎng)頁的基本結構，了解基本結構所用標記的作用，保存文件，在IE瀏覽器中查看網(wǎng)頁運行效果。l 將標記中的文本改為“單行文本”，在標記之間添加文字“西北農(nóng)林科技大學”，用“0.htm”文件名存盤并查看運行效果。3. 制作一個簡單文字內(nèi)容的網(wǎng)頁 新建一個空白網(wǎng)頁； 添加適量文字； 利用HTML文字標記進行版面編排，要求： 使用標題；使用h1-h6標記 分段（p標記）、分行（br標記）、段落對齊方式（在p標記中設置align屬性）； 設置字體（font標記中設置size,face,color屬性），設置字型（b,I,u標記）； 插入水平線（hr標記）等。 保存文件（文件名為1.htm）； 在IE瀏覽器中查看網(wǎng)頁運行效果； 重復的過程，更改標記屬性，觀察運行效果。4. 制作一個簡單圖文內(nèi)容的網(wǎng)頁 新建一個空白網(wǎng)頁，在網(wǎng)頁中添加適量文字，利用HTML文字標記進行版面編排； 運用HTML標記插入圖片（img標記），設置圖片的屬性（修改img標記的Src,height,width,alt,align屬性），進行圖文混排,注意圖片文件應； 保存文件（文件名為2.htm），查看網(wǎng)頁運行效果。5.建立超連接 新建一個空白網(wǎng)頁，在網(wǎng)頁中添加2個超鏈接，分別鏈接到前面制作的網(wǎng)頁（1.htm和2.htm）上，保存文件（文件名為index.htm），查看網(wǎng)頁運行效果，進行鏈接測試。 在網(wǎng)頁中建立其它網(wǎng)站的超鏈接，分別鏈接到“西北農(nóng)林科技大學”主頁（），“新浪網(wǎng)”主頁（），查看網(wǎng)頁運行效果，進行鏈接測試，如圖所示：6.制作一個簡單的網(wǎng)頁網(wǎng)頁制作結果如圖所示實習二1.熟悉FrontPage 2003 的工作環(huán)境。啟動FrontPage 2003，熟悉FrontPage 2003工作環(huán)境。2.FrontPage管理站點 建立站點文件夾：在D盤根目錄下建立myweb文件夾。 創(chuàng)建站點打開“文件“菜單”，單擊“新建”，在任務窗格中選擇“其他網(wǎng)站模版”，打開網(wǎng)站模板對話框，選擇“空白站點”，在指定新站點的位置中，輸入D:myweb或C:myweb（即站點在本地磁盤上的位置），單擊“確定”按鈕，完成站點的創(chuàng)建。 查看站點目錄結構單擊“視圖欄”（窗口左側(cè)）中“文件夾”圖標，即可查看站點目錄結構。FrontPage自動建立了images和_private等文件夾。 創(chuàng)建網(wǎng)站其它文件夾在本站點中，建立如下文件夾：xiangce和aihao，然后分別在這兩個文件夾中建立文件夾images。3.制作一個圖文混排的網(wǎng)頁 打開“文件“菜單”，單擊“新建”，選擇“空白網(wǎng)頁”，在FrontPage中將出現(xiàn)一個空白的網(wǎng)頁。 在頁面上單擊右鍵，選擇“網(wǎng)頁屬性”，打開頁面屬性對話框，選擇各選項卡進行適當配置。 在網(wǎng)頁中輸入（粘貼）一段文字（孫悟空自傳，作業(yè)管理系統(tǒng)共享資源中下載），設置第一段（作為標題）為“黑體、6號（24磅）”，其余文字設置為“宋體、4號（14磅）”。 在網(wǎng)頁中插入一張圖片(sunwukong.jpg，作業(yè)管理系統(tǒng)共享資源中下載)，設置圖片的對齊屬性為“左對齊”。調(diào)整位置,如圖2-1所示。 將保存網(wǎng)頁到網(wǎng)站的根目錄（d:myweb）中，文件名為zizhuan.htm。圖2-1 zizhuan.htm網(wǎng)頁圖2-2“保存嵌入式文件”對話框4.制作一個圖片展示網(wǎng)頁 打開“文件”，單擊“新建”，選擇“空白網(wǎng)頁”，在FrontPage中將出現(xiàn)一個空白的網(wǎng)頁。 在網(wǎng)頁中插入一個7行3列的表格，在表格屬性中，將表格的邊框粗細設置為0，接著再將第1行的3列合并,輸入文字“孫悟空的幸福生活”，設置為“標題一”格式。調(diào)整單元格行高，如圖2-3所示。圖2-3 制作中的xiangche.htm網(wǎng)頁圖2-4 完成的xiangce.htm網(wǎng)頁 在表格的單元格中，插入圖片和文字說明(作業(yè)管理系統(tǒng)共享資源中下載)。如圖2-4所示。 將保存網(wǎng)頁到網(wǎng)站的根目錄（d:mywebxiangce）中，文件名為xiangce.htm。5.制作個人主頁（首頁）網(wǎng)頁設計時，網(wǎng)頁的布局方式將直接影響頁面的外觀，同時也是體現(xiàn)設計師的水平的一個標準。在設計布局時，通常采用表格的方式。在本網(wǎng)站主頁的制作中，我們也將使用表格方式布局。 打開“文件”，單擊“新建”，選擇“空白網(wǎng)頁”，在FrontPage中將出現(xiàn)一個空白的網(wǎng)頁。 在網(wǎng)頁中插入一個7行2列的表格（寬：700像素；邊框：0；單元格襯距：0；單元格間距：0），將第一行第一列單元格設為“水平：右對齊；垂直：頂端對齊”；然后將第2列的所有單格合并。 在剛合并完成后單元格中，設置單元格對齊屬性為“水平：左對齊；垂直：頂端對齊”，然后在該單元格插入一個4行1列的表格（寬度：100%；邊框：0；單元格襯距：0；單元格間距：0），并將該表格的第一行單元格設為“水平：左對齊；垂直：頂端對齊”。完成的布局如圖然后調(diào)整單元格行高。 在左邊單元格和右邊第1行的單元中，插入的圖片（教學資源網(wǎng)下載）， 將右邊第2行拆分為2列。在第3行中，插入一個1行3列的表格(寬：100%；高：100%，邊框：0)。 接下來，在單元格中插入圖片，輸入文字。 將“悟空自傳”圖片超鏈接到前面制作的網(wǎng)頁“zizhuan.htm”,“我的相冊”圖片超鏈接到“xiangce.htm”，“我的母校”圖片邊接到“”，“與我聯(lián)系”圖片超鏈接到“mailto:”。 將網(wǎng)頁保存到網(wǎng)站的根目錄（d:myweb）中，文件名為index.htm。 在瀏覽器中打開index.htm頁面，如圖所示。實習 三1、自擬站點主題為旅游攻略“走進神木神湖”，規(guī)劃站點內(nèi)容，收集相關素材并整理在文件夾中。2、FrontPage管理站點； 建立站點文件夾；創(chuàng)建站點；建網(wǎng)站其它目；分別初步制作各個頁面3、在2的基礎上，再次修改網(wǎng)頁界面，盡可能美觀大方整齊。頁面設計預覽如下所示：二、實習總結1、通過第一次的實習，我對網(wǎng)頁構成和HTML語言有了初步的了解，掌握了一些常用的HTML語言標記的使用。基本掌握了網(wǎng)頁制作的一般方法和步驟，能夠用EditPlus軟件制作簡單的網(wǎng)頁。學到的重要知識是：超鏈接中的絕對URL和相對URL（1）絕對URL是指internet上資源的相對地址，包括協(xié)議種類、計算機域名和包含路徑的文檔名。一般用于鏈接本站點以外的文件。（2）相對URL是指internet上資源相對于當前頁面的地址，包含當前頁面指向目的頁面位置的路徑。相對URL本身并不能唯一定位資源，但瀏覽器會根據(jù)當前頁面的絕對URL正確地理解相對URL。相對URL一般用于鏈接本站點內(nèi)的文件。2、通過第二、三次實習熟悉了FrontPage2003 的工作環(huán)境，基本掌握了FrontPage2003 站點管理功能、制作網(wǎng)頁的基本方法、網(wǎng)頁制作中的常用頁面布局方法。最后，我可以自己比較熟練的制作一個簡單的網(wǎng)站，收獲頗豐。3、在實習過程中，雖然有實習指導，但還是遇到了一些大大小小的問題，通過向周圍同學和老師詢問，最終解決問題。在今后的實習中，我應該更認真細心一些，并且要盡量自己解決問題，這樣才會學到更多。思考題：1、如何管理網(wǎng)站文件？答：在網(wǎng)上注冊一個免費空間，用FTP軟件將相關的文件上傳到WEB服務器中，進入操作軟件，然后打開自己的站點，這樣就可以進行文件的復制粘貼等操作，從而對網(wǎng)頁進行修改。2、 如何規(guī)劃和設計較復雜的主頁？答：規(guī)劃和設計一個復雜的主頁首先要有一個大致的構造思想，如列入文字，圖片等的不同表達，然后按照自己的構思搜集和整理所需的材料并分類存儲在相應文件夾中，最好可以先畫個流程圖，從而使條理清晰，之后，便可以運用網(wǎng)頁制作軟件開始制作。在初步制作之后，可以通過預覽查看效果，再根據(jù)需要進行適當修改即可。3、 制作網(wǎng)站需要哪幾個階段？各階段應完成的基本任務是什么？答：（1）確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。最好找準一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給人留下深刻的印象。網(wǎng)站的主題無定則，只要是自己感興趣的，任何內(nèi)容都可以，但主題要鮮明，在該主題范圍內(nèi)內(nèi)容做到大而全、精而深。（2）搜集材料 明確了網(wǎng)站的主題以后，就要圍繞主題開始搜集材料了。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。（3）規(guī)劃網(wǎng)站 網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結構、欄目的設置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。（4）選擇合適的制作工具 一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者是Dreamweaver和Frontpage了，如果是初學者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，可以根據(jù)需要靈活運用。（5） 制作網(wǎng)頁 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了。要按照先大后小、先簡單后復雜