1、網(wǎng)頁設(shè)計 實習(xí)指導(dǎo)書余霞 編河南信息工程學(xué)校二一0年九月實驗一 站點的規(guī)劃與建立一、 實習(xí)目的1. 掌握站點的基本概念；2. 使學(xué)生對網(wǎng)站及網(wǎng)頁有一定的認(rèn)識，激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計的興趣。二、 實習(xí)要求掌握站點文件夾設(shè)計的基本要求；了解常見網(wǎng)站的布局風(fēng)格；掌握網(wǎng)站建設(shè)中的顏色使用掌握網(wǎng)頁設(shè)計的基本原則、基本風(fēng)格與基本構(gòu)圖特點；三 實習(xí)內(nèi)容及方法1登錄到如下網(wǎng)站，了解各網(wǎng)站的風(fēng)格（主題圖形形象、導(dǎo)航是否清晰，整體色調(diào)的搭配是否協(xié)調(diào)，主題是否突出等）；1） http:/appleshow.cc/2） http:/www.kontidom.ru 3） http:/www.fantasyinterfac

2、/conspiracygames/movie.html4） http:/www.hostile.fr/5） /egeis/sys1.htm2建立下圖所示的站點結(jié)構(gòu)四 思考 根據(jù)自己的要求，設(shè)計建立對應(yīng)的站點結(jié)構(gòu)。 實習(xí)二 網(wǎng)頁的基本結(jié)構(gòu)和文字設(shè)置一 實習(xí)目的掌握網(wǎng)頁的基本結(jié)構(gòu)及必須的標(biāo)記；了解Web頁面中特殊字符及顏色的顯示，掌握頁面整體顏色配比。掌握對文字修飾的各種標(biāo)記及換行和分段標(biāo)記二 實習(xí)要求掌握網(wǎng)頁的基本結(jié)構(gòu)，熟悉html、head、body、title基本標(biāo)記了解Body標(biāo)記的BackColor、BackGround、Text、Lin

3、k、VLink、ALink屬性，特殊字符的顯示學(xué)會使用標(biāo)記、掌握Font基本屬性size、color、face用記事本完成簡單的網(wǎng)頁三 實習(xí)內(nèi)容及方法1. 網(wǎng)頁基本結(jié)構(gòu) 表示網(wǎng)頁的開始 網(wǎng)頁頭，用來保存對網(wǎng)頁的一些注釋及規(guī)定一些動作網(wǎng)頁標(biāo)題 在瀏覽器標(biāo)題欄顯示的內(nèi)容 結(jié)束網(wǎng)頁頭 正文開始 正文 顯示在瀏覽器中的內(nèi)容 正文結(jié)束 網(wǎng)頁結(jié)束2. 用記事本建立一個簡單的網(wǎng)頁第一步：從開始菜單欄中啟動記事本；第二步：在記事本中輸入一下內(nèi)容我的第一個網(wǎng)頁Hello, World!第三步：在文件菜單中單擊保存選擇保存類型為：所以類型輸入文件名為test.html單擊確定按鈕；第四步：找到剛才建立的文件，雙擊

4、打開，瀏覽自己的網(wǎng)頁3. Body屬性的使用及特殊字符的顯示。用記事本建立一個網(wǎng)頁sec.htm，內(nèi)容如下：我的第二個網(wǎng)頁我的<友情鏈接>搜狐新浪我自己4. 字符式樣 建立網(wǎng)頁style.htm,代碼如下：字符式樣正常正文顯示粗體顯示斜體顯示文字加下劃線我現(xiàn)在是粗體粗斜體粗斜體并加下劃線又是粗斜體粗體5. Font標(biāo)記的使用 建立網(wǎng)頁Font.htm，代碼如下： Font標(biāo)記的使用 這是Font標(biāo)記修飾的文字：字號2、茶色、字體為華文行揩6. 網(wǎng)頁中的換行和分段 建立網(wǎng)頁p.htm，代碼如下：網(wǎng)頁中的換行和分段 在此頁中，展示換行和分段。這是第一段的第一行，這是第一段的第二行。這是第二

