實驗十三__簡單網(wǎng)頁的制作

1、實驗十三 簡單網(wǎng)頁的制作實驗?zāi)康?1)了解網(wǎng)站建立的過程和操作(2)掌握網(wǎng)頁設(shè)計與建立鏈接的基本方法(3)掌握網(wǎng)站上傳的方法實驗內(nèi)容基礎(chǔ)知識使用FrontPage2000建立本地網(wǎng)站使用FrontPage2000制作網(wǎng)頁在網(wǎng)頁之間建立超級鏈接本地網(wǎng)站上的內(nèi)容發(fā)布到Internet上1、FrontPage基本操作依次單擊【開始】、【程序】、【 Microsoft FrontPage】命令，就可啟動FrontPage。FrontPage窗口2、啟動FrontPage后，打開圖1所示的FrontPage窗口。一、基礎(chǔ)知識圖1視圖欄： 用來選擇不同的視圖方式。網(wǎng)頁查看方式： 可選擇編輯網(wǎng)頁的【普通】方

2、式，查看網(wǎng)頁代碼的【HTML】方式和預(yù)覽網(wǎng)頁效果的【預(yù)覽】方式來查看網(wǎng)頁。文件夾瀏覽欄： 顯示網(wǎng)站文件夾結(jié)構(gòu)和文件。單擊常用工具欄上的【文件夾列表】按鈕，可以顯示或關(guān)閉該欄。其他窗口元素與Word相似。二、使用FrontPage2000建立本地網(wǎng)站 使用FrontPage創(chuàng)建站點的步驟如下所示。 1. 創(chuàng)建站點 打開FrontPage，選擇“文件|新建|網(wǎng)頁或站點”命令，打開“新建網(wǎng)頁或站點”子窗口(見圖2)。在“新建”欄選擇“空白站點”，打開“Web站點模板”對話框，在“指定新站點的位置”文本框中輸入新站點的名稱，如“文學欣賞”，然后單擊“確定”按鈕(見圖3)。圖2圖32 . 創(chuàng)建站點主頁

3、在視圖欄中單擊“導(dǎo)航”按鈕打開導(dǎo)航窗口，在工具欄上擊“新建網(wǎng)頁”圖標在導(dǎo)航窗口中創(chuàng)建一主頁(參見圖4)。圖43. 命名主頁 在“主頁圖標”上單擊右鍵，在彈出的快捷菜單中選擇“重命名”命令，將“主頁”改為“我的主頁 ”，此頁即為“我的主頁 ”站點的主頁。如圖4所示。圖44. 創(chuàng)建子網(wǎng)頁 點擊選中“文學欣賞”圖標后，若連續(xù)點擊4次工具欄上“新建網(wǎng)頁”按鈕，則在主頁下面創(chuàng)建4個子頁，分別重命名為： 本人介紹、所學課程和成績、獎懲情況和聯(lián)系本人； (參見圖)。圖5三、使用FrontPage2000制作網(wǎng)頁 本實驗以制作一個自我介紹的主頁為例，簡單說明如何來根據(jù)這個主題來收集有關(guān)素材，如何規(guī)劃網(wǎng)頁結(jié)構(gòu)以

4、突出該主題。1.設(shè)計制作“我的主頁”首頁 雙擊圖4網(wǎng)頁中“我的主頁”圖標進入“我的主頁”頁面編輯窗口。 在第一行輸入“我的主頁”，然后設(shè)置格式為“隸書”、“36磅”、“居中”。輸入“我的主頁”后，回車。如圖6所示。再單擊“插入”菜單的“水平線”命令，在文字下插入一條水平線。右擊該水平線，彈出快捷菜單，選擇“水平線屬性”設(shè)置其相關(guān)參數(shù)，如圖7所示：圖6圖7 單擊工具欄的“插入表格”按鈕，插入一個的表格，右擊表格，彈出快捷菜單，選擇“表格屬性”設(shè)置相關(guān)參數(shù)。將邊框粗細設(shè)置為。如圖8所示：圖8圖92.設(shè)計制作“本人簡歷”網(wǎng)頁3.制作“課程成績”網(wǎng)頁和“獎懲情況”網(wǎng)頁 按照上面的操作，制作制作“課程成

