基於Dreamweaver開發環境,建構了課題組網站,實現了包含網頁樣式設計(CSS)、網頁動態顯示(圖片輪播等)、後台操作管理系統、資料庫管理。
應用流程如下
1.首先下載Dreamweaver CS6;下載與破解:http://jingyan.baidu.com/article/fcb5aff7ac492aedab4a7167.html
2.搭建IIS服務環境以及建立Dreamweaver網站;http://www.jb51.net/article/29787.html;http://www.adobe.com/cn/devnet/dreamweaver/articles/setup_asp.html;其中搭建IIS伺服器有幾個注意點:a.物理路徑建議不要更改,b.網站綁定建議默認,c.無需添加網站使用Default Web Site即可.d.如果出現問題先網站檔案給everyone完全權限,然後C:Windowstemp資料夾給USER完全權限。
3.首先在C:inetpubwwwrootProjectWebsindeximages資料夾下取代ground.jpg(前台網頁的背景,圖片比例900:204)backsystem.jpg(後台網頁的背景圖片比例900:204)schoolplace. png(學校地圖圖片比例665:300)教授.jpg(學術領導照片圖片比例100:120)然後在C:inetpubwwwrootProjectWebsimages中替換s1.jpg-s4.jpg,sc1.jpg-sc4.jpg(主頁輪顯圖片圖片比例663:291)
4.開啟C:inetpubwwwrootProjectWebsindex.asp,定位到141行到176行,張三教授替換為Boss的名字,機械電子系系主任,智慧機器人所長替換成Boss的職務, xxxxx......xxxxxx處替換Boss的個人履歷(注意換行)定位到209到236行,其中http://www.baidu.com/替換成你需要連結過去的網站,百度替換為網站名稱定位到239到252行,其中© Copyright 2007-2014 百度百度百度課題組版權所有。 ©是版權資訊的意思, 是空格的意思。把時間換掉課題組名稱換掉。北京市西長安街174號中南海新華門|郵編:100017,換掉。電話:010-11111111|信箱:[email protected]|建議相容模式打開,換掉。 定位到92-93行,
5.接著打開所有asp字尾的文件挨個改最下方的版權資訊內容,如果有學術領導者的資訊則一併更改。至此大致框架已經形成接下來修改網站樣式。
6.開啟C:inetpubwwwrootProjectWebmain.css 定位到20到25行.navbar { //前綴.表示一個類別前綴#表示一個ID。這個類別用來改變導覽列表格的大小background-color: #3388ff; //改變導覽列背景顏色height: 50px; //設定高度width: 900px; //設定長度margin-top: -20px; / /設定位置font-weight: bold; //導覽列字體粗細
}
定位到28到34 .navword { //設定導覽列中的字體樣式font-family: "微軟雅黑"; //設定字體類型font-size: 18px; //大小font-weight: bold; / /粗細color: #FFF; //顏色text-decoration: none; //無底線}
.leadertable{ //設定學術帶頭人這一單元格的大小以及這幾個字的樣式height: 50px; width: 220px; font-family:'微軟雅黑'; font-size:16px; font-weight :bold; background-color:#61a3ff; } .leaderintroductionword{ //設定Boss簡介的字體格式text-align: left; font-family: "宋體"; font-size: 14px; font-weight: normal;
} 定位到121到125 #footerwords { //設定版權資訊字體的格式font-family: "宋體"; font-size: 14px; font-weight: normal; } 定位到134到139 .footsong{ //設定網頁正文的字體格式,網站中大部分的字體格式都是用這個類別來表示的font-family:"宋體"; font-size: 14px; font-weight:normal; text-decoration:none; color:#000;}
7.基本上到這裡網站已經建立的差不多了,接下來就是透過後台管理系統寫資料到資料庫裡面。然後來說一下後台管理系統的使用注意事項,首先不支援中文文件上傳;文件名與上傳的文件名稱需一致;部分修改頁面中有下拉清單選項,其中下拉清單不會隨著資訊的變化而變化需要重新選擇,否則會預設選擇第一個;密碼的變更可以開啟ProjectWeb.mdb資料庫變更其中的login表裡的username和password來實現;初始帳號密碼均為123456789。