5、段的第一行；下面將用一個紅色、一個像素點高、70寬的水平線分段。這是第三段。一級標(biāo)題二級標(biāo)題三級標(biāo)題四級標(biāo)題四 思考如下網(wǎng)頁能否正確顯示，為什么？testHello, World! I song for you.實習(xí)二 圖像、表格及用表格進(jìn)行網(wǎng)頁布局一、 實習(xí)目的1. 學(xué)會在網(wǎng)頁中創(chuàng)建表格2. 學(xué)會使用表格進(jìn)行網(wǎng)頁布局3. 掌握在網(wǎng)頁中插入圖像二、 實習(xí)要求1. 掌握創(chuàng)建表格的必要標(biāo)記、，了解基本的屬性；2. 掌握IMG的基本屬性src、width、height及alt3. 掌握用表格進(jìn)行網(wǎng)頁布局三、 實習(xí)內(nèi)容及方法1. 創(chuàng)建簡單表格建立網(wǎng)頁table.htm，代碼如下：表格示例表頭項1 表頭

6、項2 表頭項3 表項1 表項2 表項3 表項4 表項5 表項62. 表格的格式建立網(wǎng)頁table_format.htm，創(chuàng)建一個相對頁面居中的表，無邊框線，寬400個像素，高100個像素，代碼如下表格示例水平居中 水平居中，垂直頂端對齊 垂直底端對齊 水平右對齊 表項4 表項5 3. 表格的修飾建立網(wǎng)頁table_style.htm，首先復(fù)制一張擴展名為jpg的圖片和網(wǎng)頁文件放在同一個文件夾中，并重命名為bg.jpg；代碼如下：表格示例表頭項1 表頭項2 表頭項3 表項1 表項2 表項3 表項4 表項5 表項64. 表格的嵌套建立網(wǎng)頁Mit_table.htm，代碼如下：表格嵌套 這是外部表格

7、 表項2 這是內(nèi)部部表格 內(nèi)部表項2以上是嵌入的表格 表項5 5. 網(wǎng)頁布局建立一個網(wǎng)頁layout.htm，設(shè)計一個主頁面，代碼如下：網(wǎng)頁布局 我 的 主 頁 首頁 | 同學(xué)錄 | 我的相冊 | 關(guān)于本站 歡迎光臨我的主頁 導(dǎo)航菜單 正文 6. 在網(wǎng)頁中插入圖片 建立網(wǎng)頁image.htm，首先復(fù)制一張擴展名為jpg的圖片和網(wǎng)頁文件放在同一個文件夾中，并重命名為image.jpg；代碼如下：在網(wǎng)頁中插入圖片下面的圖片按原始大小插入：下面是按所在窗口大小的50縮放后的顯示下面是按320200的固定大小顯示四、 思考題1、如何在表格中插入圖像？2、自己建立一個主頁面。實習(xí)三 框架和超級鏈接一、

8、實習(xí)目的1. 學(xué)習(xí)在網(wǎng)頁中創(chuàng)建超級鏈接2. 學(xué)習(xí)使用框架進(jìn)行網(wǎng)頁布局二、 實習(xí)要求1. 掌握超級鏈接標(biāo)記A及其基本屬性和三種鏈接方式及區(qū)別2. 掌握使用框架進(jìn)行網(wǎng)頁布局三、 實習(xí)內(nèi)容及方法1. 指向本地（網(wǎng)站內(nèi)）的鏈接相對地址建立兩個網(wǎng)頁a1.htm和a2.htm，并保存在同一個文件夾中a1.htm指向本地（網(wǎng)站內(nèi)）的鏈接a2.htm在本窗口顯示a2.htm在新窗口顯示a2.htm指向本地（網(wǎng)站內(nèi)）的鏈接a1.htm在本窗口顯示a1.htm在新窗口顯示2. 指向其他網(wǎng)站網(wǎng)頁的鏈接絕對地址建立一個網(wǎng)頁a3.htm，代碼如下：指向其他網(wǎng)站網(wǎng)頁的鏈接搜狐在本窗口顯示商都信息港在新窗口顯示跟我聯(lián)系將啟

9、動郵件客戶端3. 指向頁面中特定部分的鏈接錨點建立一個網(wǎng)頁a4.htm，代碼如下：指向頁面中特定部分的鏈接第一部分第二部分第三部分第一部分123 4 5 6 回目錄第二部分12 3 4 5 6 回目錄第三部分12 3 4 5 6 回目錄4. 使用框架建立框架建立一個框架頁面frame.htm，包括3個框架分別是title顯示網(wǎng)頁標(biāo)題title.htm、導(dǎo)航框架Nav顯示導(dǎo)航菜單Nav.htm、主框架main顯示正文。所有文件同以上三個文件保存在同一個文件夾中。Frame.htm框架布局 title.htm框架布局框架的使用Nav.htm框架布局指向本地（網(wǎng)站內(nèi)）的鏈接指指向其他網(wǎng)站網(wǎng)頁的鏈接指