5、績”網(wǎng)頁和“獎懲情況”網(wǎng)頁分別取名為“kccj.htm”和“jcqk.htm” 四、在網(wǎng)頁之間建立超級鏈接 超鏈接是Web網(wǎng)頁之間的紐帶。使用超鏈接使訪問網(wǎng)站的用戶能夠在豐富多彩的Web世界輕松地漫游，體驗異國的風采，以及進行網(wǎng)上通信、交流、購物，等等。沒有超鏈接，網(wǎng)頁就失去其真正的意義。創(chuàng)建超鏈接的步驟如下所示。 雙擊“文件夾列表”窗口中“default.htm”文件，打開該網(wǎng)頁，用鼠標選擇“本人簡歷”，然后單擊工具欄上的“超鏈接”按鈕后，彈出“編輯超鏈接”對話框,在網(wǎng)頁列表中選擇網(wǎng)頁“brjl.htm”，然后單擊“確定”，見下圖。依次類推，設(shè)置文本“課程和成績”的超鏈接為“kccj.htm

6、”；設(shè)置文本“獎懲情況”的超鏈接為“jcqk.htm”。如圖10所示： 圖10 在設(shè)置文本“聯(lián)系本人”的超鏈接時，這里要指定一個郵箱地址，請在“URL”文本框中輸入“mailto:jxufe”。如圖所示：圖11 按照上面的方式，設(shè)置其他網(wǎng)頁上“返回”文本的超鏈接，鏈接指向網(wǎng)頁“default.htm”。所有網(wǎng)頁的鏈接建立好以后，將網(wǎng)頁全部保存。然后，檢查網(wǎng)頁的鏈接是否正確。雙擊“文件夾列表”窗口中“default.htm”文件，打開該網(wǎng)頁。然后單擊FrontPage2000“視圖”工具欄上的“超鏈接”按鈕，即可顯示出該網(wǎng)頁所指向的所有網(wǎng)頁，以及指向“default.htm”的所有網(wǎng)頁。如圖12

7、所示：圖12五、本地網(wǎng)站上的內(nèi)容發(fā)布到Internet上 整個站點內(nèi)的所有網(wǎng)頁完成后，可以將站點發(fā)布到Internet。一般提供個人主頁服務(wù)的站點都要求使用FTP軟件將網(wǎng)頁文件上傳到Web服務(wù)器上這里我們就利用校園網(wǎng)上的一個免費的主頁服務(wù)器。 校園網(wǎng)上主頁服務(wù)器的地址，（55）,首先要在上面建立自己的主頁目錄，主頁目錄用自己的學號。具體方法是使用FTP命令，或者教師幫助大家建立好。 下面介紹如何利用FTP命令建立自己的主頁目錄。第一步：選擇“附件”菜單上的“命令提示符”，切換到MS-DOS方式。第二步：輸入命令“ftp 55”后，回車。第三步：按照提示輸入用戶名：stud；密碼：1234567。第四步：輸入命令“mkdir 學號”。這里的“學號”指自己的學號。第五步：輸入命令“bye”,退出FTP模式；再輸入命令“exit”返回窗口界面。主頁目錄建立完成后，就可以將本地網(wǎng)站的網(wǎng)頁發(fā)布上去，發(fā)布網(wǎng)頁有許多方式，通常采用FTP命令。這里我們利用FrontPage2000提供的網(wǎng)站發(fā)布功能。 打開我們前面建立的網(wǎng)站，選擇“文件”菜單的“發(fā)布站點”命令，彈出“發(fā)布站點”對話框，在“指定發(fā)布站點位置”下的文本框中輸入站點發(fā)布位置“55/學