基于dreamweaver畢業(yè)設(shè)計說明書(完整版)

　　

【正文】 ┊ ┊ ┊ ┊ ┊ ┊ ┊ 第一章 網(wǎng)站的相關(guān)介紹 博客的概述 博客能讓個人在互聯(lián)網(wǎng)上表達自己的心聲。 相關(guān)軟件的簡介 本次網(wǎng)站系統(tǒng)使用了很多軟件，下面就這些軟件做些簡單的介紹： Photoshop CS2 的 簡介 Photoshop CS2 是 Adobe 公司 2020 年 5 月推出的一款在全球得到最為廣泛應(yīng)用的優(yōu)秀圖像軟件。 Access2020 另一個突出的優(yōu)點就是使用起來特別簡單，就和你使用 “ 窗體 ” 一樣，非常的簡 單。可行性研究的目的就是用最小的代價在盡可能短的時間內(nèi)確定問題是否能夠解決。通過分析，在軟、硬件方面現(xiàn)有工具與環(huán)境完全可以實現(xiàn)系統(tǒng)的開發(fā)，因此具有技術(shù)上的可行性。有了 ASP 你就不必擔(dān)心客戶的瀏覽器是否能運行你所編寫的代碼，因為所有的程序都將在服務(wù)器端執(zhí)行，包括所有嵌在普通HTML 中的腳本程序。 創(chuàng)建本地站點 在建立網(wǎng)站之前，首先應(yīng)設(shè)計和規(guī)劃好整個站點，繼而才能進行具體的網(wǎng)頁制作過程。一方面按規(guī)范化理論的要求，關(guān)系模式應(yīng)盡量取高級范式，尤其對記錄數(shù)較多的關(guān)系，低級范式將會造成存儲的大量重復(fù)，是空間遭受嚴重浪費；另一方面從存取速度上考慮，應(yīng)該盡量做到一個模式涉及的屬性越多越好，相互運算越少越好，這樣，又應(yīng)取低級范式。 博客系統(tǒng)中的數(shù)據(jù)庫名為 ,其中各個表的設(shè)計結(jié)果如下面表格所示。對于數(shù)據(jù)庫的安全，主要是通過對授權(quán)用戶的身份驗證實現(xiàn)的。(Data/) % 畢業(yè)設(shè)計（論文）報告紙 共 34 頁 第 12 頁 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 裝 ┊ ┊ ┊ ┊ ┊ 訂 ┊ ┊ ┊ ┊ ┊ 線 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 第 四 章 個人博客的實現(xiàn) 設(shè)計整個網(wǎng)站，必須從整體入手，更全面的從大方向把握設(shè)計總體性， Dreamweaver 作為優(yōu)秀的可視化網(wǎng)頁編輯工 具，為我們提供了一整套可視化網(wǎng)頁制作平臺，讓你的網(wǎng)站開發(fā)效率得到極大提升。本次頁面的 畢業(yè)設(shè)計（論文）報告紙 共 34 頁 第 14 頁 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 裝 ┊ ┊ ┊ ┊ ┊ 訂 ┊ ┊ ┊ ┊ ┊ 線 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 主色調(diào)我使用的粉色系的，在 CSS中設(shè)置了標(biāo)題欄和頁面的背景，頁面的背景主要是由背景色來決定的，當(dāng)然也用 PS 做了一個背景圖片，標(biāo)題欄的背景也是用 PS實現(xiàn)的，這張圖片的優(yōu)點主要體現(xiàn)在圖片的色彩和位置合理的安排上，標(biāo)題背景頁面如下： 圖 標(biāo)題欄背景 標(biāo)題是由 {}39。 tr td colspan=2 align=center valign=middle /td/trtr td align=right class=bloger名稱： /td td height=25 align=left class=blogerinput type=text name=logname id=logname //td/trtr td align=right class=bloger密碼： /td td height=25 align=left class=blogerinput type=password name=logpass id=logpass //td/trtr td height=35 colspan=2 align=center class=blogerinput type=submit name=button id=button value=登錄 / 畢業(yè)設(shè)計（論文）報告紙 共 34 頁 第 17 頁 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 裝 ┊ ┊ ┊ ┊ ┊ 訂 ┊ ┊ ┊ ┊ ┊ 線 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ input name=button2 type=button id=button2 onclick=MM_goToURL(39。 /spanspan class=textfieldMinCharsMsg密碼長度最少為 6位。 /span/span/td/trtr td height=25 class=txt1類別： span id=spryselect1span class=selectRequiredMsg請選擇一個項目。 。 /span/span/td/trtr td height=30 align=center% If session(MM_Username) Then % input type=submit name=button3 id=button3 value=發(fā)表 /% Else % input disabled=disabled type=submit name=button3 id=button3 value=發(fā)表 /% End If % input type=reset name=button4 id=button4 value=重寫 //td/tr/table 制作方法，插入一個表單，并在里面寫上相應(yīng)的文字，插入一個“列表 — 菜單”控件，新建一個記錄集 Recordset1 來顯示類別的名稱，并在下面的屬性面板中做相應(yīng)的動態(tài)設(shè)置；完成動態(tài)設(shè)置后，選擇“插入記錄”命令，設(shè)置連接為 conn，插入到表格 Article 表格中，插入后，轉(zhuǎn)到 頁面，確定后，在下方加入兩個 按鈕，“發(fā)表”和“重寫”，并將視圖轉(zhuǎn)換為代碼視圖，修改兩個按鈕的代碼，這樣我們就完成了發(fā)表新文章的制作了，可以在瀏覽器中觀看一下效果，如下圖： 畢業(yè)設(shè)計（論文）報告紙 共 34 頁 第 20 頁 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 裝 ┊ ┊ ┊ ┊ ┊ 訂 ┊ ┊ ┊ ┊ ┊ 線 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 圖 發(fā)表文章頁面 關(guān)于博客的頁面 用戶登錄以后不僅可以發(fā)表文章，還可以看到關(guān)于該博客的一些說明，在這個頁面中有相關(guān)的說明還有與管理員聯(lián)系的方法： 在線聊天和發(fā)郵件，其中 在線聊天的代碼是： pspan class=txt1span class=txt:864961517/span a href= amp。 /span/span/td/trtr td height=25 align=right bgcolor=F8D2F0 class=txt1： /td td height=25 bgcolor=F8D2F0 class=txt1span id=sprytextfield4 input type=text name= id= / span class=textfieldInvalidFormatMsg格式無效。,39。 退出登錄代碼： a href= target=_top退出 是連接一個文件而成的， 這個文件的用處是退出到首頁，而不是全退，其代 碼如下： % () % 畢業(yè)設(shè)計（論文）報告紙 共 34 頁 第 15 頁 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 裝 ┊ ┊ ┊ ┊ ┊ 訂 ┊ ┊ ┊ ┊ ┊ 線 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 圖 首頁界面 如圖所示，左側(cè)還有一個用戶資料的和日歷表格，用戶資料將在下面注冊和登錄那兒再介紹，日歷是手動編輯 JavaScript 代碼，是從網(wǎng)上下的一個代碼來實現(xiàn)的，是一個簡單的日歷樣式。 設(shè)計流程的總體分析 ： 在做該博客系統(tǒng)之前我上網(wǎng)瀏覽了幾個博客系統(tǒng)，并成為其中的一員，本次系統(tǒng)有的界面的實現(xiàn)就是參照網(wǎng)易博客來制作的，有發(fā)表文章，留言等功能，根據(jù)網(wǎng)站設(shè)計分析得到現(xiàn)行處理流程，對于一個博客來說，我認為首要目標(biāo)是發(fā)表及評論文章，其處理流程如圖所示： 圖 總體功能表 網(wǎng)站的具體實現(xiàn) ： 片頭的實現(xiàn) 本系統(tǒng)是動態(tài)的，所以在做之前要進行相應(yīng)的配置才能開始制作，而且動態(tài)的不能跟靜態(tài)的一樣可以直接用 IE 打開預(yù)覽，必須在前面輸入相應(yīng)的東西，所以為了方便使用，在本次博客系統(tǒng)中我做了一個片頭來連接，此片頭是由 Flash 來完成的，首先我找了一張跟我這次博客系統(tǒng)相吻合的圖片，作為片頭的背景，然后找了幾個小的文件放在里面，做了一些動畫的效果，最主要的是按鈕那邊的制作，在按鈕那邊加了一個語句，點擊即可進入后面的頁面，語句如下： On(press){ getURL(“:/ /localhost/blog/” ,“ self” )。 在 Dreamweaver 中，添加數(shù)據(jù)庫的步驟如下： 1. 選擇“文件 /新建”命令，打開“新建文檔”對話框，在“空白頁”選項卡的“頁面類型”列表框中選擇 ASP VBScript 選項，在“布局”框中選擇“無”選項，再單擊“創(chuàng)建”按鈕創(chuàng)建一個動態(tài)頁； 2. 選擇“窗口 /數(shù)據(jù)庫”命令，打開“數(shù)據(jù)庫”面板，單擊加號 按鈕，在彈出的下拉菜單中選擇“自定義連接字符串”命令； 畢業(yè)設(shè)計（論文）報告紙 共 34 頁 第 11 頁 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 裝 ┊ ┊ ┊ ┊ ┊ 訂 ┊ ┊ ┊ ┊ ┊ 線 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 3. 打開“自定義連接字符串”對話框，在“連接名稱”文本框中輸入連接名 conn，在 “ 連 接 字 符 串 ” 文 本 框 中 輸 入 連 接 字 符 串 ：Provider=。 畢業(yè)設(shè)計（論文）報告紙 共 34 頁 第 9 頁 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 裝 ┊ ┊ ┊ ┊ ┊ 訂 ┊ ┊ ┊ ┊ ┊ 線 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 表 Users用戶表 字段名稱 數(shù)據(jù)類型 字段大小 UsersID 自動編號 — Usersname 文本 20 UsersPassword 文本 20 Users 文本 20 UsersWeb 文本 40 UsersEmail 文本 30 UsersLoginTime 日期 /時間 — ArticleClass表記錄文章分類，其字段如表 表 A