10、向頁面中特定部分的鏈接四、 思考題做一個框架頁面，其中包含一個導(dǎo)航框架，和一個主框架；思考如何能使導(dǎo)航框架中的超級鏈接當(dāng)點擊時能直接定位到指定頁面的特定位置；例如當(dāng)點擊導(dǎo)航框架中的鏈接時，在主框架中顯示的內(nèi)容可以直接定位到a4.htm中的第三部分。實習(xí)四 表單一、 實習(xí)目的學(xué)習(xí)網(wǎng)頁中如何創(chuàng)建表單以及表單的各種元素二、 實習(xí)要求1. 掌握創(chuàng)建表單的標(biāo)記及表單的屬性和兩種提交方式2. 掌握常用的幾種表單元素：文本框、單選按鈕、復(fù)選按鈕、組合框、提交按鈕和重置按鈕等三、 實習(xí)方法及內(nèi)容1. 一個簡單的表單 文本框、單選按鈕、提交按鈕和重置按鈕Form1.htm一個簡單的表單一個簡單調(diào)查表單姓名：性別

11、：男 女愛好：2. 系統(tǒng)登錄頁面密碼框 系統(tǒng)登錄頁面管理員登錄用戶：口令：3. 問卷調(diào)查表復(fù)選框、組合框 問卷調(diào)查表問卷調(diào)查表姓名：所在省分：請選擇北京陜西山東山西1你從什么地方看到過我公司的產(chǎn)品：報紙互聯(lián)網(wǎng)電視朋友介紹其他2你對我公司的產(chǎn)品的滿意度：滿意比較滿意不滿意很不滿意/html四、 作業(yè)設(shè)計一個對我?，F(xiàn)狀和將來發(fā)展的一個問卷調(diào)查。要求用到單選按鈕、復(fù)選框、文本框、多行文本框和組合框。實習(xí)五 Dreamweaver的使用（1）一、 實習(xí)目的學(xué)習(xí)Dreamweaver的基本使用及建立本地站點二、 實習(xí)要求1. 掌握Dreamweaver的基本使用技巧2. 學(xué)會使用Dreamweaver進(jìn)

12、行簡單網(wǎng)頁的創(chuàng)建3. 用Dreamweaver創(chuàng)建本地站點三、 實習(xí)內(nèi)容和方法1. 創(chuàng)建Dreamweaver本地站點啟動Dreamweaver cs4 選擇創(chuàng)建新項目中的Dreamweaver站點，打開站點定義對話框輸入站點名“myweb” 選擇“否，我不想使用服務(wù)器技術(shù)” 選擇“編輯我的計算機”，再選擇站點文件的存儲位置在“你如何鏈接到遠(yuǎn)程服務(wù)器？”選擇“無”查看設(shè)置信息，點擊完成。2. 站點規(guī)劃即在站點所在文件夾中建立一系列的子文件夾，將網(wǎng)站中涉及到的文件進(jìn)行分類；比如將網(wǎng)站中所有的圖片集中存放到Images文件夾中。方法：在站點管理器中點擊右鍵建立相應(yīng)的文件夾。3. 建立網(wǎng)頁文件方法方

13、法一：在“文件”菜單中選擇“新建.”，打開新建對話框選擇“常規(guī)”中的“基本頁”的“HTML” 點擊“創(chuàng)建”。方法二：在站點管理器中點擊右鍵選擇“新建文件”輸入文件名；然后雙擊文件進(jìn)行編輯。4. 創(chuàng)建網(wǎng)頁用Dreamweaver創(chuàng)建實習(xí)五中的“問卷調(diào)查”。用Dreamweaver完成實習(xí)四中實習(xí)內(nèi)容的1，2，3實習(xí)六 Dreamweaver的使用（2）二、 實習(xí)目的學(xué)習(xí)使用Dreamweaver進(jìn)行頁面設(shè)計二、實習(xí)要求1、掌握Dreamweaver文字符號、圖像、Flash的插入2、學(xué)會使用Dreamweaver的頁面設(shè)計3、學(xué)會Dreamweaver中的超鏈接的建立三、實習(xí)內(nèi)容和方法1、使用D

