前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的計算機平面設計基礎教程主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：計算機平面設計基礎教程范文

關鍵詞：科研信息 B/S架構 數據庫

隨著計算機技術、網絡技術和數據庫技術的快速發展，信息的處理更加方便和高效。高校作為重要的科研機構，如何使其科研管理工作更加規范化、科學化、電子化，對學校內部職工和部門所完成的各級科研成果、論文、科研項目、科研獎勵等信息以及校級科研項目等信息進行無紙化管理，已顯得非常重要。考慮到C/S模式速度快、功能強大、利于分析處理大量數據，數據處理更安全，實現數據共享更可靠等因素，在學校內部各部門和科研處內部各終端采用C/S模式進行系統設計。但是，C/S模式不易于接入Internet，跨平臺性差，缺乏開放性，不易與其他系統進行信息交流，故考慮采用B/S模式進行對外信息系統設計。

一、系統功能與總體結構

（一）系統功能

本系統從結構上分為科研門戶網站和科研業務子系統兩大部分，其中科研業務子系統是本系統的關鍵所在，是核心部分。主要包括以下功能：

1.科研項目管理：科研項目管理是高職院校科研信息管理系統的核心部分。包括科研項目申報、立項、審核、項目執行跟蹤和項目中期檢查、項目經費管理，項目信息的查詢統計，項目信息的匯總報表，項目結項管理等功能。

2.科研成果管理：是對科研項目管理的延續，主要負責對科研項目的應用情況和獲得的專利情況進行管理。包括科研成果的登記、查詢、報表、打印。包括了科研專利管理模塊、論文專著管理模塊、其他成果管理模塊。

3.基礎設置管理：主要包括機構管理模塊、科研人員管模塊、用戶管理模塊。用于對學院各個系部及一些附屬公司的管理，用于對科研工作人員進行管理，用于設置各級用戶權限、增加和刪除用戶的管理。

4.系統維護信息管理：主要是對科研信息管理數據庫的管理，包括壓縮數據庫、備份數據庫、還原數據庫、執行升級文件等。用于設置登錄機器、查看系統日志、用戶操作日志、系統參數設置等涉及系統安全方面的設置。

5.科研門戶網站管理：主要包括網站信息管理和科研發展處網站兩部分。其中網站管理信息系統主要是信息、文件上傳等功能，而科研發展處網站主要是用于顯示一些最新的科研信息和文件的下載等功能。

（二）系統總體結構

根據我院科研管理工作的內容及需求分析，可得高職院校科研管理系統包括六個重要功能模塊：科研項目管理、科研成果管理、基礎設置管理、系統維護信息管理、科研門戶網站模塊、網站管理信息系統。

二、實現方法

四、總結

通過本系統的實施，將給我院科研數據的收集、加工和存儲帶來便利，使科研管理的范圍得到延伸，科研數據更加全面和準確，能夠比較真實地反映出科研機構或個人的科研活動情況，大大提高科研管理工作的效率和水平。但我們要清楚地認識到，任何系統和程序，都只是我們進行科研管理的一個工具，它在資源配置和資源共享方面的作用是有限的。因此，科研管理要以人為本，科學地決策，合理地評價，有效地協調科研活動中的各種關系，提高科研工作者的積極性和創造性，最大限度地激發科研工作者的熱情，以較少的科研投入取得較多的科研成果和經濟效益，推動整個科研工作向前發展。

參考文獻

[1]郭劍毅，申立中，馬桂芳，等.基于C/S與B/S的高校科研管理信息系統的設計與實現[J].計算機工程與應用，2003，（1）：212-214

[2]陳軍霞.基于網絡數據庫的B/S模式的管理信息系統的研究[J].河北工業科技，2003，20（2）：7-10

[3]胡勇輝，扶玉坤，張陽戩基礎教程與指導[M].北京：清華大學出版社，2004：185-197

第2篇：計算機平面設計基礎教程范文

關鍵字：html+CSS課程 實操作業命題 實操考試命題

TP311.52

