【文章內容簡介】 MX 2021 的十大新特性 : :自動檢測標簽和 CSS規(guī)則來適應所有主流瀏覽器 ! CSS支持 ! :修剪 ,改變大小 ,尺寸 ,旋轉角度 ,調節(jié)明暗度都不需要離開Dreamweaver環(huán)境 ,因為它本身集成了 FW 的基本圖形編輯技術 .(這一點有模仿 FrontPage的嫌疑 ,但這個功能 確實很實用 )! FTP:完全加密傳輸保證文件和帳號信息的安全 ! 第 3 頁 共 28 頁 對當今技術的支持 :支持當今主流的開放環(huán)境 :ColdFusion,J2EE,PHP,.NET,和其他主流的服務器技術 .Dreamweaver現(xiàn)在加入了 XML命名空間支持 , ,新的參考書內容和新的 PHP服務器端行為 ! :直接將 Word和 Excel 文檔復制和粘貼到 Dreamweaver中 ,會保留字體 ,顏色 ,CSS 樣式表信息 .使用 ,使用系統(tǒng)支持的編碼保存任何字體 ,包括雙字節(jié)字符集 . MM 的其他工具 :加強了和 MM 其他幾款產品的協(xié)同工作能力 .例如 :你可以通過 DW直接設置 Flash組件的參數 . :插入條 ,表格工具都有改進 ! :編輯代碼更省時 ,例如右鍵編寫代碼工具 ,增強的查找和替換 ,高效的屬性面板 . :一個改良的用戶界面 ,更高的實用性 ,非常親切和有邏輯 ,讓你快速找到你想要的東西 ,一個新的開始屏幕讓你快速訪問最近的文件和教程資源 . 關系型數據庫的選擇 Access Microsoft Access 是一種桌面數據庫， 存儲方式簡單，易于維護管理 ，只適合數據量少的應用，在處理少量數據和單機訪問的數據庫時是很好的，效率也很高 ； 界面友好、易操作 ， 集成環(huán)境、處理多種數據信息 ， 支持廣泛，易于擴展，彈性較大 。但是它的同時訪問客戶端不能多于 4 個。 Microsoft Access數據庫有一定的極限，如果數據達到 100M 左右，很容易造成服務器 IIS 假死，或者消耗掉服務器的內存導致服務器崩潰。 第 2 章 網站總體分析與設計 網站系統(tǒng)分析 根據前面的設計思想進行分析，按照系統(tǒng)開發(fā)的基本觀點進行 對網站進行分解，從內容上可對網站作如下劃分： 第 4 頁 共 28 頁 ⑴ 校慶首頁 ⑵ 學校介紹 ⑶ 校慶新聞報道 ⑷ 學校圖片展 ⑸ 學校十大成就評選 ⑹ 嘉賓在線與網友互動 ⑺ 留言板 網站的創(chuàng)建 創(chuàng)建站點 創(chuàng)建站點的具體步驟如下 : ⑴ 首先在本地硬盤上建立一個文件夾，用來存放將要制作的站點。 ⑵ 運行 Dreamweaver MX 2021，選擇“站點” |“管理站點”菜單命令，彈出“管理站點”對話框，在對話框中單擊“新建” |“站點”選項 ⑶ 在彈出的對話框中輸入新建站點的名字“四川理工學院成都新華學院十 周年校慶”，再單擊“下一步”按鈕。 ⑷ 在彈出的對話框中選擇“是，我想使用服務器技術?！眴螕簟跋乱徊健卑粹o。 ⑸ 在彈出的對話框中選擇“編輯我的計算機上的本地副本，完成后再上傳到服務器（推薦）”單選按鈕，然后在下面的文本框中選擇“ C:\Documents and Settings\Administrator\桌面\四川理工成都新華學院十周年校慶”文件夾下，單擊“下一步”按鈕。 ⑹ 在彈出的對話框中選擇“無”選項，單擊“下一步”按鈕。 ⑺ 在彈出的對話框中認真閱讀設置好的信息，確認無誤后單擊“完成”按鈕。 ⑻ 出現(xiàn)“管理站點”對話框，其中顯示了新建的站點，單擊“完成”按鈕。 創(chuàng)建網頁文件 選擇“文件” |“新建”菜單命令，彈出“新建文檔”對話框，從各種預先設計好的頁面類別中選擇“基本頁” |“ HTML”，然后單擊“創(chuàng)建”按鈕即可。 數據庫的鏈接 1：鏈接用戶數據源，如下圖： 第 5 頁 共 28 頁 2：選擇數據庫的路徑，如下圖： 3：選擇數據庫的驅動程序，如下圖： 第 6 頁 共 28 頁 4：鏈接建立并測試，如下圖： 數據庫設計 采用的數據庫是 Microsoft Access ，擬建 立 庫文件 ，如：用戶登錄信息表，注冊表，投票表計數等二十張表。如下圖 ：第 7 頁 共 28 頁 第 8 頁 共 28 頁 第 3 章 詳細設計 校慶首頁 網站主頁采用靜、動相結合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結合，體現(xiàn)學校的勃勃生氣， 動 靜 相結合的 主頁方式介紹學校風采、優(yōu)點特色、信息發(fā)布，校務 活動，展現(xiàn)出了校慶網站的總體結構和思想。 利用 ASP與數據庫結合的技術建立數據庫查詢管理系統(tǒng)，采用交互式的動態(tài)的 web 畫面來實現(xiàn) ，使得網站主頁主題鮮明、內容豐富，大家能更快的了解到校 慶活動的動態(tài)信息，方便大家產于其中，突出活動主題。設計效果圖 如下： 第 9 頁 共 28 頁 功能 用戶注冊，用戶登錄，對校園成就進行投票，校園圖片展，校園新聞，留言板，在線搜索。 組成構造 共分成 8大部分： 1：用戶可以自己注冊，登錄并獲得不同的瀏覽權限。如下圖： 2. 對學校的各類成就進行投票，評選出優(yōu)秀的。如下圖： 第 10 頁 共 28 頁 3. 瀏覽圖片展可以清晰的看出每個角落的精彩畫面。如下圖： 4. 滾動播放出各個方面的即時新聞，如下圖： 5. 可以在線搜尋你想了解的新聞，成就等，如下圖： 6. 在線留言，如下圖： 第 11 頁 共 28 頁 7. 版權所有，如下圖： 8. 友情鏈接，如下圖： 系統(tǒng)數據庫 數據庫的分析 Web 應用跟著我的管理用戶狀態(tài)行為主要有兩種措施：一是使用 Session或 Cookies 保存用戶活躍期間的信息，但是這些信息在會話結束將不再存在。對于那些需要永久保存的信息，如：用戶的注冊資料等信息由于數據量較大必須通過數據庫進行存儲。并提供良好的方式進行查詢，插入，修改和刪除。 系統(tǒng)構思 第 12 頁 共 28 頁 校園的前臺包括首頁、學校概況、新聞、 圖片展、十大成就評選、留言板、在線搜索、網站版權等模塊。如下圖： 數據表的結構 校園網站數據表如下： 首頁 學校概況 校園新聞 圖片展 成就評選 管理系統(tǒng) 留言板 模塊管理 信息管理 在線搜索 第 13 頁 共 28 頁 第 14 頁 共 28 頁 第四章 網站的具體實現(xiàn) 網站的開發(fā)基本步驟 創(chuàng)建頁面和使用 應用程序大致可分為 4個步驟： （ 1） 收集材料； （ 2） 建立網站； （ 3） 設置屬性； （ 4） 布局、加載代碼和素材； （ 5） 保存并運行； 具體實現(xiàn) 本校慶網站采用 DIV+CSS布局，布局新穎，打 破了以往的傳統(tǒng)靜態(tài)網頁結構，以紅色為主色調，象征著青春活力，充滿著勃勃生機，充分的渲染了校慶活動的主題。 首頁名為： index，首頁界面如下圖： 第 15 頁 共 28 頁 第 16 頁 共 28 頁 第五章 總結 此次畢業(yè)設計，從選題到實現(xiàn)，一開始是茫然，然后慢慢進入狀態(tài)，從最初到整個網站的設計，到代碼的編輯，然后到思路逐步清晰，整個過程難以表達。在此過程中我用到了軟件工具主要有 photoshop、 flash、 dreamweaver、 access 等，運用 語言，開發(fā)了該校慶網站。在系統(tǒng)的開發(fā)過程中，多門以前 抽象的課程都得到了實際應用，再次感覺到這幾門理論課程在實踐中的重要性。在這次設計中，我更加的熟悉了實用 DIV+CSS 布局， DIV+CSS 布局使得頁面載入更快，在修改設計時更有效率，幫助整個站點保持良好的視覺效果。 在與指導老師的 緊張 交流討論中 讓我對這次的任務充滿了信心 ， 為了使我的論文做到完整 精確，我在學校圖書館以及網上收集了大量的資料，這樣也更有利于畢業(yè)論文的撰寫，然后就將收集的資料進行仔細分類，及時拿給老師進行溝通。雖然有時候感覺很累，但是覺得過得很充實。 在本次設計過程中，我深刻感受到動手能力 以及團隊合作的重要性，在學習中我們不應該僅僅滿足于書本知識，更應該著重于實踐，就像我們這次寫論文一樣，在論文實踐中我們學會了理論與實踐結合才能夠完美，在此過程中不可避免會遇到許多不如意，我也認識到自己的不足，以前在課堂上總覺得這些知識沒用，而如今這些東西都用上了，編程都是建立在這些理論知識上的，這次的任務讓我把多方面的知識都結合了起來，如編程、排版，美工，設計等，終于讓我做出更完美的設計。對于我的不足之處，我也加以改進，通過收集大量的資料，并與各指導老師及同學們的交流，在他們的幫助下，讓我順利的完成了本次任 務，寫完論文后，心里充滿了 激動 與自豪 ，其實我們做任 何事情都是這個樣子，需要我們腳踏實地的去做 ，認真嚴謹，要有一個好的態(tài)度才能做成一件事。就像我們開始著手畢業(yè)論文一樣，一開始每個人都覺得那是一項很重的任務，都有點畏懼，但經過長時間的努力和積累，經過不斷的查資料和總結，我 們都很好的完成了畢業(yè)論文，結果的收獲與喜悅相信我們都能感覺到。 第 17 頁 共 28 頁 部分代碼 投票系統(tǒng)的部分代碼： tr td width=78 rowspan=5div align=center div id=Layer12 div align=left table width=211 height=149 border=0 tr td height=44 colspan=2div align=centerspan class=STYLE31span class=STYLE22在線 /span搜索 /span/div/td /tr tr td width=66 height=35div align=rightspan class=STYLE32類型 /span/div/td td width=135form id=form11 name=form11 method=post action= label div align=left select name=select option value=新聞 按標題 /option option按時間 /option /select /div /label /form /td /tr tr 第 18 頁 共 28 頁 td height=32div align=rightspan class=STYLE32關鍵字 /span/div/td tdform id=form12 name=form12 method=post action= label div align=left input name=textfield3 type=text size=16 / /div /label /form /td /tr tr td /td tdform id=form13 name=form13 method=post action= label input type=submit name=Submit3 value=搜索 / /label /form /td /tr /table /div /div span class=STYLE21 十 span class=STYLE15 大 span class=STYLE22成 /span就 /span/span/div/td td width=462form id=form1 name=form1 method=post 第 19 頁 共 28 頁 action= div align=left標題：人文學院 /div label div align=center input name=ra type=radio value=a1 checked=checked / 喜歡（ %=((a1).Value)%） input type=radio name=ra value=a2 / 不喜歡（ %=((a2).Value)%） input type=submit name=Submit2 value=投票 / /div /label /form /td td width=526form id=form2 name=form2 method=post action= div align=left標題：經濟與管理學院 /div label div align=center input name=ra1 type=radio value=a1 checked=checked / 喜歡（ %=((a1).Value)%） input type=radio name=ra1 value=a2 / 不喜歡（ %=((a2).V