14、reamweaver設(shè)計頁面在Dreamweaver設(shè)計頁面的方法基本同Word文檔。輸入文字時打“enter”鍵換段，“Shift+Enter”鍵則換行2、設(shè)置文字格式選中要設(shè)計的文字，通過屬性面板設(shè)置3、插入圖像與Flash方法一：工具欄上的“圖像”摟鈕方法二：“插入”菜單4、設(shè)置超鏈接5、設(shè)置頁面格式使用“修改”菜單下了“頁面屬性”來設(shè)置實習(xí)七 Dreamweaver的使用（3）一、 實習(xí)目的學(xué)習(xí)Dreamweaver的高級使用技巧，并用Dreamweaver 進(jìn)行網(wǎng)頁布局二、 實習(xí)要求1. 掌握用表格和框架在Dreamweaver中進(jìn)行網(wǎng)頁布局2. 學(xué)會利用Dreamweaver在網(wǎng)頁

15、中加入一些特效三、 實習(xí)方法和內(nèi)容1. 用表格建立如下網(wǎng)頁布局：（圖7-1）2. 用框架建立如下網(wǎng)頁布局：（圖7-2），并完成實習(xí)四中實習(xí)內(nèi)容4。3. 在網(wǎng)頁中加入特效在頁面中插入導(dǎo)航條：“常用”工具欄圖像導(dǎo)航條，打開對話框輸入相應(yīng)的選項；在頁面中插入Flash按鈕：“常用”工具欄媒體Flash按鈕，打開對話框輸入相應(yīng)的選項；在頁面中插入Flash文本：常用”工具欄媒體Flash文本，打開對話框輸入相應(yīng)的選項；圖7-1圖7-2實習(xí)八 Css技術(shù)一、 實習(xí)目的：了解Css技術(shù)，掌握Css的基本用法二、 實習(xí)要求：1. 掌握Css的基本用法2. 學(xué)會在Dreamweaver中編輯Css樣式三、 實

16、習(xí)內(nèi)容和方法1. 內(nèi)嵌式樣式1） 應(yīng)用于當(dāng)前文檔將定義的樣式以樣式定義形式插入到文檔的Head區(qū)，此種方法樣式將影響整個頁面。建立網(wǎng)頁Css1.htm，代碼如下：Css技術(shù)的應(yīng)用一 H1color:red; Font-family:”華文行揩”,”宋體”; Bodycolor:black;Font-size:9pt; .fntcolor:blue;Font-family:”隸書”; Font-size:14pt;這是標(biāo)題一這是正文.這是使用Fnt類后的效果2） 應(yīng)用于當(dāng)前標(biāo)記將定義的樣式以標(biāo)記的屬性形式插入，如：,此種方法樣式只影響當(dāng)前標(biāo)記所影響的區(qū)域。建立網(wǎng)頁Css2.htm，代碼如下：Cs

17、s技術(shù)的應(yīng)用一 H1color:red; Font-family:”華文行揩”,”宋體”; Bodycolor:black;Font-size:9pt; .fntcolor:blue;Font-family:”隸書”; Font-size:14pt;這是標(biāo)題一這是正文.這是使用Fnt類后的效果這是中效果只使用于此段.2. 外聯(lián)式樣式將所有樣式的信息存放在一個單獨的文件中（擴展名為Css），然后用把它鏈接到每個HTML頁面中。如果你希望樣式能夠影響你站點上的所有文件，這是很好的辦法。鏈接格式：3. 使用Dreamweaver創(chuàng)建樣式先使用Dreamweave創(chuàng)建如下頁面（css3.htm）圖8-

18、1：圖8-1再建立樣式文件style.css格式化上面頁面如下（圖8-2）：要求：標(biāo)題：字體為華文彩云, 華文琥珀, 華文行楷；字號40pt；字色紅色；背景色：#FFFFCC。導(dǎo)航條：背景色為#33CCFF。導(dǎo)航欄：標(biāo)題背景色為#FFFFCC，上邊框為：實線，2pt寬，色值：#FFCC00；內(nèi)容背景色：#FFCCFF；導(dǎo)航欄右邊框為：點劃線，1pt寬，色值：#0033FF。底框：背景色：#99CCFF；上邊框：雙線，2pt寬。文本框：背景色：#FFFFCC；邊框：寬度1pt，實線。正文字號：9pt。（除標(biāo)題）底框?qū)Ш綑?導(dǎo)航條圖8-2超級鏈接：正常色：黑色，無修飾；鼠標(biāo)懸停時：紅色，加下劃線；

