【正文】 可以用鼠標單擊該面板右上角的關閉按鈕將其關閉，需要時再打開；狀態(tài)欄位于窗口的最下端 ，用于顯示文檔的 HTML 標記、文檔窗口大小、下載速度等信息。 Dremweaver 能與您喜愛的設計工具，如Playback Flash， Shockwave 和外掛模組等搭配，不需離開 Dremweaver 便可完成，整體運用流程自然順暢。使用支援文字、 HTML 碼、 HTML 屬性標簽和一般語法的搜尋及置換功能使得復雜的網(wǎng)站更新變得迅速又簡單。進階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。 夢幻樣版和 XML Dreamweaver 將內(nèi)容與設計分開，應用 于 快速網(wǎng)頁更新和團隊合作網(wǎng)頁編輯。對于 cascading style sheets 的動態(tài) HTML 支援和鼠標換圖效果，聲音和動畫的 DHTML 效果資料庫可在Netscape 和 Microsoft 瀏覽器上執(zhí)行。 “插入”欄的改進 使其具有一個簡潔高效的新外觀，并占用更少的工作區(qū)空間?？梢暬答佭€可以使您更方便地選擇表格元素。 保存桌面選項 使您可以選擇當您重新啟動 Dreamweaver 時讓Dreamweaver 重新打開您上一次使用的文檔。 2． 頁面整體布局 ： 新式的頁面布局和設計環(huán)境 畢業(yè)論文：計算機工程系網(wǎng)站建設 6 Dreamweaver 包含以下增強的 CSS 功能，這些功能提供了一個更為精巧的方法來進行樣式設計及提高設計交互性，此外，還包含了用于改進可視化編輯的反饋。單擊任意規(guī)則可查看它指定了哪些屬性（邊框樣式、邊距、填充、文本大小等）。 基于 CSS 的文本屬性檢查器 列出了可用于文本的所有可用樣式，并且包含一個預覽，其中顯示出了應用該樣式后文本所呈現(xiàn)的外觀。 3．代碼編輯： 強大和開放的編碼環(huán)境 Dreamweaver 為編碼人員提供了以下新增功能，包括對“代碼”視圖的改進和無需創(chuàng)建Dreamweaver 站點即可編輯文件的功能。 “代碼”視圖上下文菜單 使您能夠快速更改所選代碼的格式設置。 簡介 從字面上說， ASP包含三方面含義： Active： ASP使用了 Microsoft 的 ActiveX 技術。只要你可以在服務器上安裝這些組件，通過訪問組件，你就可以快速、簡易地建立自己的 WEB應用。 VBSCRIPT 是 VB 的一個簡集，會 VB的人可以很方便的快速上手。 畢業(yè)論文：計算機工程系網(wǎng)站建設 7 Pages： ASP返回標準的 HTML頁面，可以正常地在常用的瀏覽器中顯示。在了解了 VBSCRIPT 的基本語法后，只需要清楚各個組件的用途、屬性、方法，就可以輕松編寫出自己的 ASP系統(tǒng)。 3. 可使用普通的文本編輯器，如 Windows 的記事本，即可進行編輯設計。除了可使用 VBScript 或 JScript 語言來設計外，還通過 plugin 的方式，使用由第三方所提供的其他腳本語言，譬如 REXX、 Perl等。 8. 對象導向（ Objectoriented ）。 Active Server Pages 提供內(nèi)建對象，這些對象使用戶更容易收集通過瀏覽器請求發(fā)送的信息、響應瀏覽器以及存儲用戶信息（如用戶首選項） ?！?” (sql)%； 等等，略。 Access 還完全支持 Microsoft 的 OLE 技術。 3. 用戶可以通過創(chuàng)建查詢在一個表或多個數(shù)據(jù)表中檢索、更新和刪除記錄，并且可以對數(shù)據(jù)庫中的數(shù)據(jù)進行各種計算。 網(wǎng)站設計前提思路 首先我們要明確這個網(wǎng)站設計的目的，以及 它所要達到的功能，能夠體現(xiàn)什么特點。 挑選與錘煉工程系的關鍵信息，利用一個邏輯結構有序地組織起來，開發(fā)一個頁面設計原型，選擇用戶代表來進行測試，并逐步精煉這個原型，形 成創(chuàng)意。這部分功能的實現(xiàn)只需一塊區(qū)域，放在首頁更加直觀。 5．其它功能 ftp 地址以及一些友情鏈接，等等。它與繪圖有內(nèi)在聯(lián)系，但又不同于繪畫，它以滿足人們的實用和需求為目標，因而它比繪畫更單純，清晰和精確。頁面上所有的元素都應當有明確的含義和用途，而不要試圖用無關的圖片把頁面裝點起來，我們要讓別人明白本 網(wǎng)站突出表達的內(nèi)容，主題。材料組織好后，便開始在網(wǎng)站頁面上布置文本、圖片等內(nèi)容，目的是引導瀏覽者在頁內(nèi)瀏覽。根據(jù)這一習慣。 3．美觀性 首先是一致性，一致性是表現(xiàn)一個站點的獨特風格的重要手段之一。在選擇背景和正文顏色時，我們鐵別注意的一點是易讀性。 畢業(yè)論文：計算機工程系網(wǎng)站建設 11 網(wǎng)站總體設計 在分析完網(wǎng)站設計的目的、特點以及所要實現(xiàn)的功能后，我們并不是直接開始制作，而是需要對網(wǎng)站進行總體設計。結果不但瀏覽者看得糊涂，自己擴充和維護網(wǎng)站也相當困難。所以在創(chuàng)建網(wǎng)站目錄時我們嚴格注意一下規(guī)范： 1)、不把所有文件都存放在根目錄下，否則會造成文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關聯(lián)的文件，影響工作效率。 網(wǎng)站的排版及布局 1．排版設計 有限的視覺符號，文字，少量的插圖（有時沒有 ），這些素材有時不具備描述清楚事件或呈現(xiàn)情緒的能力，即使能自由的使用線條和色彩輔助，仍然拘束，所以通過“形象思維”直接捕獲內(nèi)心的原點，是排版設計的唯一途徑。我們所設計的便是上邊和右邊相結合的拐角型：上面是頁面的提頭和欄目導航，右邊是留言板和其它的鏈接，而左邊則是網(wǎng)頁的主體內(nèi)容部分。要知道，我們所設計的是計算機工程系得網(wǎng)站，是為師生提供網(wǎng)上交流空間與學習資料查詢的地方，沒有詳盡的內(nèi)容根本不是我們的目的，那只能是買櫝還珠，舍本逐末。 網(wǎng)站鏈接關系 1．網(wǎng)站的鏈接結構 網(wǎng)站的鏈接結構是 指頁面之間相互鏈接的拓撲結構。這樣的鏈接結構瀏覽時，一級級進入，一級級退出。這種鏈接結構的優(yōu)點是瀏覽方便，隨時可以到達自己喜歡的頁面。然后是其他內(nèi)容的鏈接，如留言板、新聞等鏈接，這些涉及到了數(shù)據(jù)庫的管理，一般是通過鏈接訪問數(shù)據(jù)庫來讀取資料。而后臺管理作為網(wǎng)站的數(shù)據(jù)庫及管理系統(tǒng)分別管理著每一個枝葉。 建設網(wǎng)站就像是在建造一座房子，先是設計方案和圖紙以及準備材料和工具，然后便開始緊鑼密鼓的施工了。而要給人以好的可以信賴的形象就必須從許多細節(jié)上入手，同時規(guī)范整 個網(wǎng)站的外在表現(xiàn)，具體在于標志的設計、標準色彩的表達以及標準字體的設計。那么我們所要表現(xiàn)的不是花哨，不是冗雜，而是簡潔明了，能夠體現(xiàn)我們計算機人的特色的風格。 其次，首頁是整個網(wǎng)站的索引，可以這么比喻，整個網(wǎng)站是一個線路網(wǎng)，那么首頁便是這個線路的主干道，其他分頁則是分支。 綜上所述，可以得到這樣的結論：首頁 =簡潔的風格 +健全方便的鏈接 +最新的新聞重要的介紹。在此的下面是工程系的幾位老師的介紹以及個人網(wǎng)址鏈接。所有的動態(tài)資料都交給后臺管理吧，那也 是非常方便簡潔的，后面將有敘述。在首頁上清楚列出幾項要點以及主頁內(nèi)容即可。圖像愈大、顏色愈深，傳送頁面的時間愈長。首頁整體上要能夠迅速傳送。另外，所提供的信息不應埋藏在重重疊疊的頁面之下。 說了這些，不如直接看的明了，圖表 5 就是用 Dreamweaver MX2020 設計的首頁。 } // /script 代碼前面的 是 ASP 腳本語言插入的格式，以下介紹時便不再給出。brbr loop % 這里是利用 語句來訪問打開數(shù)據(jù)庫，通過語句控制顯示最新的三條新聞，包括最新添加的消息、文章以及其他文本資料。39。rs(content)amp。 月 amp。 fontsize: 9pt。rs(name)amp。 圖表 7 新聞框架 分頁 ASP 程序設計 () 頁面的主要功能是將文章按每頁指定數(shù)量顯示出來，并實現(xiàn)上下頁翻頁功能進行查找，這在文章總數(shù)達到一點數(shù)字的時候非常使用 % const MaxPerPage=10 //定義每頁顯示文章 數(shù) if not isempty(request(p)) then currentPage=cint(request(p)) else currentPage=1 end if ％ 以上代碼定義每頁顯示的文章總數(shù)，如果帶 request 參數(shù) p 時從第 p*MaxPerPage 篇開始顯示，否則從最后添加一篇開始顯示 畢業(yè)論文：計算機工程系網(wǎng)站建設 19 % sql,conn,1,1 if and then p align=39。 order by m asc sql,conn,1,1 。沒 找 到 或 本 類 別 還 沒 有 任 何 內(nèi) 容！ /p else totalPut= if currentpage1 then currentpage=1 end if if (currentpage1)*MaxPerPagetotalput then if (totalPut mod MaxPerPage)=0 then currentpage= totalPut \ MaxPerPage else currentpage= totalPut \ MaxPerPage + 1 end if end if if currentPage=1 then showpage totalput,MaxPerPage, showContent showpage totalput,MaxPerPage, else if (currentPage1)*MaxPerPagetotalPut then (currentPage1)*MaxPerPage dim bookmark bookmark= showpage totalput,MaxPerPage, showContent showpage totalput,MaxPerPage, else currentPage=1 showpage totalput,MaxPerPage, showContent showpage totalput,MaxPerPage, end if end if end if % 以上代碼實現(xiàn)了翻頁功能，當點擊下一頁時會從數(shù)據(jù)庫中讀取下面 10 個文章標題 欄目內(nèi)容顯示 ASP 設計（ ） % dim o,r,m,i,title 畢業(yè)論文：計算機工程系網(wǎng)站建設 20 dim folder(15) //定義欄目數(shù)組 o=Request(o) i=0 If o0 And o100 Then //判斷主欄目 sql=select distinct m,rtype from type where r=amp。 畢業(yè)論文：計算機工程系網(wǎng)站建設 18 分頁頁面設計 1．分頁基本框架頁面 如圖表 6 所示的就是分頁的框架設計，左邊是頁面的主體部分，展示重要內(nèi)容信息，右上方是站內(nèi)搜索，跟著下面是站內(nèi)導航，這是為了 提供方便快捷的搜索必要。rs(url)amp。日 )brhr loop % //循環(huán)讀取數(shù)據(jù)庫前 3 條符合條件的內(nèi)容 也是讀取數(shù)據(jù)庫中的內(nèi)容顯示最新的 8 條留言，并顯示留言人和日期。/a (amp。top=20,left=360,width=410,height=25039。?id=amp。 2．最新動態(tài)部分 畢業(yè)論文：計算機工程系網(wǎng)站建設 17 % select top 3 id,name,addtime from anounce where isUse order by addtime desc,conn,1,1 do while not li amp。在打開網(wǎng)站時彈出的新聞頁面及時發(fā)布最新的通知，給人以深刻的感覺。因此，必須在廣度和深度之間求取平衡。 3．使首頁易于漫游 首頁的其中一個主要功能是作為漫游工具，指引用戶查閱你存儲在網(wǎng)址或其他地點的信息，盡量使漫游過程不費吹灰之力。首頁上的顏色最好不超過六十四種，頁頂圖像最好保持在大約 10KB(千字節(jié) )以下。 2．盡量簡樸 首頁上的圖形應力求簡樸，避免耽擱用戶的時間。因此，首頁的設汁應以醒目為上、令人一目了然。在留言板的下面是工程系的介紹和網(wǎng)站鏈接。下面就討論一下首頁頁面的設計吧。 然后，首頁所要體現(xiàn)的另一個重要功能就是提供醒目的新聞及介紹。我們所設計的簡潔樸素的首頁風格正體現(xiàn)了這種思想，使人們在瀏覽的時候 感到的不是眼花繚亂，而是清楚方便。 首頁框架設計 設計首頁，要表現(xiàn)其首頁的特點和作用。正如我們在設計網(wǎng)站的時候也是從首頁到分頁，從前臺到后臺，逐步完成的。構造這一框架的目的是為了更深刻的明確網(wǎng)站的組成及內(nèi)容，從而讓網(wǎng)站的建設工作能夠有條不紊的進行。 為了便于分析，特用框架圖來解釋： 畢業(yè)論文：計算機工程