【文章內(nèi)容簡介】 的界面設(shè)計也就是系統(tǒng)網(wǎng)頁 的設(shè)計。 Macromedia Dreamweaver MX 是 Macromedia Dreamweaver 的升級產(chǎn)品，它在增加了網(wǎng)頁與數(shù)據(jù)庫相連的重要功能的同時，同樣秉承了傳統(tǒng) Dreamweaver 產(chǎn)品對網(wǎng)頁設(shè)計的強(qiáng)大處理功能，用戶通過在頁面上僅用拖曳控件的方式就可輕松創(chuàng)建網(wǎng)頁。但若要想制作出方便實用的精美網(wǎng)頁，必須在開始之前做出詳細(xì)設(shè)計，這樣就會大大提高網(wǎng)頁質(zhì)量，進(jìn)一步改善應(yīng)用程序的可用性。設(shè)計時可以將設(shè)計的頁面畫在紙上，然后考慮哪些控件是所需要的，以及不同元素的重要性、控件之間的聯(lián)系等。頁面的設(shè)計和規(guī)劃不僅影響到它本身外觀的藝術(shù)性，而且對應(yīng)用程序的可用性也有很重要的作用。組織頁面的工作包括控件 的位置、大小、一致性等。 （ 1）控件的位置 在大多數(shù)的頁面的設(shè)計中，并不是所有的元素都具有相同的重要性，精心的設(shè)計將畢業(yè)設(shè)計說明書 (論文 ) 第 5 頁 共 29 頁 保證較重要的元素對用戶來說處在一目了然的位置。重要的和需要經(jīng)常訪問的元素應(yīng)當(dāng)處于顯著的位置，次要的元素則應(yīng)當(dāng)處于次要的位置。 我們習(xí)慣的閱讀順序一般是從左到右，從上到下?？赡苷f，用戶第一眼看到的是計算機(jī)屏幕左上部分，因此最重要的元素就放在這里。例如，本系統(tǒng)首頁上，各 功能 的名稱放在頁面最上方；而當(dāng)進(jìn)入具體某一項功能時，比如進(jìn)入查詢功能時，各查詢項目（如“查詢 教師信息 ”）都居中放置，在頁面的正中間 ，讓用戶一目了然， [查詢 ]按鈕緊接著用戶填寫的查詢資料后，而類似 [重填 ][上一頁 ]的按鈕則應(yīng)當(dāng)處于屏幕的左下方或右上方，因為用戶通常是在完成了整個窗口的工作后才會訪問它們。 將控件和元素適當(dāng)分組也是非常重要的，可以嘗試根據(jù) “功能 ”和 “關(guān)系 ”來組成一個邏輯信息組。由于它們在功能上有聯(lián)系，所以將它們放在一起，在視覺效果上也要比將它們分散在屏幕的各處要好得多。在很多情況下，可以使用 “表格 ”控件來幫助強(qiáng)化各控件之 間的聯(lián)系。 （ 2）界面元素的一致性 一致性是界面設(shè)計中的重要因素之一，一致性的外觀將體現(xiàn)應(yīng)用程序的協(xié)調(diào)性 。如果缺乏一致性就會使界面混亂而無序，差的界面將會使應(yīng)用程序看起來混亂而不嚴(yán)密，體現(xiàn)不出就應(yīng)有的價值，甚至?xí)褂脩粲X得應(yīng)用程序不可靠。 Dreamweaver的一個非常重要的功能就是使用 “ 樣式 ” 和 “ 模板 ” 來創(chuàng)建風(fēng)格統(tǒng)一的頁面。 Dreamweaver 中的 “ 樣式 ” 包括 “HTML 樣式 ” 和 “CSS 樣式 ” ，運(yùn)用這兩種樣式可以對 “ 頁首文字 ” ， “ 鏈接文字 ” 等字體樣式進(jìn)行設(shè)計，然后使用這些字體樣式重復(fù)設(shè)計同類的字樣，這樣就可以保持如鏈接文字 —— “ 上一頁 ” 、 “ 下一頁 ” 等字體風(fēng)格的一致性。同樣，將設(shè)計好的頁面格式保存為 “ 模板 ” ，利用 “ 模板 ” 來創(chuàng)建風(fēng)格統(tǒng)一的頁面。如在本系統(tǒng)中先創(chuàng)建好了系統(tǒng)的各層次的頁面，然后將其保存為 “ 模板 ” ，在運(yùn)用此 “ 模板 ” 創(chuàng)建其它 功能模塊 的頁面，這樣就可設(shè)計出風(fēng)格一致的頁面系統(tǒng)，比如，無論在 “ 教師查詢 ” 還是 “ 新聞公告查詢 ” 的 “ 查詢頁面 ” 都將是一個格式，這不僅體現(xiàn)在頁面的布局 ，背景顏色，字體樣式而且還體現(xiàn)在頁面中控件的行為，屬性等各方面都將一統(tǒng)風(fēng)格，使用戶在進(jìn)入兩個不同系統(tǒng)時不會感到操作陌生，不同的僅是用戶自己提出的要求而已。 （ 3）動感：內(nèi)容與形式相統(tǒng)一 動感是對象功能的可見線索。雖然用戶可能對這個術(shù)語還不熟 悉，但動感的實例到處可見。按下按鈕、旋轉(zhuǎn)旋鈕和點亮電燈的開關(guān)等都能進(jìn)行動感表示，一看到它們就可畢業(yè)設(shè)計說明書 (論文 ) 第 6 頁 共 29 頁 以看出其用處。用戶界面也廣泛使用動感。例如，用在命令按鈕上的三維立體效果使得它們看上去像是被按下去的。如果設(shè)計平面的命令按鈕，就會失去這種動感，因而不能清楚地告訴用戶它是個命令按鈕。在有些情況下，平面的按鈕也許是適合的，比如游戲或者多媒體應(yīng)用程序，只要在整個應(yīng)用程序中保持一致就好。文本框也提供了一種動感，用戶可以期望帶有邊框和白色背景的框，框中包含可編輯的文本。 (4)使用空白空間 在用戶界面中使用空白空間有助于突 出元素和改善可用性?？瞻卓臻g不必非得是白色的 ——它被認(rèn)為是窗體控件之間以及控件四周的空白區(qū)域。一個窗體上有太多的控件會導(dǎo)致界面雜亂無章，使得尋找一個字段或者控件非常困難。在設(shè)計中需要插入空白空間來突出設(shè)計元素。各控件之間一致的間隔以及垂直與水平方向元素的對齊也可能使設(shè)計更要行。就像雜志中的文本那樣，安排得行列整齊、行距一致、整齊的界面也會使其容易閱讀。 （ 5）保持界面的簡明 界面設(shè)計最重要的原則就是簡單。對于應(yīng)用程序而言，如果界面看上去很難，則可能程序本身很難。稍稍深入考慮一下便有助于創(chuàng)建看上去（實際上也是 ）用起來都很簡單的界面。從美學(xué)角度來講，整潔、簡單明了的設(shè)計更可取。在界面設(shè)計中，一個普通易犯的錯誤就是力圖用界面來模仿現(xiàn)實世界的形象。提供缺省 可 簡化應(yīng)用程序，如果十個用戶有九個選取加粗的文本，就把文本粗體設(shè)為缺省，而不需要用戶每次都選取一遍（不要忘記提供一個選項可以覆蓋該缺省值）。向?qū)б灿兄诤喕瘡?fù)雜的或不常用的任務(wù) 。 畢業(yè)設(shè)計說明書 (論文 ) 第 7 頁 共 29 頁 第 2 章 系統(tǒng) 分析 系統(tǒng) 目標(biāo) 在教學(xué)過程中，師資的管理已經(jīng)尤顯重要，人們已經(jīng)開始尋找更加靈活的師資管理方法，本系統(tǒng)的開發(fā)，彌補(bǔ)了此方面的不足，教師的安置、教材的管 理 是非常重要的一環(huán)，老師可以通過它得到教學(xué)效果的反饋，既可以了解不同學(xué)生的學(xué)習(xí)情況，以便因材施教，又可以發(fā)現(xiàn)教學(xué)過程或課件中存在的問題，并采取措施加以修改、完善?？傊鞠到y(tǒng)是溝通教師的 “教 ”與學(xué)生的 “學(xué) ”的重要手段之一。 普通高等院校的教師管理是高校管理中的重要部分，其組織結(jié)構(gòu)情況如圖 21 所示： 圖 21 高校 教師管理組織機(jī)構(gòu)圖 根據(jù)高校教師信息管理的組織結(jié)構(gòu)，本系統(tǒng)將實現(xiàn)教師的基本信息的管理：當(dāng)學(xué)校有新教師加入教學(xué)工作時教務(wù)管理員可以添加教師的基本信息； 當(dāng)教師任教發(fā)生變化或教師的基本情況有變動時，教務(wù)管理員可以修改教師的基本信息；當(dāng)教師離職時，教務(wù)管理員可以將教師的基本信息刪除，并且隨之修改或刪除其它與該教師相關(guān)的內(nèi)容。 教師參編的教材、教師的任職情況以及教師的任課情況將作為與教師的基本情況相對應(yīng)的信息予以管理。 學(xué)生以及教師可以在本系統(tǒng)查詢教師的基本信息、教師的任課情況、教師的任職情況，對教師的情況可以進(jìn)行深入地了解。如對教師的教學(xué)、教材的使用、課程的設(shè)置有任何意見和建議可以在本系統(tǒng)中進(jìn)行反饋，教務(wù)管理員可以定期對同學(xué)及教師所提出的意見和建議予以答復(fù)。 高校教師管理組織 教師基本信息管理 教師任課情況管理 教師任職情況管理 教師參編教材管理 畢業(yè)設(shè)計說明書 (論文 ) 第 8 頁 共 29 頁 系統(tǒng)功能 系統(tǒng)功能分析 普通高校教師管理系統(tǒng)是針對中小型規(guī)模的高等院校而開發(fā)的信息管理系統(tǒng)，因此從系統(tǒng)功能上分析，本系統(tǒng)主要實現(xiàn)以下功能： 教師信息管理：管理教師的基本信息 教師查詢：可以查詢教師的任課、基本信息 教材管理： 對教材的管理主要有教材的添加、刪除等。 站內(nèi)新聞、公告：管理員可以添加站內(nèi)教學(xué)信息、教務(wù)通知、站內(nèi)公告等，以供教師查詢，方便教學(xué)管理。 教學(xué)反饋：教師、學(xué)生如在使用教材、上課期間發(fā)現(xiàn)問題，可進(jìn)入反饋頁面進(jìn)行反饋。 系統(tǒng)功能結(jié)構(gòu)框圖 圖 22教師信息管理頂層功能包的分解 博客管理 文章 管理模塊 用戶 管理 照片管理 模塊 文章修改 模塊 意見反饋管理 (a) 信息查詢 教師信息查詢 教材使用情況查詢 教師任職情況 (b) 意見反饋 教學(xué)意見反饋 教材使用意見 課程設(shè)置意見 (c) 新聞、公告查詢 教務(wù)員 所有用戶 所有用戶 畢業(yè)設(shè)計說明書 (論文 ) 第 9 頁 共 29 頁 如圖 22，本系統(tǒng)中，教師信息查詢、新聞公告查詢、教材使用查詢、教師任職查詢以及意見反饋模塊是開放給每一位普通教師和學(xué)生訪問的，教師和學(xué)生可以通過以上五個模塊的內(nèi)容方便地查詢到與教學(xué)有關(guān)的各種信息，并且還可以進(jìn)入意見反饋模塊進(jìn)行意見和建議的反饋。 系統(tǒng)中的教師信息管理、教材管理、任職管理、新聞公告以及意見反饋的回復(fù)模塊是提供給學(xué)校教學(xué)管理者登陸的，管理員需要登陸密碼方能進(jìn)入，對教師、教材的信息進(jìn)行管理，還可以對教師和學(xué)生在意見反饋模 塊中所提的意見和建議進(jìn)行回復(fù)處理。 畢業(yè)設(shè)計說明書 (論文 ) 第 10 頁 共 29 頁 第 3 章 系統(tǒng) 設(shè)計 圖 31教師實體 ER圖 圖 31教師基本信息：姓名、性別、生日、政治面貌、畢業(yè)院校、學(xué)歷、專業(yè)?? 教師任職信息：教師姓名、學(xué)術(shù)團(tuán)體、所任職務(wù) 圖 32 教材實體 ER圖 圖 32教材信息：教材名稱、適用課程 、任課教師姓名。 新聞、公告信息：標(biāo)題、具體內(nèi)容。 教 師 畢業(yè)院校 出生日期 姓 別 姓名 教師編號 職 務(wù) 所屬系部 學(xué) 歷 教 材 教材名 適用課程 教師姓名 畢業(yè)設(shè)計說明書 (論文 ) 第 11 頁 共 29 頁 圖 33實體關(guān)系 ER圖 數(shù)據(jù)表 設(shè)計 本系統(tǒng)采用的數(shù)據(jù)庫是 Microsoft Acc