19、激活時：紅色，加下劃線；訪問過的鏈接：黑色，無修飾。四、 思考題 看如下代碼：思考題.fntcolor:blue;font-family:”l隸書”;font-size:20pt看我顯示的效果顯示的效果最終受誰的影響（Font標(biāo)記還是fnt類），為什么？實習(xí)九 Javascript腳本一、 實習(xí)目的1. 學(xué)習(xí)腳本的概念，了解腳本的用途；2. 學(xué)習(xí)網(wǎng)頁中腳本的插入方式，及編寫格式；二、 實習(xí)要求1. 掌握客戶端腳本在網(wǎng)頁中的三種插入方式；2. 學(xué)會編寫一些簡單的實用腳本；3. 掌握使用“有聲有色”軟件在網(wǎng)頁中插入腳本；三、 實習(xí)方法和內(nèi)容1. 插入腳本的三種方式：1） 使用標(biāo)記添加腳本；格式：

20、創(chuàng)建網(wǎng)頁Script1.htm，當(dāng)點擊按鈕時，在文本框中顯示當(dāng)系統(tǒng)時間；代碼：JavaScript1 function showtime()Tm.value=Date();2） 直接在HTML標(biāo)記符中添加腳本；格式：創(chuàng)建網(wǎng)頁Script2.htm，當(dāng)點擊按鈕時，通過信息框顯示當(dāng)系統(tǒng)時間；代碼：3） 引用包含腳本的外部文件；格式：在head區(qū)插入：建立文本文件date.js：function showdate() var dt=Date() alert(dt)創(chuàng)建網(wǎng)頁Script3.htm，當(dāng)點擊按鈕時，通過信息框顯示當(dāng)系統(tǒng)時間；代碼：JavaScript3在Dreamweaver中創(chuàng)建如下頁面

21、：當(dāng)點擊“登錄”按鈕的時候檢查“用戶名”、“口令”是否輸入，如果沒有輸入提示請輸入相應(yīng)內(nèi)容；Javascript代碼如下：function chk()if(frm.nm.value=) alert(請輸入用戶名.)if(frm.pwd.value=) alert(請輸入口令.)其中frm是表單的名字，nm是用戶名文本框的名字，pwd是密碼框的名字。實習(xí)十 服務(wù)器架設(shè)、空間申請與網(wǎng)頁上傳一、 實習(xí)目的1. 學(xué)習(xí)Web服務(wù)器（IIS）的架設(shè)2. 學(xué)習(xí)如何在Internet中尋找并申請屬于自己的網(wǎng)頁空間3. 了解文件上傳的方法二、 實習(xí)要求1. 掌握Web服務(wù)器的架設(shè)2. 了解如何尋找免費主頁空間3

22、. 掌握Ftp的上傳方法（Ftp軟件的使用）。三、 實習(xí)內(nèi)容與方法1. Web服務(wù)器的架設(shè)1） 打開“控制面板”打開“管理工具”雙擊“計算機管理”，打開“計算機管理窗口”雙擊展開“服務(wù)和應(yīng)用程序”展開“Internet信息服務(wù)”“網(wǎng)站”右擊“默認(rèn)網(wǎng)站”“屬性”，打開“默認(rèn)站點屬性”對話框，單擊“主目錄”選項卡，如右圖。在“本地路徑”文本框中輸入（或通過點擊“瀏覽”按鈕選擇）你的網(wǎng)頁所在的目錄。然后，再單擊“文檔”選項卡如圖，點擊“添加”按鈕將你網(wǎng)站的首頁的文件名添加到啟用默認(rèn)文檔列表中，最后點擊“確定”按鈕。2. 申請免費主頁空間1） 在國內(nèi)申請：進(jìn)入百度（）首頁，在

23、文本框中輸入“免費主頁空間”然后查找2） 在國外申請：進(jìn)入（），在文本框中輸入“FREE Web Site ”然后查找注：申請的網(wǎng)站要求支持Ftp上傳更新并支持Asp3. 主頁上傳1） 通過Dreamweaver的站點管理進(jìn)行上傳：在Dreamweaver中建立站點的時候選擇“您如何連接到遠(yuǎn)程服務(wù)器？”中選擇Ftp并在下面填寫你申請網(wǎng)站提供的ftp服務(wù)器網(wǎng)站及你的用戶名和口令；然后在站點管理器中就可以連接到你申請的主頁空間并上傳文件。2） 通過FTP軟件上傳首先在網(wǎng)上下載一個FTP軟件（比如：CutFtp），在你的機子上按它的要求安裝，然后登錄你申請的網(wǎng)站進(jìn)行文件上

