第一章網(wǎng)站建設(shè)基礎(chǔ)第一節(jié)網(wǎng)頁(yè)與網(wǎng)站

第二節(jié)網(wǎng)站維護(hù)與網(wǎng)頁(yè)制作

第三節(jié)實(shí)踐與研究——網(wǎng)站技術(shù)發(fā)展第一節(jié)網(wǎng)頁(yè)與網(wǎng)站項(xiàng)目一認(rèn)識(shí)網(wǎng)頁(yè)項(xiàng)目二建立自己的網(wǎng)站項(xiàng)目一認(rèn)識(shí)網(wǎng)頁(yè)項(xiàng)目描述通過不同的方法創(chuàng)建簡(jiǎn)單網(wǎng)頁(yè)，了解網(wǎng)頁(yè)的基本特征。實(shí)施計(jì)劃

（1）分別在“記事本”、Word和FrontPage2003中創(chuàng)建一個(gè)簡(jiǎn)單網(wǎng)頁(yè)，通過瀏覽器觀看效果。（2）用Word制作一份圖文并茂的小報(bào)，分別存為DOC文檔和網(wǎng)頁(yè)文檔，對(duì)比結(jié)果。實(shí)施步驟（1）打開Windows2000中的“記事本”，輸入一行文字“歡迎光臨我的網(wǎng)頁(yè)！”保存類型為“所有文件”，文件名為test1.htm。保存文件時(shí)你認(rèn)為該注意什么？

（2）打開Word，在新文檔的第一行輸入“歡迎光臨我的網(wǎng)頁(yè)！”保存為網(wǎng)頁(yè)文件，文件名為test2.htm。保存文件時(shí)你人文該注意什么？

（3）打開FrontPage2003，在新文檔的第一行輸入“歡迎光臨我的網(wǎng)頁(yè)！”保存為網(wǎng)頁(yè)文件，文件名為test3.htm。保存文件時(shí)你人文該注意什么？

（4）使用Word，制作一份小報(bào)，介紹上海外灘風(fēng)光，要求有文字說明和圖片資料。有關(guān)資料請(qǐng)通過互聯(lián)網(wǎng)搜集。完成以下任務(wù)：①建立一個(gè)新的文件夾，自行命名：②

在此文件夾中再建立兩個(gè)文件夾，名稱分別為DOC和HTML。③將完成的小報(bào)以DOC格式保存在DOC文件夾中，文件名自定。④將完成的小報(bào)以網(wǎng)頁(yè)格式保存在HTML文件夾中，文件名自定。

⑤

打開文件夾DOC和HTML，對(duì)比他們的異同：

⑥由此可以判斷網(wǎng)頁(yè)中顯示的圖片與網(wǎng)頁(yè)文件的關(guān)系：項(xiàng)目支持

1.網(wǎng)頁(yè)基本知識(shí)

2.記事本中創(chuàng)建并保存指定格式文件

3.在Word中保存網(wǎng)頁(yè)格式

4.在FrontPage2003中保存網(wǎng)頁(yè)

實(shí)踐探索（1）組織網(wǎng)頁(yè)。由于網(wǎng)頁(yè)文件和媒體資源文件是相對(duì)獨(dú)立的，因此在制作的時(shí)候需要注意文件的組織，尤其是在為某個(gè)專題設(shè)計(jì)多個(gè)網(wǎng)頁(yè)的時(shí)候，建議為這些網(wǎng)頁(yè)建立一個(gè)獨(dú)立的文件夾，并在該文件夾中建立不同的媒體資源文件夾。設(shè)計(jì)好文件夾結(jié)構(gòu)之后，在制作網(wǎng)頁(yè)的過程中要密切注意文件保存的路徑。

（2）在Word中完成的文檔，保存成網(wǎng)頁(yè)格式后，文檔有變化嗎？請(qǐng)嘗試用單純文字排版、分欄排版、圖文混排等多種方式進(jìn)行效果比較。（3）在Word中另存為網(wǎng)頁(yè)文件時(shí)，有幾種保存方式？相互之間有什么區(qū)別？項(xiàng)目二建立自己的網(wǎng)站項(xiàng)目描述以Windows2000平臺(tái)為實(shí)驗(yàn)環(huán)境，建立望站服務(wù)器；了解網(wǎng)站服務(wù)器的基本設(shè)置方法和網(wǎng)站信息的發(fā)布要領(lǐng)。實(shí)施計(jì)劃（1）在Windows2000中安裝“Internet信息服務(wù)（IIS）”。（2）對(duì)IIS進(jìn)行快速配置。（3）在網(wǎng)站中發(fā)布自己的網(wǎng)頁(yè)。

