計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)與應(yīng)用實(shí)習(xí)報(bào)告1.doc

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