《網頁設計與制作（HTML+CSS）》是平面設計和信息技術專業的交叉課程，兼顧程序思維和藝術感覺。學習的內容可以分為兩種類型：程序性技能和陳述性知識。職業教育的一個重要特征，就是“動手工作比積累知識更重要”。實操考試就是以操作題為主，從實際工作中分解出若干個在一定時間內能夠完成的任務，對任務進行適當的描述，考生按照題面要求進行實際操作，最后提交考試的答卷。

OSTA即中國人力資源和社會保障部職業技能鑒定中心。由OSTA組織命題的《Dreamweaver 8試題匯編： 網頁制作員級》是html+CSS課程操作考試的典范。其考試大綱分為站點基本操作、布局頁面和表格制作等8個模塊，其考試題型主要是給定文字和圖形素材、完成預定目標的操作題，考試結果為若干個完整的頁面文件。

慕課網（IMOOC）是國內新興的IT技能學習平臺。里面有一個《html + CSS基礎教程》課程，即：http：///learn/9，適合沒有任何基礎的初學者，尤其是中職學生學習。區別于考試題庫，她是一個學習平臺。全面系統地包含了本課程的必學的知識體系。這門課程采用了一邊梳理知識一邊完成任務的方式，其中任務式題型包括：代碼填空、代碼改錯，上交的結果是特定的代碼，可以由內置的計算機程序直接判定對錯進行反饋，這種方式對課程試題庫建設也有重要的參考價值。

借鑒OSTA和IMOOC的成功經驗，結合網站網頁行業的發展趨勢，當前，中等職業學校學生在《HTML+CSS》課程學習中，必須掌握的知識模塊主要有：

在對平時作業和考試試題任務題材的選擇上，可以采用從小任務到大任務這種循序漸進的方式。

小任務指一個網頁的一個板塊，大多數情況下，使用幾個html標記就可以完成。如：用標記做一個新聞的列表。題型有：填空、改錯或從空白頁面開始做出新頁面。

大任務通常是一個完整的頁面，由頭部、包含很多個主題板塊的網頁內容區和底部組成，涉及到網頁的布局技術。題型有：從空白頁面開始做出新頁面，或者在大型頁面的指定空白區域完成預定目標的新板塊。

在對具體任務的描述方面，也可以采用從易到難的方式。對于任務目標的提示，可以采用目標效果圖、完整源代碼、線框圖、文字描述等多種方式。

目標效果圖+完整源代碼方式：適合于給初學者布置作業，或者是介紹新的html思嗆CSS屬性，有利于識記關鍵的標記和屬性，也適用于初學者熟悉網頁開發工具的階段。

目標效果圖+線框圖方式：線框圖在形式上盡可能與目標效果圖相似，但是又不要像源代碼那么直接。可以根據學生的學習情況，決定是否提醒使用的html標記和一些關鍵的css屬性。以最終效果圖為評分依據，給得信息越少，學生就有越大的自由。適合于已經掌握了一定數量的標記和屬性，處于知識運用和技能提升階段學習者。通常情況下，寬度和高度參數都要在線框圖中給出提示。

目標效果圖+文字提示方式：這是OSTA采用得比較多的方式，有利于學習者的知識運用和技能提升。

純文字描述方式：給定一些未經處理的圖片和文字，根據題面要求綜合使用圖形處理工具（如：PhotoShop）加工素材，并使用網站開發工具（如：DreamWeaver）編寫html+CSS網頁代碼，做一個完整的頁面。可以是主頁、列表頁、詳細描述頁、交互表單幾種類型。其中商品、教程、新聞的詳細描述頁面最為實用。這個階段能全面發揮學生的藝術感覺和程序思維。

對于使用相同圖形素材、有預定目標的Html+css課程作業和考試，則答卷結果是純文本代碼，不需要提交網頁文件，僅需要提交代碼到數據庫就可以了。可以使用作業與考試網站系統來收卷：

有利于快速預覽完成效果。

有利于有效記錄提交時間。

有利于使用改卷程序來自動批改反饋。

有利于通過人機捆綁防止簡單的抄襲與作弊。

有利于記錄統計分析學生的學習情況。

有利于學生之間的互相點評。