實(shí)施步驟（1）在Windows2000環(huán)境下，執(zhí)行“開始/設(shè)置/控制面板”命令，在控制面板中雙擊“添加/刪除程序”，然后選擇“添加/刪除Windows組件”。

（2）選擇“Internet信息服務(wù)（IIS）”，單擊“下一步”，將出現(xiàn)插入系統(tǒng)安裝光盤的提示。

（3）安裝完成后，執(zhí)行“開始/程序/Internet服務(wù)管理器”命令，打開IIS的管理器界面。

（4）在左側(cè)服務(wù)器列表中展開目錄，單擊鼠標(biāo)右鍵選擇“默認(rèn)Web站點(diǎn)/屬性”。

（5）在屬性對(duì)話框中，可以看到所有的配置信息，請(qǐng)從默認(rèn)的配置中找出以下信息：①網(wǎng)站的IP

地址是：②IP可以選擇嗎？能選擇IP的是哪臺(tái)計(jì)算機(jī)？

③該網(wǎng)站發(fā)布的TCP端口是：④該網(wǎng)站的發(fā)布路徑，即存放網(wǎng)頁(yè)的主目錄是：

⑤訪問該網(wǎng)站時(shí)，打開的默認(rèn)文檔是：

（6）請(qǐng)?jiān)贒盤中新建一個(gè)文件夾，命名為myweb，然后把上述網(wǎng)站的主目錄設(shè)置為該文件夾。（7）使用“記事本”或是其他工具在myweb文件夾中創(chuàng)建一個(gè)網(wǎng)頁(yè)文件，文件名為上述默認(rèn)文檔名。（8）打開瀏覽器，在地址欄輸入網(wǎng)站服務(wù)器的IP地址，看看結(jié)果。項(xiàng)目支持

1.IIS配置——站點(diǎn)基本信息

2.IIS配置——發(fā)布目錄

3.IIS配置——默認(rèn)文檔實(shí)踐探索

（1）網(wǎng)站發(fā)布的端口可以修改嗎？修改端口之后要如何才能訪問到該網(wǎng)站？（2）網(wǎng)站設(shè)置可以不使用默認(rèn)文檔嗎？不使用默認(rèn)文檔在訪問該網(wǎng)站時(shí)該注意什么？（3）相同的IP，相同服務(wù)端口的多個(gè)網(wǎng)站可以在同一臺(tái)服務(wù)器上發(fā)布嗎/請(qǐng)通過互聯(lián)網(wǎng)搜索有關(guān)資料尋求解決方案（搜索關(guān)鍵字參考：IIS；網(wǎng)站發(fā)布；多主機(jī)）。第二節(jié)網(wǎng)站維護(hù)與網(wǎng)頁(yè)制作項(xiàng)目一網(wǎng)站管理入門項(xiàng)目二HTML網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)項(xiàng)目一網(wǎng)站管理入門項(xiàng)目描述學(xué)會(huì)利用工具軟件維護(hù)網(wǎng)站中的的網(wǎng)頁(yè)，實(shí)現(xiàn)基本的網(wǎng)站管理任務(wù)。實(shí)施計(jì)劃

（1）在IIS中配置服務(wù)器擴(kuò)展。（2）使用工具軟件直接維護(hù)網(wǎng)站服務(wù)器上的網(wǎng)頁(yè)。實(shí)施步驟（1）在IIS中可以配置服務(wù)器擴(kuò)展，以實(shí)現(xiàn)用FrontPage2003等工具軟件直接維護(hù)網(wǎng)站中的網(wǎng)頁(yè)或者發(fā)布網(wǎng)站。

（2）進(jìn)入“Internet信息服務(wù)“管理器，展開網(wǎng)站目錄樹，用鼠標(biāo)右鍵點(diǎn)擊欲配置擴(kuò)展的站點(diǎn)。

