某區(qū)信息技術(shù)教師網(wǎng)頁制作培訓(xùn)

鐘樓區(qū)信息技術(shù)教師網(wǎng)頁制作培訓(xùn)李奎E-mail:jsqinge@188.com2011年1月學(xué)習(xí)要點(diǎn)服務(wù)器環(huán)境配置開發(fā)環(huán)境配置網(wǎng)站目錄規(guī)劃與權(quán)限設(shè)置從photoshop到dreamweaver，制作第一個(gè)網(wǎng)頁，并通過IIS配置運(yùn)行常用html語法常用css語法網(wǎng)頁的布局table與div+css兩個(gè)常用的工具flash圖片輪播器和flv視頻播放器給網(wǎng)頁添加背景音樂（如無必要，不建議加音樂）作業(yè)：一個(gè)完整靜態(tài)網(wǎng)站的制作服務(wù)器環(huán)境配置1操作系統(tǒng)：Windowsserver2003+IIS6.0或windowsxp

pro+IIS5.1或IIS6.0.netframework3.5（可選）數(shù)據(jù)庫(kù)：MSSQLServer2005或MSAccess下載地址：/down/down.htm開發(fā)環(huán)境配置1平面設(shè)計(jì)：adobephotoshopcs3動(dòng)畫制作：adobeflashcs3網(wǎng)頁編輯：adobedreamweavercs4看圖軟件：ashampoophotocommander5或acdsee（未提供下載）下載地址：/down/down.htm環(huán)境配置注意事項(xiàng)1安裝操作系統(tǒng)時(shí)，如果默認(rèn)沒有安裝IIS，可以按“開始”“管理工具”“管理您的服務(wù)器”“添加或刪除角色”“應(yīng)用程序服務(wù)器（IIS，ASP.NET）”步驟操作。安裝IIS時(shí)需要有網(wǎng)絡(luò)連接，并且提供winserver2003安裝包或IIS完整安裝包。從“開始”“管理工具”中看到有“internet信息服務(wù)(IIS)管理器”說明系統(tǒng)安裝時(shí)已經(jīng)自動(dòng)安裝了IIS服務(wù)。如果使用的windowsxp來配置環(huán)境，需要下載IIS5.1或IIS6.0安裝包，并且windowsxp最好是pro版而不是home版。進(jìn)行開發(fā)，需要再安裝.netframework安裝包，可從微軟官方下載，或從/down/down.htm下載，同時(shí)需要從IIS的web服務(wù)擴(kuò)展中將“”相關(guān)服務(wù)啟用。制作asp網(wǎng)頁時(shí)，需要從IIS的web服務(wù)擴(kuò)展中將“activepageserver”啟用。環(huán)境配置注意事項(xiàng)2安裝ps、dw、fl時(shí)，直接下載壓縮包，解壓縮到安裝目錄，并且執(zhí)行各自目錄下的綠化工具，然后將主程序photoshop.exe、Dreamweaver.exe、flash.exe發(fā)送快捷方式到桌面即可使用。安裝ashampoophotocommander5時(shí)，直接解壓到安裝目錄，并將apc.exe發(fā)送快捷方式到桌面，運(yùn)行時(shí)用“使用幫助說明.txt”中的序列號(hào)進(jìn)行注冊(cè)即可。網(wǎng)站目錄規(guī)劃與權(quán)限設(shè)置1一個(gè)簡(jiǎn)單的靜態(tài)網(wǎng)站目錄規(guī)劃website/images/index.htm或default.htmimages目錄主要存放網(wǎng)頁中用到的圖片、音樂、視頻和css樣式文件。也可以為音樂、視頻建立單獨(dú)的文件夾。網(wǎng)站目錄下的不管是文件夾還是文件都不建議使用中文命名，最好是使用英文字母和數(shù)字。網(wǎng)站目錄規(guī)劃與權(quán)限設(shè)置2動(dòng)態(tài)網(wǎng)站目錄website/uploadfiles/images/index.asp或default.asp、index.aspx、default.aspxuploadfiles目錄用于存放用戶在管理過程中上傳的圖片和附件。強(qiáng)烈建議在一個(gè)網(wǎng)站中只開放一個(gè)文件夾允許用戶上傳。對(duì)于有自主管理權(quán)限的服務(wù)器，強(qiáng)烈建議不要將網(wǎng)站的數(shù)據(jù)庫(kù)文件放置在網(wǎng)站目錄下，而應(yīng)該放置在網(wǎng)站目錄以外的目錄，指定和uploadfiles目錄一樣的權(quán)限，并且在數(shù)據(jù)庫(kù)連接語句中，使用絕對(duì)地址進(jìn)行連接。對(duì)于有自主管理權(quán)限的服務(wù)器，建議在操作系統(tǒng)中建立一個(gè)不屬于任何組的用戶，如“webUser”，用于替換系統(tǒng)自帶的“internet”來賓帳號(hào)，作為網(wǎng)站訪問的匿名用戶。

網(wǎng)站目錄規(guī)劃與權(quán)限設(shè)置3網(wǎng)站目錄權(quán)限設(shè)置：首先取消網(wǎng)站根目錄從父目錄的繼承權(quán)限同時(shí)選擇復(fù)制父目錄的權(quán)限，設(shè)置用根目錄權(quán)限明確替換所有子目錄及文件的權(quán)限。然后給網(wǎng)站根目錄指定administrator（完全控制）、IIS_WPG（讀取和運(yùn)行、列目錄、讀?。?、internet來賓帳號(hào)（讀取和運(yùn)行、列目錄、讀取）權(quán)限。網(wǎng)站目錄規(guī)劃與權(quán)限設(shè)置4網(wǎng)站目錄權(quán)限設(shè)置：

網(wǎng)站目錄規(guī)劃與權(quán)限設(shè)置5網(wǎng)站目錄權(quán)限設(shè)置：對(duì)于動(dòng)態(tài)網(wǎng)站的uploadfiles目錄，需要單獨(dú)指定IIS_WPG和Internet來賓帳號(hào)寫入和修改的權(quán)限。同時(shí)在IIS的“目錄”選項(xiàng)卡里，將uploadfiles的運(yùn)行權(quán)限指定為“無”，這一點(diǎn)對(duì)于網(wǎng)站的安全非常重要，見下圖。PS：許多使用動(dòng)易或其他免費(fèi)asp源碼制作的學(xué)校網(wǎng)站，經(jīng)常被掛馬通常都是由于目錄權(quán)限設(shè)置過大造成的。網(wǎng)站目錄規(guī)劃與權(quán)限設(shè)置6網(wǎng)站目錄權(quán)限設(shè)置：

常用html語法/down/down.htm下載常用css語法/down/down.htm下載網(wǎng)頁布局table與div+CSS實(shí)例操作。兩個(gè)常用工具圖片輪播與視頻播放演示效果：/down/flashpicplayer/bcastr1.html/down/flashpicplayer2/focus.htm/down/flashVideoPlayer/test.htm下載地址：/down/down.htm給網(wǎng)頁添加背景音樂1給網(wǎng)頁添加背景音樂2方式二：使用html代碼，參考代碼如下：<embedsrc="