對于需要學生自行處理圖形素材的作業和考試，就需要增加文件提交系統，并對網頁代碼中的圖形路徑做適當的規定。

作業與考試，是課程教學的重要環節。作業與考試的命題和試題庫建設，不僅是測量考生學習能力的基本手段，而且也是促進課程教學雙邊活動聯系的紐帶。與時俱進的作業與考試內容設計，是把握教學方向與目標的有利保證；分層次的作業與考試難度設計是抓住學生注意力和興趣的關鍵所在；清楚地表達作業與考試的要求，師生心念相同的橋梁；有技術的作業與考試系統，是調動學生學習潛能的有效工具。結合技術更新和時代印記的HTML+CSS課程作業與考試命題和題庫建設，必將為學生的學業提高和職業發展帶來良好的效益。

參考書目：

第3篇：計算機平面設計基礎教程范文

關鍵詞：信息可視化；視覺界面；交互

俗話說：“一圖抵過萬語千言”，交互式信息可視化設計作為現在視覺界面傳達信息的新方式被越來越多的領域所應用，它加深了人們對其表現出來的信息數據和新聞事件的理解，與此同時，使得界面上的抽象信息的呈現成為一種美麗、連貫和敘述性的事物。如何在應用新的設計語言和技術的同時，準確地把握信息內容并向受眾傳播；如何將視覺界面的整個可視化做到顏色、圖形、圖案和獲取信息方式的合理性組合在一起；如何順應受眾的認知和體驗需求，進一步促進信息可視化的設計，是我們在信息時代背景下應該思考的問題。視覺界面交互式信息可視化不僅展現了信息之間的趣味聯系，同時通過與人的互動增強了信息的關聯性和親和度，我們期待更多富有人性化的信息可視化形式出現在我們的生活中。

1. 信息可視化概述

信息可視化（英文：Information visualization）是一門跨學科的設計領域，旨在研究大規模非數值型信息資源的視覺呈現，以及利用圖形圖像方面的技術與方法，幫助人們理解和分析數據。可視化是基于人們的認知活動和對信息的再理解過程，它強調的將那些復雜、不可視的事物向可視的轉變。

信息可視化（Information Visualization）是在計算機協助下，通過對數據可見的、 交互的表示，從而洞察數據，發現信息并利用圖像圖形學方面的技術與方法，向人們傳遞信息，幫助人們跟好的理解數據。

2. 視覺界面信息可視化的交互式設計分析

交互設計（Interaction Design）作為一門關注用戶交互體驗的新學科產生于二十世紀八十年代，是由IDEO的一位創始人比爾?莫格里奇在1984年一次設計會議上提出。何為交互設計？從用戶角度來說，交互設計是一種技術，它能夠輕松的解釋產品，并使受眾在讀取信息時感到輕松。首先交互設計的前提是要充分了解目標受眾想要什么，關注什么，愛好什么，喜歡哪種方式去進行互動。還要對交互的本身進行擴充，不能局限于單方面的需求還可以結合多個領域的溝通，還可以涉及不同的學科領域。

從而開展對產品的界面的交互設計，讓產品和它的受眾間建立親密的關系，從而有效傳達信息給目標。這種可視化通過 Flash 或 Dreamweaver等軟件的編程制作，將已經轉換為圖形語言的數據進行整合，依據科學數據以美學的形式展現，其呈現形態不僅僅是可以動起來的畫面而且觀者可以隨著自己的關注點來跟媒體上的短片進行互動，相較視頻信息圖更為靈活。例如新媒介交互體驗的案例，這是紐約一家專門為零售店鋪提供界面技術支援的公司，他們推出的 Perch 產品主要是針對零售業店鋪內的虛實互動裝置作出規劃，其實目前這類的應用已經很普及化了，一旦顧客拿起一個產品，更多的信息將被展示出來。以這種別出心裁的互動行為展示商品，不僅直接有效的傳遞商品信息，而且吸引了大量購買者的目光。從信息可視化角度來說，是通過計算機界面這個媒介，將抽象的信息數據用視覺化的形式呈現出來，并形成一種人性化的、方便流暢的人機交互模式。

3. 視覺界面信息可視化交互式體驗

