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