24、傳。四、 作業(yè)：1. 將前幾章做的網(wǎng)頁或你找的網(wǎng)頁上傳到你申請的主頁空間并瀏覽。2. 記錄你查過的至少5個提供免費主頁空間的網(wǎng)址及其提供的空間大小和上傳方式。實習(xí)十一 服務(wù)器端腳本（1）一、 實習(xí)目的1. 學(xué)習(xí)IIS（PWS）服務(wù)器的安裝與簡單配置2. 學(xué)習(xí)建立簡單的ASP頁面3. 了解Response、Request對象的用途4. 學(xué)習(xí)ASP頁面的發(fā)布二、 實習(xí)要求1. 掌握ASP代碼在Html中的插入方式2. 掌握Response對象的Write、End、Redirect方法3. 掌握Request的QueryString和Form方法三、 實習(xí)內(nèi)容與方法1. IIS的安裝：打開“控制面板

25、”啟動“添加/刪除程序” 選擇“添加/刪除Windows組件” 將“Internet信息服務(wù)（IIS）”選項選擇，并確保Windows的安裝光盤已經(jīng)裝到光驅(qū)點擊“下一步”，安裝即可；配置IIS：打開“控制面板”進(jìn)入“管理工具”啟動“Internet 服務(wù)管理器” 在“默認(rèn)Web站點”上點右鍵選擇“屬性”啟動站點屬性對話框選擇“主目錄”選項卡，在本地路徑中輸入你網(wǎng)頁所在的目錄。2. 建立一個簡單的ASP頁面test.aspasp頁面測試% Response.write “這個頁面是由ASP寫出來的” For i=1 to 7 Response.write “這是Asp產(chǎn)生的” Next%3. Q

26、ueryString和end方法的使用 建立網(wǎng)頁qry.htm和ASP頁面qryrel.asp頁面，由qryrel.asp來接受并顯示qry.htm傳過來的參數(shù)qry.htm代碼： QueryString方法使用點擊此鏈接傳遞我的用戶名和密碼點擊此鏈接傳遞我的問題qryrel.asp代碼： QueryString方法使用%Usrname=trim(request.QueryString(“name”)Pwd= trim(request.QueryString(“pwd”)If usrname” then Response.write “your name is “ & usrname Resp

27、onse.write “your Password is “ & pwd Response.endEnd ifAsk= trim(request.QueryString(“myask”)Reponse.write “Your ask is “ & ask %4. form和Redirect方法的使用建立頁面Login.htm、main.asp和error.htm。其中l(wèi)ogin.htm為登錄頁面，當(dāng)用戶填入用戶名和口令并點擊“登錄”按鈕后，瀏覽器將用戶登錄信息提交給main.asp頁面處理，如果用戶名和口令正確則顯示歡迎信息否則跳轉(zhuǎn)到error.htm頁面，告訴用戶登錄信息有錯。Login.h

28、tm用戶登錄用戶名：口令：Main.asp歡迎進(jìn)入% User=trim(request.form(“user”) Pwd=trim(request.form(“pwd”) If usr”admin” or pwd”administrator” then Response.redirect(“error.htm”) Else Response.write(“歡迎進(jìn)入本站”) End if%Error.htm 內(nèi)容自定。四、 作業(yè)：寫出form中POST和GET方法的區(qū)別。實習(xí)十二 服務(wù)器端腳本（2）一、 實習(xí)目的1. 學(xué)習(xí)asp中Server對象的使用2. 學(xué)習(xí)asp對文件的簡單操作二、 實習(xí)

29、要求1. 掌握對象Server的Creatobject和MapPath方法2. 掌握對文本文件的簡單的讀寫操作三、 實習(xí)內(nèi)容與方法1. MapPath方法的使用 MapPath方法是將指定的網(wǎng)絡(luò)地址轉(zhuǎn)換為服務(wù)器端的實際路徑；如下面代碼將顯示服務(wù)器端根目錄（/）指向的實際路徑；Path.asp MapPath方法的使用%Response.write “本服務(wù)器根目錄（/）在服務(wù)器端的實際路徑為：” & server.MapPath(“/”)Response.write “/Image的實際路徑為：” & server.MapPath(“/image”)%2. 對文件操作的步驟：1） 創(chuàng)建一個文件系統(tǒng)對象：Set 文件對象名=Server.createObject(“Scripting.FileSystemObject”)2） 創(chuàng)建一個文本流（TextStream）：Set 流對象名=文件對象名.OpenTextFile(“文件名”，讀寫方式，是否覆蓋原文件)3） 對文件進(jìn)行讀寫操作：流對象名.讀寫方法（ReadLine、Write