在信息可視化的傳遞和分享過程中，用戶首先看到的是整體數據所呈現出來的視覺外觀。區別與最開始枯燥冗長的表格形式，信息可視化強調了它的圖形魅力，與此同時，使得用戶不會錯過數據里所隱藏著的有趣P系。當交互的信息可視化給用戶的第一感受是“簡潔”或者“炫麗”時，其實是信息可視化視覺界面給人的感官體驗，這種體驗是用戶本能的、即刻的反應，隨后上升為一種內在的感受。人們在生活中無時無刻不在體驗，只有親身經歷的感官體驗，才能繼而得到情感上的滿足，在視覺界面中交互式信息可視化提供給用戶的體驗主要通過感官、行為、情感的整體作用來共同營造。

3.1 感官體驗

視覺是人類獲取信息和感知外界的重要途徑。科學研究表明，通過視覺所能獲取的信息量占獲取總信息量的70%，聽覺占20%，其他感覺僅占了10%。人們更容易記住通過圖形、圖像、地圖、動畫等視覺形式所呈現出來的信息，因此，視覺界面交互式信息可視化設計是信息傳播及發展的一種必然趨勢。

信息可視化中的聲音起到了對視覺圖形界面的豐富和補充，依靠不同的聲音，可以輔助信息可視化的內容制造出愉悅、舒緩、神秘、激進等氣氛，并能提供給用戶一些對信息的指引作用。其聲音有兩種形式：（1）在用戶與可視化進行信息交互的過程中，聲音起到提示用戶操作準確性的作用。比如通過用戶選擇、點擊某條信息數據，聲音發出類似于簡短的鳴笛聲、相機快門聲、石子落入水中的“撲通”聲等，以此告知用戶已選中或正在打開所選擇的信息，這屬于信息可視化中聲音的功能性作用。（2）另一種聲音元素表現為背景音樂，其作用是通過對信息可視化特殊主題的情境渲染，令用戶能夠產生沉浸其中之感。當用戶全神貫注于可視化氛圍中時，視覺圖形利用人們視知覺的聯想，聽覺則進一步完善聯想的真實性，比如以波浪紋表現時間及事件的可視化界面，輔以潺潺流水聲，讓人彷佛置身于歷史的長河中，感受時間如流水劃過。例如：一個在線交互式信息可視化，名為The breathing earth。在這里用戶可以看過全球每個國家的出生和死亡人數，以及向大氣排放二氧化碳的數量。信息可視化的背景音樂一直是類似于下雨的毫無感彩的聲音，其節奏與可視化中二氧化碳排放的頻率相對應，隨著界面中數值的不斷變化，在聽覺，觸覺和視覺感官共同刺激下，用戶不僅能夠印象深刻，而且也更能體會到可視化內容的寓意。

3.2 行為體驗

在界面設計中交互式信息可視化提供給用戶的行為體驗首先是以可視化的可用性為基礎。比如：可視化傳達了什么信息含義？它都有什么樣的交互方式？用戶是否能夠清晰理解如何操作？如果信息可視化僅僅停留在表面的美觀和炫麗上，而缺失了其最根本的信息傳達的功能，那它也只能屬于華麗的軀殼。

從某種意義上來說，信息可視化行為體驗中的可用性即它是否能使用戶進行操作使用后達到獲取信息知識的實現。多數信息可視化都能將信息內容呈現給用戶，但卻常常由于信息量的雜亂無章、毫無重點，而使用戶陷入更為困難的情境中。因此，為了讓用戶在與信息可視化交互過程中獲得愉悅的行為體驗，需要分析用戶的視覺心理特征、行為習慣以及各國不同的文化等等，一個具有設計良好的信息可視化首先必須通過可用性測試，驗證是否能夠準確的傳達信息并增加信息數據的連貫性和易理解性。

信息可視化中的行為體驗與功能性和易用性有關，在視覺界面給人的第一感覺之后，行為層次的設計體現的是信息可視化與用戶交互功能的實現。不同于傳統平面媒體或網頁中靜態的可視化形式，交互式的信息可視化在用戶瀏覽時提供給用戶與信息數據一定的交互界面。例如通過放大、縮小、拖拽、點選、圖層控制等方式實現一系列信息獲取時的交互過程。界面中信息可視化的交互方式賦予了信息生命特征，體現了視覺界面設計的社會價值，同時也豐富了用戶在行為層面的體驗。