（3）執(zhí)行“所有任務(wù)/配置服務(wù)器擴(kuò)展”命令，進(jìn)入“服務(wù)器擴(kuò)展配置向?qū)А薄?/p>

（4）在“服務(wù)器擴(kuò)展配置向?qū)А睂?duì)話框中，使用默認(rèn)的設(shè)置，本向?qū)⒃诒镜赜?jì)算機(jī)上創(chuàng)建一些用戶組，以實(shí)現(xiàn)不同的管理權(quán)限分配。請(qǐng)點(diǎn)擊“每組中的用戶有什么權(quán)限”查閱并記錄相關(guān)信息。①

瀏覽者的權(quán)限是：

②作者的權(quán)限是：③

管理員的權(quán)限是：

（5）點(diǎn)擊“下一步”繼續(xù)。（6）指定站點(diǎn)管理員屬于Administrators組，點(diǎn)擊“下一步”。

（7）郵件服務(wù)器的配置，選擇“不。我稍后再做?！?/p>

（8）在“完成服務(wù)器擴(kuò)展配置向?qū)А钡膶?duì)話框中，請(qǐng)記錄以下信息：

①此向?qū)г诒镜赜?jì)算機(jī)上增加了哪些組：

②你認(rèn)為這些組與前面提醒的角色如瀏覽者、作者、管理員是如何對(duì)應(yīng)的呢？

（9）練習(xí)使用FrontPage2003直接維護(hù)網(wǎng)站中建立文件夾、創(chuàng)建網(wǎng)頁(yè)、上傳圖片等。

項(xiàng)目支持（1）在FrontPage2003中打開站點(diǎn)。①在“文件”菜單中有“打開網(wǎng)站”選項(xiàng)，其功能與打開文件略有不同。

②在打開網(wǎng)站的對(duì)話框中，注意在下方的網(wǎng)站名稱欄中，需要以http://開頭，輸入網(wǎng)站的IP地址或者域名。

（2）輸入正確的用戶信息，獲得管理權(quán)限。

（3）認(rèn)識(shí)FrontPage2003的管理界面。

（4）導(dǎo)入文件。實(shí)踐探索打開資源管理器，對(duì)比一下它與FrontPage2003中文件夾管理的異同；請(qǐng)動(dòng)手試試，看著有沒有更方便的辦法向網(wǎng)站導(dǎo)入文件或者文件夾。項(xiàng)目二HTML網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)項(xiàng)目描述通過瀏覽網(wǎng)頁(yè)源代碼和親手制作簡(jiǎn)單網(wǎng)頁(yè)，掌握網(wǎng)頁(yè)設(shè)計(jì)的基本方法，了解網(wǎng)頁(yè)代碼的特征，知道如何通過直接調(diào)整代碼來改變網(wǎng)頁(yè)效果。實(shí)施計(jì)劃

（1）在瀏覽網(wǎng)站的過程中通過瀏覽器瀏覽網(wǎng)頁(yè)的源代碼，并進(jìn)行分析對(duì)比。（2）使用FrontPage2003制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè)，瀏覽其源代碼。（3）給簡(jiǎn)單網(wǎng)頁(yè)增加圖片和表格。（4）在源代碼中調(diào)整表格和圖片屬性，以實(shí)現(xiàn)網(wǎng)頁(yè)效果的改變。實(shí)施步驟

（1）使用FrontPage2003、word和記事本分別制作一個(gè)只有一行文字的網(wǎng)頁(yè)，在FrontPage2003中把文字顏色設(shè)置成藍(lán)色，在Word中把文字顏色設(shè)置成紅色；然后用FrontPage2003打開這三個(gè)文件，切換到HTML窗口查看網(wǎng)頁(yè)的源代碼，并進(jìn)行比較。①你發(fā)現(xiàn)這三個(gè)文件的HTML源代碼最大的區(qū)別是什么？

②三個(gè)網(wǎng)頁(yè)中文字顏色的不同，你認(rèn)為是什么原因？

③要把文字設(shè)置成多種顏色，如何做？

④控制文字顏色的代碼有什么主要特征？在網(wǎng)頁(yè)代碼中還有類似情況嗎？