3.3 情感體驗

視覺界面中交互式信息可視化在提供給用戶感官上的數據美感和互動傳遞信息的基礎上，會使得用戶產生更深層次的理解、意識和情感等多種影響。“積極的情感增強了創造性和廣度優先的思考，而負面的情感集中在認知上，增強深度優先處理并把干擾降到最少。”因此，當可視化的界面令用戶感到喜歡、享受時，則滿足了他們視覺和心理的需要和期望，這會令整個信息獲取和傳遞的過程更為流暢和易用。

把枯燥乏味的數據變成有趣美觀的圖形畫面，不僅會令信息和事件變得清晰，同時在視覺美感、交互操作帶來的樂趣和愉悅共同作用下能產生更多的共鳴感和探求欲望。

4. 結論

視覺界面中交互式信息可視化的信息呈現方式不僅滿足了用戶對知識以及事件關的需求，同時也增加了用戶在互動過程中的趣味性和體驗感。通過用戶與信息之間的交互改變可視化的視覺界面，使得用戶真正參與到與信息交流的環節中，因此，用戶和信息可視化的交互成為了現在信息可視化的核心。與傳統靜態的信息可視化相比，視覺界面中交互式的信息可視化最突出的是其可交互性、可選擇性，它提供給用戶更多的自由，同時也加強了信息之間的聯系。

在交互式信息可視化中，用戶作為信息傳播過程中積極主動的尋求者和接收者，他們會按照自己的興趣點和關注方向去選擇各種信息，以滿足自己的不同需要。信息可視化的整個過程更像是用戶去大型超市購物，超市盡可能地為用戶提供各類優質的產品（視覺精彩、交互流暢的可視化設計）。交互式信息可視化將主動權交給了用戶自己，在這里用戶不僅僅是信息的解讀者，同樣是信息交流時的參與者和主導者，而其核心則是如何通過一種更為有效的表現形式將信息傳遞給目標用戶，使得用戶在享受視覺“產品”的體驗下獲得知識和信息。

[參考文獻]

[1] 戴立玲等，《信息圖形化基礎》[M]，北京化學工業出版社，2004.10

[2] 龍尼?利普頓（美）著，、劉小麓譯，《信息設計實用指南》[M]，上海人民美術出版社，2008

[3] 戴維?達博納，阿諾基?P西（英）著，湯凱青譯，《新編英國平面設計基礎教程》[M]上海人民美術出版社，

[4] 廖宏勇、張小綱編著，《信息編排設計》[M]，北京大學出版社，2011.8

[5] 魯曉波、詹炳宏編著，《數字圖形界面藝術設計》[M]，清華大學出版社，2006.4

[6] 王令中著，《視覺藝術心理》[M]，人民美術出版社.2005.8

[7] 魯道夫?阿恩海姆（美）著，滕守堯、朱疆源譯，《藝術與視知覺》[M]四川人民出版社，，1998.3

[8] Jeff Johnson（美），著，張一寧譯，《認知與設計―理解UI設計準則》[M]，人民郵電出版社，2011

[9] Robert Spence（英）著，陳雅茜譯，《信息可視化交互設計》[M]，機械工業出版社，2012

[10] 覃京燕，信息可視化中交互設計方法探析[J]，裝飾，2007

[11] 吳橋，動態設計―新媒介條件下的視覺傳達[J]，新視覺藝術，2009

[12]李韋，信息圖形化――淺談圖形在人機交互用戶界面設計中的重要性，[J]，開封教育學院學報，2006.

[13] 王賽蘭，論交互設計中的信息可視化[J]，產業與科技論壇，2012.

[14]龍娟娟，信息圖形設計中的情感因素[D]，中央美術學院碩士學位論文，2010

[15] 張尤亮，信息圖形設計―信息圖形設計在視覺傳達領域中的應用[D]，中央美術學院碩士學位論文，2010