（2）在FrontPage2003中創(chuàng)建一個(gè)新網(wǎng)頁(yè)，插入一個(gè)3×2表格。（3）在表格的第一行，第二列單元格內(nèi)插入一個(gè)圖片，用鼠標(biāo)右鍵點(diǎn)擊圖片，在彈出菜單中選擇“圖片屬性”，打開圖片屬性對(duì)話框。①看到“圖片源”的內(nèi)容是：

②如果網(wǎng)頁(yè)被拷貝到其他計(jì)算機(jī)中，你認(rèn)為此圖片能正常顯示嗎？為什么？

③你認(rèn)為應(yīng)如何解決上述問題？

（4）在表格的其他單元格內(nèi)繼續(xù)輸入一些文字或者插入圖片。在FrontPage2003的預(yù)覽窗口看看網(wǎng)頁(yè)的效果。

（5）在FrontPage2003的HTML窗口中瀏覽你自已做的網(wǎng)頁(yè)的源代碼，試試把表格的邊界改為0。你修改的一行內(nèi)容是：

（6）修改之后，再切換到FrontPage2003的預(yù)覽窗口，網(wǎng)頁(yè)的效果有變化嗎？

（7）在FrontPage2003中創(chuàng)建一個(gè)新網(wǎng)頁(yè)，在“插入”菜單中點(diǎn)擊“Web組件”，在組件類型“中選擇“動(dòng)態(tài)效果”，再選擇“字幕”。

（8）出現(xiàn)字幕對(duì)話框。在文本輸入框中輸入“歡迎光臨我的網(wǎng)頁(yè)”，設(shè)置完畢后進(jìn)入“預(yù)覽”頁(yè)面，觀看效果。

（9）進(jìn)入“代碼”頁(yè)查閱本網(wǎng)頁(yè)的代碼。你認(rèn)為移動(dòng)字幕的主要設(shè)置是哪一句？請(qǐng)把相關(guān)的語句抄下來：

（10）返回到“設(shè)計(jì)”頁(yè)面，雙擊“字幕”，打開字幕屬性對(duì)話框，改變方向和速度，再到“代碼”頁(yè)面查閱代碼，并把相關(guān)的語句抄下來：

（11）對(duì)比以上語句，理解字幕效果的代碼設(shè)置。（12）對(duì)比瀏覽器，進(jìn)入一個(gè)搜索網(wǎng)站，將上述字幕設(shè)置標(biāo)識(shí)為關(guān)鍵字，尋找該動(dòng)態(tài)效果的更多代碼。（13）利用找來的資源，進(jìn)一步調(diào)試字幕設(shè)置，并以此為基礎(chǔ)，嘗試模擬設(shè)計(jì)一航班公告的網(wǎng)頁(yè)。項(xiàng)目支持

1.在FrontPage2003中創(chuàng)建網(wǎng)頁(yè)

2.FrontPage2003窗口模式切換

3.超文本標(biāo)識(shí)語言4.在網(wǎng)頁(yè)中插入表格、了解表格菜單

5.在網(wǎng)頁(yè)中插入圖片

6.使用記事本修改網(wǎng)頁(yè)代碼實(shí)踐探索（1）使用表格實(shí)現(xiàn)強(qiáng)大的排版功能：在網(wǎng)頁(yè)中，表格的使用很靈活。表格有單元格，在單元格中又可以嵌套表格，表格和單元格的屬性中還可以分別指定邊框線和背景。請(qǐng)?jiān)贔rontPage2003中制作一個(gè)嵌套表格，然后打開表格屬性和單元格屬性窗口，了解設(shè)置方法和觀察實(shí)際效果。之后，請(qǐng)打開一個(gè)熟悉的網(wǎng)站，對(duì)照著在FrontPage2003中將它的首頁(yè)重新做成一個(gè)HTML文件。

（2）從以上實(shí)踐過程中不難看出，F(xiàn)rontPage2003中不能實(shí)現(xiàn)所有的字幕功能設(shè)置，因?yàn)樽帜恍Ч怯蔀g覽器來解釋的，瀏覽器本身的發(fā)展使它的參數(shù)在不斷增強(qiáng)，有些參數(shù)只能通過手動(dòng)修改代碼的方式來配置。字幕除了可以左右移動(dòng)之外，可以上下移動(dòng)嗎？如何設(shè)置呢？請(qǐng)通過互聯(lián)網(wǎng)搜索資料尋