當前位置:首頁 » 網頁前端 » web前端畢業設計論文摘要
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web前端畢業設計論文摘要

發布時間: 2023-02-13 06:37:59

1. 跪求:畢業論文設計

相關範文:

計算機基礎課程遠程教學系統的設計與實現

摘要:本文討論了基於Web的計算基礎課程遠程教學系統的設計思想及其實現方法。教師使用該系統可以進行網上授課、布置作業、批改作業、出試卷、評卷等;學生使用該系統在瀏覽器中觀看教師授課視頻圖象(廣播或點播)、在網上做作業、提交作業、考試、答疑或課堂討論。

1.引言

隨著多媒體技術和網路通信技術的發展,基於Internet的計算機遠程教學作為一種全新的教學手段,越來越受到人們的關注。計算機遠程教學是指利用多媒體技術和網路通信技術,在網路環境下開展的教學活動。它有著傳統教學模式所無可比擬的優點,它創造了一種全新的教學模式,打破了傳統教學模式在時間、空間上的限制,採用了先進的教學手段和教學方法,大大提高了教學效率和教學效果,使教學活動上了一個新台階。

作者所在單位承擔我校除計算機系以外的所有系所的計算機基礎公共課(包括《計算機應用基礎》、《C語言》、《Foxpro》等課程)的教學任務,每學期平均有3000多學生,各教師均負責2~3個班共200~300多人的教學,教學任務繁重。為了使教師能通過先進的教學手段提高教學效率,增強學生應用Internet網路服務的能力,以此來加強和鞏固對課程內容的理解和掌握,我們從1999年開始,開發了《計算機基礎課程遠程教學》系統(以下簡稱《遠程教學系統》)。在Internet/Intranet環境下實現作業、考試、授課、答疑/輔導等功能,使用一年多來,取得了很好的教學效果,以下討論該系統的設計與實現方法。

2.《遠程教學系統》的體系結構

《遠程教學系統》是在Internet/Intranet環境下實現的,是典型的瀏覽器/伺服器模式。伺服器以Windows NT 4/2000 Server為操作系統平台,Microsoft SQL Server 7.0為RDBMS,客戶端通過瀏覽器訪問系統提供的服務。系統不允許匿名訪問,它要求用戶提供帳號/密碼,通過驗證後才能進入系統主頁,以此追蹤用戶身份。本系統將用戶分為三類:系統管理員、教師、學生,他們都有各自的主頁,訪問系統的許可權也不相同。其中許可權最高的為管理員,其次為教師,最低為學生。許可權高的能訪問其下級所能訪問的所有資源,反之則不然。例如教師能進入學生主頁,而學生則不能訪問教師主頁所提供的功能(布置作業、批改作業等)。本系統可同時為不同課程的多組教師/學生(上一門課的教師及其學生為一組)提供服務,它們之間既有一定的隔離性(例如某個教師帳號不能批改屬於另一個教師的學生的作業等),又有資源的共享性(例如公共作業、試題的共享等),很好地解決了本單位各個教師負責不同班級,課程也有所不同的問題。《遠程教學系統》體系結構按用戶角色的不同,劃分如下:

圖1 《遠程教學系統》體系結構

2.1 管理員模塊

由於《計算機基礎課程遠程教學》系統可同時為多組教師/學生提供服務,各組間的課程不盡相同,因此教師/學生組間應具有一定的隔離性。例如一門課程的教師對其學生具有管理權,但不能對屬於其它教師的學生進行管理、某個學生只能訪問其教師的作業等。因此系統主頁需要教師或學生均以帳號/密碼登錄後才能訪問,以此追蹤用戶訪問系統資源的身份。而用戶帳號的開設與刪除、教師與學生的對應關系、課程名稱、學生人數等信息,由系統管理員負責管理。這里,我們將系統資源訪問帳號作為操作系統帳號開設,由Windows NT和Web伺服器IIS負責進行用戶驗證。這樣做的好處,一是可以充分利用操作系統的安全機制,使操作系統與資料庫伺服器(SQL Server)無縫集成;二是可同時為用戶提供其它輔助服務,如:電子郵件、個人主頁、FTP服務等。使系統應用與課程內容緊密結合,學生在應用系統的使用過程中可進一步加深對課程內容的理解。

2.2 教師模塊

教師模塊中包含了教師授課所需的各種功能。如:網上實時授課廣播、布置作業、批改作業、出試卷、評卷、考試結果統計分析、網上答疑、課程資料(素材)製作、學生帳號管理(修改學生密碼)、設置聯機會議等。系統使用組件對象模型(COM)以及Office Automation技術自動批改《計算機應用基礎》課程作業並登記成績。教師可對作業結果進行查詢、統計。教師可利用OutLook向系統請求聯機會議,以此進行網上答疑、群體或個別輔導。

2.3 學生模塊

學生模塊包含查看教師布置的作業、(在網上或本地)做作業、測驗(考試)、教師授課視頻廣播收看、點播、網上答疑、課程資源瀏覽、輔助服務等。學生使用瀏覽器訪問系統主頁時,需要提供帳號/密碼進行用戶驗證,通過驗證後,在瀏覽器關閉之前,均以該帳號身份訪問系統資源。《計算機應用基礎》課程的作業可直接在瀏覽器中完成並提交,對於《C語言》課程作業,為學生提供Web界面,完成作業程序的編輯、編譯、鏈接、運行,一氣呵成。遠程考試功能既提供選擇題形式的傳統筆試試題,也提供實際操作形式的試題。考試通過WWW界面進行,有時間限制。學生在規定時限之前完成考試內容時可通過"交卷"按鈕提交試卷;若考試時限到達時學生仍未交卷,則系統自動將考生當前的考試結果提交。試卷的批改、考試結果的統計均由程序自動完成。自我測驗功能則提供測驗試卷,不限時間,由學生自主選擇進行,測驗完畢後系統立即評卷並給出成績及學生測驗時的選項與正確答案的對照表,以便學生查閱。為了更好地提高學生對網路的應用能力,增強學生對教學內容的興趣,本系統為每位使用《計算機公共課遠程教學》系統的學生和教師提供Email、FTP、個人主頁、BBS、聯機會議(在線聊天Chat、應用程序共享、白板)、等功能。讓學生在實際操作中提高對課程內容的理解以及對課程學習的興趣。另外,本系統還配備資源庫,內置與教學內容相關或與網路應用相關的多媒體資料,供學生課外瀏覽、學習。

3 《計算機基礎課程遠程教學》系統的特點

《計算機基礎課程遠程教學》系統功能涵蓋了教學活動的各個方面,用戶界面完全由瀏覽器提供,維護方便。其中採用了多項現時多媒體和網路的最新技術,如下所述:

3.1 組件對象模型(COM)技術

組件對象模型(Component Object Model,簡稱COM)是一個軟體規范,它是基於對象的編程模型,只要遵循COM規范,應用程序和組件對象之間就可實現二進制代碼級別上的重用,解決了對編程語言和環境的依賴。COM是Microsoft其它許多技術的核心,它允許用某種語言編寫的位於二進制代碼中的對象,為其它語言所訪問(或稱二進制兼容)。COM技術已經滲透到Microsoft的各個產品中,如:Windows NT/2000、SQL Server、Visual Studio、Office 97/2000、BackOffice等。《計算機基礎課程遠程教學》系統使用C++或ASP腳本、Perl腳本作為編程語言,其中大量採用了基於COM的技術,例如:

3.1.1 ADO(ActiveX Data Object)

ADO是資料庫訪問組件,應用程序通過ADO訪問資料庫的原理如下:

圖2 ADO存取數據示意圖
上圖中OLEDB是Microsoft 繼ODBC後新的數據訪問機制,它不但可以訪問資料庫數據,而且還可以訪問其它非資料庫類型的數據,如Email、目錄服務(LDAP)等。ADO是位於OLEDB上層的應用程序介面,操作較為簡單。
《計算機基礎課程遠程教學》系統中作業、試卷、考試結果等信息都是保存在SQL Server資料庫中,系統使用ASP腳本通過ADO對象訪問資料庫以及電子郵件、進行全文索引,如下圖所示:

圖 3 《計算機基礎課程遠程教學》系統數據存取示意圖

3.1.2 Office Automation對象

《計算機基礎課程遠程教學》系統利用Office Automation對象,使教師利用程序自動批改學生提交的《計算機應用基礎》課程(Word、Excel)的作業,以此提高教學效率。

3.1.3 ADSI

ADSI(Active Directory Service Interface)是Window NT/2000活動目錄介面。利用該介面對象實現操作系統帳號的管理(開帳號、刪除帳號、帳號屬性設置)以及訪問許可權設置,簡化帳號管理任務。

3.1.4 Developer Studio對象

Microsoft 的Visual Studio相信是廣大程序員喜愛的開發工具,但大家都不太注意其中的Developer Studio對象:

Application Debugger
Breakpoint Project

使用他們,可以使程序的開發達到一定程度的自動化。許多在Visual Studio集成環境下通過菜單完成的命令或功能,都可以用Developer Studio組件對象的屬性或方法來實現,如程序的語法分析、編譯、鏈接、調試、表達式求值等。而這些都是教師批改C語言作業所要進行的操作。我們使用這些對象輔助教師批改C語言作業,減輕教師負擔。

3.2 視頻流技術

在Internet/Intranet環境下,文字、靜態圖像信息的傳輸是不成問題的。對於視頻/音頻信息的傳送,則由於網路帶寬等原因,需要進行特殊處理。而遠程教學系統中的授課功能就要求在Internet/Intranet環境下傳送大量視頻/音頻數據,以便實現教師授課的實時廣播和視頻點播(VOD)。在有限的網路帶寬資源的限制下,視頻/音頻數據必須經壓縮處理後才在網路中傳輸。以往多採用MPEG I等壓縮技術,其特點是用戶必須等待壓縮文件完全下載到客戶端後再播放,增加了客戶等待的時間。目前,視頻/音頻數據採用經特殊演算法處理的流技術,使視頻/音頻數據邊下載邊播放。流技術的典型代表是Microsoft 的Media Technologies(Netshow)和Real Network的Real Video/Audio。《計算機基礎課程遠程教學》系統主要採用了Media Technologies壓縮技術,使用其Multibit功能在一個流文件中壓縮適合多種網路帶寬(從28.8Kbps~3Mbps)的視頻/音頻流(最多6個)。由視頻伺服器根據客戶訪問時的實際網路傳輸能力選擇其中一種帶寬流向客戶傳輸。另外,還根據Netshow和Real Video/Audio支持多播(Multicast)的特點,在網上對教師授課場景進行直播(廣播)。在授課功能中,單是教師的授課圖像是遠遠不夠的,還必須配有同步的教師授課演示文稿(Powerpoint或HTML網頁),真正將課堂搬到網上。

圖4 同步視頻點播

3.3 網上實時交互

《計算機基礎課程遠程教學》系統中的一個重要的特點就是教師與學生之間、學生與學生之間在網路環境下通過文字、視頻、音頻的實時交互,以此實現課堂討論、教師操作示範演示、學生個別輔導等功能。教師通過瀏覽器或Outlook向系統發出聯機會議(Online Conference)請求,在聯機會議持續時間內,學生可通過瀏覽器加入會議,並使用系統提供的聊天(文本)、白板(圖畫)功能與與會者進行討論;教師可通過應用程序共享功能向全體與會者演示某個程序的操作過程,或(通過語音)要求指定學生完成某個操作(個別輔導)。客戶端使用NetMeeting,還可以實現一對一的視頻/音頻交互、聊天、白板、文件傳輸等。

4 結束語

《計算機基礎課程遠程教學》系統使用一年多來,極大地促進了我單位計算機公共課教學,提高了教學效率和教學手段,達到了較為理想的教學效果。

參考文獻

[1] 殷培紅,張小亞,李芒. 網路環境下問題解決學習的課堂教學設計的實踐研究[J]中國遠程教育, 2001,(11) .

[2] 蔣冬梅,張衛紅. 基於構建主義的Internet遠程教育淺析[J]東北電力學院學報, 2002,(04) .

[3] 陳信年,朱貽盛,龔麗,謝浩. 第三代遠程教育系統的研究和設計[J]計算機工程, 2003,(11) .

[4] 王基一. 對基於網路的遠程教育課程設計的認識[J]開放教育研究, 2000,(06) .

其他相關:

http://www.yscbook.com/testbbb/jyjxlw/200810/98477.html

僅供參考,請自借鑒

希望對您有幫助

補充:

http://www.lwbst.com/viewAction.do?lunwenid=118225
基於SIP的遠程多媒體教學系統的設計與研究

2. 計算機畢業設計論文摘要翻譯

你好,每看到你要翻譯的東西啊。。。

你把原文發來了啊,下面是我的翻譯。希望有幫助。

In recent days when the technology of computer network is fast developing, learning through the network has become an important way university students take. Against such a background, we build an experimental teaching platform for the database course based on network. In the teaching process of database courses, experimental teaching is in a pivotal position, whose quality has a direct impact on the teaching effect of the entire course. Therefore, the platform is used and promoted to enhance the quality of the database course』 experimental teaching.
This platform, with the form of site as a major carrier, mainly includes the database course』s experiments, item pool, courseware, and learning experiences, and it also uses the form of message board to let students ask problems emerging in the experiment process, and let teachers answer in time.
The development platform is based on Windows Server 2000 + ASP.NET; background database is based on SQL Server 2000; and the front-end development tool is Visual Studio 2005. in this way, a network teaching platform is realized, which has a stable performance and friendly interface, is easy to use, and is equipped with the system of teaching resources, communication tools, curriculum tools, management tools, and other moles.
Key words: database theory and application experiments; SQL Sever 2000; ASP.NET

3. 有哪些簡單的web前端的畢業設計課題知乎

Node.js 程序佔用內存 90MB-110MB,剩餘內存都被磁碟緩存占據。
以我的了解,Python 和 Ruby 上的非 Event Driven 的 Framework 根本不可能達到這樣的性能。

然後說說 Node.js 的其他優點
Node.js 的架構與 Django, Rails 等傳統的 Framework 不同,不需要放在 Nginx / Apache 後,利用 WSGI, CGI 之類的介面一板一眼的 [接受Request] -> [運行程序邏輯] -> [生成並返回Response]。這是一個巨大的變化,之前一些無法想像的功能都有可能實現了。比如https://github.com/Miserlou/DirtyShare 可以用瀏覽器實現 P2P 的文件傳輸。正因為 Node.js 可以更精細的控制 Request 和 Response 的時間和內容,websocket 似乎天生就是為 Node.js 而生的,而配合http://socket.io 這個神奇的庫之後,在 realtime webapp 這個領域,Node.js 已經沒有對手了。
Node.js 的包管理器 npm 設計得比 python 和 ruby 好很多。有很多的 mole 開發者。
當然也有一些缺點
Debug 很困難。沒有 stack trace,出了問題很難查找問題的原因。
如果設計不好,很容易讓代碼充滿 callback 。實在受不了的可以考慮一下https://github.com/laverdet/node-fibers/ 這個項目。不過 Node.js 的核心團隊並不推薦使用。

4. 有關網頁設計與製作畢業論文範文

為了增加網頁的吸引力和可理解性,以及互動性,網頁設計所起的作用十分重要。下面是我為大家整理的網頁設計 畢業 論文,供大家參考。

網頁設計畢業論文篇一:《Flash軟體畫在網頁設計中的應用》

網頁設計畢業論文摘要

摘要:Flash技術運用范圍非常廣泛,不論是網站、 廣告 、動畫、游戲,甚至程序設計與多媒體化展示方面都有一定程度的運用。本文首先對Flash動畫今後的發展趨勢進行分析並具體化敘述了Flash的實際定義與特點,並對Flash動畫當前在網頁設計中的應用方式進行分析,針對性闡述了Flash動畫在整站式網頁設計過程中互動式導航系統、Web圖像動畫展示以及滑鼠動畫的應用。在此針對性研究Flash動畫在網頁設計中的相關研究,望研究結果能夠對今後的學者一定幫助。

網頁設計畢業論文內容

關鍵詞:Flash動畫 網頁設計 應用研究

隨著社會邁入信息化時代,網路及計算機技術的發展及普及程度呈現出優質化的發展形勢,從而促進網頁動畫漸漸發展起來,此外網頁動畫設計在網頁設計中占據重要地位,促使人們在關注動畫整體發展趨勢的過程中將注意力放在網頁動畫方面。在構建及設計網頁時,運用Flash幫助網頁實現多媒體化的網頁成果展示,同時也漸漸成為網頁設計發展過程中不可或缺的重要部分。

1Flash的運用及特點

MacromediaFlash作為一種互動式編輯矢量圖及多媒體創作軟體,網際網路網頁設計矢量動畫文件格式時常得以較多的運用,此外,針對性分析Flash,可以了解到目前其主要具備以下六大特點:第一,將矢量圖形作為主要運行前提,致使其自身文件導出容量不大,在進行圖片縮放時對其自身的清晰度影響不大,在網路傳輸過程中存在一定的便捷性;第二,Flash具備非常優質化且強大的AS代碼,在設計動畫時運用Flash技術,促使動畫的交互性優良,便於讀者在閱讀過程的理解並實施相關互動;第三,針對實際運用過程分析,Flash動畫在運作時主要採用插件,若用戶想要實現視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現象發生。此外,由於Flash構建的動畫自身極小,所以其具備較快的調用速率;第四,在設計Flash過程中,可以根據需要適當增加頁面控制按鈕幫助頁面實現鏈接的跳動,還可以運用滑鼠實現頁面動畫中的運動及移動。第五,Flash可以實現動畫視聽效果內容的升華,譬如漸變聲、點陣圖等等,用戶在製作圖片的過程中可以直接構建全Flash製作站點;第六,Flash動畫屬於一種“准”流式文件內容,無需全部下載完成就可以實現動畫觀看。

2Flash動畫在網路設計中的應用

在網頁設計中,Flash動畫具備非常多關鍵性的作用,如流式播放動畫、FlashMV及短片動畫等,此外其所表現的形式中存在一定的交互性。但需要注意的是,在實施網頁設計時,避免繁瑣、復雜的動畫設計效果的存在,畢竟物極必反,只會降低網頁的品質;如圖1所示。2.1網頁動畫信息交互的實現為了進一步卻寶寶網頁動畫信息交互整體的流暢性,其中的一個重要關鍵就是Flash動畫導航的交互性設計。在對該部分內容進行設計時,往往會使用針對性的Flash動畫腳本——AxtionScript。實際設計過程中,通常由編程者的思想與Flash在事件中作用共同形成動力,並依據動畫中的相應內容實現AxtionScript的具體化定義。2.2網頁動畫相關要素的設計第一,互動式導航系統。在網頁設計中,導航欄對用戶主要起到一種引導性作用。所以在設計時需要將其設計為多個導航級別,並構建針對性的標識來將其區分,以色彩為例,可以採用較為鮮艷、清爽式的搭配。第二,Web圖像動畫形式展示。傳統網頁中,Web圖像主要呈現靜態,不過經由計算機技術的不斷發展,最近幾年在網頁設計中漸漸出現了一部分動態化的Web圖像。同時在其色彩方面的運用,主要採用RGB模板,並在網頁安全色方面運用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,滑鼠動畫。為了實現優質化Flash動畫效果,在製作動畫效果時要特別注意滑鼠在移動過程中其軌跡圖案及色彩搭配。首先,要確保滑鼠移動過程中的色彩與網頁設計色彩是不同的,有助於用戶一眼就可以將滑鼠找到。最後就是,滑鼠在色彩區別網頁之後還要注意其透明性,避免遮蔽信息的現象出現。

3結語

綜合全文內容,在網站設計過程中,Flash作為一個極具重要性的視覺性元素,其可以在幫助網站實現多媒體化效果展示的同時,還能夠結合數據通信這一 措施 全面性豐富網站自身具備的素材及資源,最終達到一種動態化的效果。截至今日,由於計算機技術發展速度不斷提升,結合Flash自身所具備的多種優質化特徵,筆者相信在今後人們的日常生活中,Flash動畫一定可以獲得更加廣泛的用途,更具普遍性,最終實現網頁設計的主體化運用趨勢。

網頁設計畢業論文文獻

[1]喬慧.Flash動畫在網頁製作中的應用及發展[J].內蒙古石油化工,2013(21):68.

[2]關曉軒.Flash動畫在網頁製作中的應用研究[J].北方文學(下旬),2012(11):91-93.

網頁設計畢業論文篇二:《響應式網頁設計原型研究》

網頁設計畢業論文內容

當今,移動互聯網迅猛發展,各種智能設備層出不窮。傳統網頁設計採用“固定頁面及元素寬度,任何終端統一頁面效果”的策略,無疑將造成網頁在一些新興移動終端上顯示的文字極小、鏈接分布極密,用戶需要在屏幕上不停操作來自主尋求較好的體驗。面對這一弊端,網頁設計師聚焦於“響應式網頁設計”這一關鍵詞,試圖使用一套代碼為各類終端設備提供不同的設計和體驗。從先前“為固定設備設計網頁”跨越到“響應式網頁設計”是一個較難的過程。一些新手可能已經積攢了諸如媒體查詢、流式布局、彈性圖片等零散的設計開發技巧,掌握了HTML5和CSS3的使用 方法 ,但他們依然無法駕馭響應式網頁設計。造成這種情況的直接原因就在於缺乏一個能夠指導他們立即開展響應式網頁設計實踐的可操作流程,即原型。

1兩個關鍵概念:響應式網頁設計與原型

響應式網頁設計(RWD,Responsive網頁Design)是一種網頁前端開發技術,它可以描述為,“兼顧多種不同設備屏幕尺寸、解析度、系統平台和行為做出相應的調整和布局的顯示機制”。原型(Prototype),也叫“原樣”,是“模擬科學”中的一個術語。在心理科學中,由於很難對動作或心智活動認識清楚,所以一般沿用J•R•安德森的觀點,把原型(Prototype)視為關於范疇的最典型的樣例設想,即把“原型”視為外化的實踐模式,或“物質化”了的心智活動方式或操作活動程序。綜合上述,響應式網頁設計原型可描述為:符合“響應式網頁設計項目分析、各類終端具有適合自身用戶體驗的不同頁面效果、一套代碼完成所有不同終端的網頁製作、各類終端與主流瀏覽器良好兼容”等一系列規則的,外化的響應式網頁設計活動實踐模式。

2建構響應式網頁設計的原型

建構原型一般採用心理模擬法,它包含三個步驟:

(1)響應式網頁設計活動的功能分析;

(2)響應式網頁設計活動的結構分析;

(3)功能分析與結構分析的有機結合。其中,功能分析的重點是作用的對象,條件與結果;結構分析的重點在於組成要素及要素之間的關系。響應式網頁設計的目標是能夠高效的編寫一套代碼為各類終端設備提供良好的設計效果和使用體驗,這需要具備HTML5、CSS3、Javascript和jquery的基本技能。響應式網頁設計之父——伊桑.馬科特認為,響應式網頁設計應該首先針對小屏幕進行設計,然後逐步增強針對大屏幕設計。這種思路顛覆了傳統固定寬度的網頁設計方法,對於那些已經積攢了零散的響應式網頁設計開發技巧、HTML5及CSS3等技術,能夠較熟練的完成固定寬度桌面端網頁的新手而言,恐怕很難理解從小屏幕開始設計然後漸進增強的思路。考慮到新手已經習慣設計製作固定寬度的桌面版網頁,響應式網頁設計如果從固定寬度的大屏幕網頁製作開始,然後改造這套代碼將僅適用於桌面的網頁依次兼容平板端和手機端也是一個不錯的思路。響應式網頁設計活動包含了“項目分析”、“網頁平面設計”、“桌面版網頁製作”、“平面版的改造”、“手機版的改造”及“兼容問題的調試”這6個典型的子活動。這些典型要素的關系可以描述為,“要想高效的完成某響應式網頁設計項目,首先需要項目分析,其階段性結果是響應式網頁的總體方案,即在用戶群體需求分析及主題解讀的基礎上,進行色彩分析及定位,確定UI版面布局,分析設計網頁功能模塊,確定網頁風格等,最終形成包含“前言”、“需求分析”、“系統分析”、“風格設計”、“各類終端UI版面初步布局”、“色彩定位”、“網頁建設日程規劃”等部分的網頁總體方案文檔;然後,根據前期方案中“色彩”、“風格”及“各類終端UI版面布局”等的分析,依據頁面設計原則,利用photoshop繪制適用於各類終端顯示的平面效果圖;隨後,利用“HTML5+Css3”技術採用<div>+css布局完成固定寬度桌面版網頁的製作並生成網頁文件和樣式表文件;接著,在這套代碼的基礎上,利用媒體查詢技術、流式布局、彈性圖片技術,結合平板終端的頁面效果圖將代碼改造成兼容桌面及平板的網頁;之後,在上述修改的基礎上,繼續利用媒體查詢技術和彈性圖片技術,結合手機終端的頁面效果圖將代碼改造成兼容桌面、平板、手機的網頁;最後,利用火狐和IETester軟體查看初步完成的響應式網頁,解決跨瀏覽器的兼容問題,形成完整網站。該過程中任何環節如果出現不妥當都應該返回上個步驟進行重新修改。結合上述對網頁設計活動的功能與結構分析,不難發現,響應式Web設計活動原型中的6個典型子活動復雜程度不同。其中“桌面版網頁製作”、“平面版的改造”、“手機版的改造”及“兼容問題的調試”這4個典型子活動是比較復雜的,包含了很多熟手的關鍵技術,需要進一步闡述。

3熟手的關鍵技術

從上述適用於新手的響應式網頁設計活動基本原型發現,製作一個能夠兼容主流瀏覽器的固定寬度桌面版網頁是響應式網頁製作的開端。那麼,首先在“桌面版網頁製作”這個環節中提取一些熟手關鍵技術,作為給予新手的技巧提示。

3.1兼容主流瀏覽器的桌面版網頁製作技術

為了防止不同瀏覽器給予相同HTML5標簽的初始樣式存在差異,熟手利用HTML5+CSS3製作桌面版網頁製作時,一般會在樣式文件(擴展名.css)中給出如下初始化代碼:*{margin:0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:"宋體";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}這部分代碼塊可以實現頁面在IE內核和Firefox內核的所有版本瀏覽器中居中對齊,外層布局盒子與瀏覽器頭部無縫緊貼;<div>及css3完成固定寬度布局時,默認所有內部布局<div>向左浮動,溢出屬性為隱藏;所有構成頁面的HTML5元素的默認邊距和填充屬性為0px;HTML5的列表標簽默認項目符號為空,邊距和填充為0px。此外,確定頁面尺寸,目前大多數 顯示器 為1024像素*768像素,那麼以此為默認顯示器時,頁面的寬度尺寸一般設置為“1007像素”。初始化CSS代碼後,接下來就是利用<div>+CSS完成布局,這里提示新手:完成布局後,務必在IETESTER和Firefox中檢查網頁布局是否能夠兼容主流瀏覽器。然後,根據桌面版網頁平面設計效果圖完成頁面的製作。此外,熟手的 經驗 是製作過程中頻繁檢測桌面版網頁是否能夠完美兼容各種瀏覽器。

3.2利用流式布局、彈性圖片、媒體查詢技術修改桌面版網頁

(1)相對視口尺寸,將最外層的布局<div>(例如:#wrapper{width:1007px;...})的寬度設置為96%(這個值取決於當前頁面的視覺效果,也可以給其他數值);然後,將最外層的布局<div>內部的頁頭布局<div>、導航布局<div>、內容布局<div>、側邊欄布局<div>、頁腳布局<div>對應的CSS樣式中的width屬性值利用公式——目標元素寬度÷上下文元素寬度=百分比寬度把網頁的固定布局修改成百分比布局,也就是將固定像素寬度轉換成對應的百分比寬度。

(2)將頁面中所有HTML5標簽元素對應的CSS樣式表中的margin-right、margin-left、padding-right、padding-left的屬性值也用公式——目標元素寬度÷上下文元素寬度=百分比寬度來修改。

(3)將CSS樣式表中的font-size屬性值的單位用em來代替px。這里依然使用公式——目標元素寬度÷上下文元素寬度=百分比寬度。這里需要提示新手的是:在<body>標簽的初始化代碼中,如果有font-size:16px;語句,那麼在給其他元素的font-size屬性上修改值時,公式中的“上下文元素寬度”就等於16px,例如,#logo{font-size:48px;}現在要修改為#logo{font-size:3em;}。

(4)為了實現彈性圖片,讓圖片隨視口縮放,圖形圖像、動畫和視頻的彈性設置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中,max-width屬性是用於確保縮放時不會超出圖片最大尺寸。同時,熟手還會使用AdaptiveImages解決方案來實現自適應圖片。

(5)媒體查詢可以通過判斷不同設備終端,提供不同的樣式使其實現在不同終端都能獲得最佳的用戶體驗。例如,某個響應式頁面用電腦瀏覽頁面時,頁面信息會以平鋪的形式分布在頁面合適的位置;用手機瀏覽頁面時,導航按鈕會相繼隱藏起來,部分信息變成左右滑動的方式呈現,頁面會重新布局,圖片相應縮小。媒介查詢的語法格式是,例如:設定寬度不超過400像素的屏幕尺寸,代碼是:<linkhref="css/phone.css"rel="stylesheet"type="text/css"media="onlyscreenand(max-width:400px)">。雖然,HTML5+CSS3提供了良好的媒體查詢功能,但當前仍有一些瀏覽器不支持,你可能需要添加如下基本樣式:<!--[ifltIE9&!IEMobile]><linkhref="iestyles.css"rel="stylesheet"type="text/css"><![endif]-->3.3不同種類、不同版本瀏覽器的兼容問題解決跨越瀏覽器的問題一直是響應式網頁設計的難題。熟手面對這一問題時,一般採用“漸進增強與降級”、“利用javascript修復老版本IE”、“使用Modernizr輔助修正樣式,按需載入資源”、“給IE6,7,8追加媒體查詢功能”等方法。

4結束語

對響應式網頁設計而言,當前的設計理念和技術方法還不是終點,網站前端設計師需要繼續努力找出更好的解決方案。而對新手學習者而言,響應式網頁設計開發技能的形成不是一蹴而就的,還需要學習者在多個項目中,利用原型進行多次定向、操作及內化才能真正掌握。

網頁設計畢業論文篇三:《網頁設計中的版式設計》

摘 要:版式設計可以說是界面設計的基礎部分,網頁界面中的版式設計只是其發展應用中的一個方向。如何設計完美有魅力的網頁界面,版式設計扮演十分重要的角色,優秀的版式設計可以給瀏覽者留下深刻的印象,提高頁面的訪問量。因此,本文將向諸位讀者介紹在CDIO工程 教育 模式下,網頁設計課程中採用項目為指導的教學實踐過程中注意的事項。

關鍵詞:網頁設計;版式設計 CDIO教育模式;項目教學

近年來隨著經濟的高速發展,科技的日新月異,教育領域同樣面臨革新。引進新的教育理念和教學模式成為教育工作者的關注重心,此時,歐美成熟的工程教育理念慢慢地進入我們的視野之中,CDIO的教學模式(Conceive構思、Design設計、Implement實施、Operate運行),符合工程人才的培養,提高學生的實踐能力、組織能力、創新能力。這一模式更適應當下的教育環境需求。

網頁設計這門課程屬於交叉學科範疇,兼顧藝術設計、計算機技術及交互設計等多門學科。另外,這門課程作為藝術與技術的結合體,要求學生具備較強實踐動手能力與綜合運用能力,因而在教學過程中我們依據CDIO的工程教育理念開展教學。

本文重點談到的是網頁設計中的版式設計過程,網頁中的版式設計起到信息統一、分割區域和交互導引的作用,是在有限的空間界面內將文字、圖形、背景色彩或圖案及交互功能集成在方圓之間,根據設計的形式法則,利用藝術美學與科學技術相結合的方式來實現效果展示。下面以教學過程中的“xx藝術系網站”項目為例,以網頁設計中的版式設計為內容,展示教學過程中的各個設計階段。

1 構思階段

(1)確立目標。

網頁設計不是盲目的行為,不是簡單使用軟體的行為,它是構思由確立到實現的過程,是一種展示到體會的過程。因此,在設計之初,教師需要引導學生了解當前的課題,明確網站要做什麼,網站的外觀布局是什麼樣子,網站需要營造何種氛圍。我們常見的網站根據用途分類為企業網站、電子商務網站、電子政務網站、文體娛樂網站、教育科學網站等,每種類型的網站都有自己需要傳播的信息,根據所需文字與圖片選擇適合的排版方式,進而營造恰當的氛圍。在“xx藝術系網站”項目中,學生會根據實際項目類型,理解項目設計目標為,該學院所屬系部信息服務類網站,界面版式方面要求簡潔大方,色彩明快,塑造清新、愉悅的氛圍,學生可以根據以上內容展開進一步的設計工作。

(2)信息整理。

項目開展前期根據對項目的簡單分析,要求學生對客戶或相關人士展開訪談,對行業同類網站的資訊開展收集與調研。這一階段學生會接觸網頁設計的需求方,在本項目中可以設定為系內行政人員、教師及系內學生,根據訪談或調研可以得到網站相關設計信息,如對整體風格的需求,導航的設計需求,網站類型為靜態網站或動態網站,根據需求結果,要求學生設計多樣的版式效果,以供客戶參考。

(3)交互設計。

我們將網頁中的交互分為視覺上的交互和行為功能上的交互設計。在這里我們更側重說明交互在視覺上的應用。網頁中我們常見的交互形態有按鈕、導航條、搜索欄和表單等。這些交互形態都會出現在版式的突出及顯著位置,這樣更引發人們的視覺關注中心,因而,在進行版式設計時,需要考慮這些交互元素的設置,友好的版式也是一種界面與人的情感交互。在我們的項目中學生應該考慮交互按鈕的外觀設計,排放位置等因素;導航條的設置應在醒目位置,清晰明確發揮導引作用;搜索欄幫助瀏覽者快捷搜索,放置在易發現的位置,搜索一般出現在網頁右上角;表單設計是學生所忽略的環節,因為可以使用插件添加,導致學生認為無須設計,在此建議信息表單設計時可考慮細節設計,提高友好度與舒適度等交互設計。

2 設計階段

版式設計是網頁設計中重要的設計引導規劃環節,在這個過程中學生可以根據自己的項目主題展開藝術美感的設計。一般進行頁面版式設計我們從以下幾個方面入手。

(1)版式結構設計。

網頁設計中的版式設計與傳統媒介中的版式設計略有不同,前提是他們都遵循版式設計五原則,[1]內容與形式,簡潔與簡約,設計與藝術,趣味與獨特,局部與整體。為了設計富有形式法則和藝術美感的網頁作品,版式設計方面通常會採用黃金比例和三分法排列原則。黃金比例法是初學者易於掌控的方法,將視窗可用區域分成兩個部分,也可以根據設計比例需求,將數字錄入到相關計算網站,得出合適的黃金比例分配方案。三分法構圖排版方式,是將排版界面分成三份,根據內容的不同,選擇不同的三分法排列位置。

網頁設計中由於要考慮顯示器視窗顯示水平不同,我們的總體版式設計會採用固定格式或非固定格式兩種形式。固定格式的版面是固定的界面版式,而非固定格式的版面設計是變化的,這種變化的版式很難把握的,變化的視窗將改變既定的字體形式和圖形排列位置,這個課題也是我們今後要深入探討的方向。

(2)字體、圖像、色彩設計。

版式設計是界面設計的骨架,字體設計是界面設計的血肉,富媒體技術的全面發展,網站這一綜合載體也得到了極大的發展,版式與字體的結合構成了網頁的不同風貌。在網頁中常見字體分為中英文兩類和圖形化的藝術字體,字型大小一般選用12pt。在中文網頁常常出現的字體為宋體或黑體,字型大小為12pt/14pt的文字展示,另外也會有些超大字體以圖像的形態出現,並通過視覺效果的調整,創建三維空間的視覺展示效果。圖形化的藝術字體,在諸多網站中得到應用。在設計中我們題材保有傳統的 文化 性,中國元素的運用,如書法、圖騰、建築等富有中國色彩的藝術形態都應得到我們的思考與關注,中西文化的比較與融合也是我們要探索的方向。圖形與色彩部分在排版中應適合主題,響應設計氛圍,為整體版式服務。

(3)視頻展示設計。

網頁界面排版中還需考慮一種新興的展示手段,視頻信息展示,頁面中利用大量的視頻信息排版,減少文字、圖片信息的輸入,信息傳達方式由靜態轉換為動態,提供有趣而新穎的排版展示方式。

3 技術實施

(1)界面版式視覺設計。

網頁設計中對靜態界面的布局,我們通常會使用Photoshop和Illustrator圖像處理軟體開展設計,首先我們會根據 思維導圖 繪制基礎模板,然後根據設計需求在模板中添加設計好的文字、圖形、視頻、聲音等設計元素。

(2)交互功能視覺設計。

在網頁設計中我們會考慮將靜態樣稿轉換為簡單的靜態網頁,這種轉換我們會使用Dreamweaver軟體進行操作,由於網頁展示設備的不同我們也會考慮採用一些相關的模型製作軟體來處理交互設計部分。

4 運行階段

將確定好的靜態草稿通過切圖生成為靜態網站,測試效果及功能,當運行時根據需要和視覺效果進行調整直到理想狀態。

5 小結

網頁設計課程將實際項目導入課堂,根據CDIO工程教育模式教學,打造有效、有趣、實用的教學方式,使學生在學習操作中鍛煉宏觀思考的能力,獲得團隊合作的能力,養成終身學習的能力。學生對設計流程的掌握就是對知識體系的掌握和運用,達到理論與實踐相結合,通過對版面的全面掌控,更好地為靜態網頁設計打下堅實的基礎。

參考文獻:

[1] 沈卓婭,王汀.字體與版式設計實訓[M].中國出版集團東方出版中心,2011:74.

猜你喜歡:

1. 網站設計畢業論文範文

2. 網站類畢業設計論文

3. 淺談廣告設計畢業論文範文

4. 關於網路工程畢業論文範文

5. 關於計算機畢業論文範文大全

6. 計算機畢業論文範文大全

5. 網頁畢業設計參考文獻

網頁畢業設計參考文獻

網頁設計是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。以下是我整理的網頁畢業設計參考文獻,希望能幫助到你論文的寫作。

網頁畢業設計參考文獻 篇1

[1]周曉露.梅山儺戲視覺圖譜整合設計[D].深圳大學,2017.

[2]劉佩智.「夢境」主題系列插畫在KENZO品牌設計中的運用[D].浙江理工大學,2017.

[3]趙咪妮.基於自我未來主義的VENTI珠寶廣告攝影設計[D].浙江理工大學,2017.

[4]鄒曉蕾.O2O模式下素剪美發品牌形象設計研究[D].浙江理工大學,2017.

[5]黃丹丹.《韌如鐵線花開如蓮》鐵線蓮手繪書設計和商業應用研究[D].浙江理工大學,2017.

[6]許超.基於中國傳統手工藝類新傳播設計研究[D].西南交通大學,2017.

[7]黃丹丹.動態插畫在青少年科普教育推廣中的應用研究[D].東華大學,2017.

[8]王瑩玥.德國高等工程教育認證制度研究[D].南京理工大學,2017.

[9]陳冉.基於B/S結構的無線控制系統在數控設備上的應用研究[D].深圳大學,2017.

[10]何妍慧.面向高校在線考試系統的設計與實現[D].江西財經大學,2016.

[11]孫明志.SCC50壓縮機數傳單元自動化測試方法與系統實現[D].大連海事大學,2017.

[12]汪琦.用於公共安全的視頻檢索研究[D].南京理工大學,2017.

[13]胡蓮.舊書分享APP設計研究[D].西南交通大學,2017.

[14]謝佳麗.服飾類奢侈品網路購買行為研究[D].浙江理工大學,2017.

[15]沈喜慶.基於NB/T47014標準的焊接專家系統設計[D].沈陽工業大學,2017.

[16]黃煒俊.產品設計工具的整合與創新[D].中央美術學院,2017.

[17]樊靜燕.網路漢語口語教學發展的現狀及對策[D].西安外國語大學,2017.

[18]姚穎.遼寧老字型大小品牌標志的動態化設計與推廣研究[D].沈陽航空航天大學,2017.

[19]曹鑫渝.基於「格律設計」理論的錫伯族圖紋再設計研究[D].沈陽航空航天大學,2017.

[20]張希儒.水墨符號在現代插畫中的應用研究[D].沈陽航空航天大學,2017.

[21]陳楠.互聯網時代地方水產品品牌形象的創新設計研究[D].安徽大學,2017.

[22]王瑩.傳統民藝的當代價值研究[D].安徽大學,2017.

[23]徐亞.社交網路中教育資源推薦的目標用戶挖掘研究[D].中央民族大學,2017.

[24]陳碧榮.中學文科教材全文檢索系統的設計與實現[D].中央民族大學,2017.

[25]連伯文.基於動態網頁技術的廣州市公安局門戶網站的設計與實現[D].吉林大學,2015.

[26]王秋香.農村(村級)重大事項流程化監管系統的設計與實現[D].重慶三峽學院,2017.

[27]張笑天.分布式爬蟲應用中布隆過濾器的研究[D].沈陽工業大學,2017.

[28]徐亞渤.基於深度學習的中文網路衍生實體的識別與分類[D].武漢大學,2017.

[29]岳銳.基於物聯網的居家環境監測系統設計[D].中北大學,2017.

[30]余瑕.人民日報總編室微信公眾號里約奧運專題策劃案[D].浙江大學,2017.

[31]王佳薇.網易新聞客戶端本地流量提升方案[D].浙江大學,2017.

[32]金雲帆.愛奇藝游戲直播產品營銷推廣策劃[D].浙江大學,2017.

[33]賈晨茜.基於用戶需求評價模型的汽車電商視覺創新方法研究[D].燕山大學,2016.

[34]徐海倫.滴滴快車品牌傳播與策略優化設計[D].浙江大學,2017.

[35]宋靜.基於LNMP框架的結構化數據抽取平台的設計與實現[D].北京交通大學,2016.

[36]朱華麗.集成網頁質量特徵的垃圾網頁檢測特徵模型及模型驗證[D].西南交通大學,2016.

[37]張寰.自媒體平台下服裝設計師品牌的推廣策略研究[D].武漢紡織大學,2016.

[38]鄧豪俁.百怡動態空氣消毒機品牌設計[D].昆明理工大學,2016.

[39]舒浩.雲南「掌上雲游」互動式原型產品設計[D].昆明理工大學,2016.

[40]白帆.滇賜有機工坊品牌設計[D].昆明理工大學,2016.

[41]孫樂.蒙古族視覺圖案元素在互動頁面中的研究及應用[D].昆明理工大學,2016.

[42]劉雙佳.花卉紋樣在護膚品包裝設計上的應用[D].昆明理工大學,2016.

[43]蒲星宇.中小學在線考試系統的研究與實現[D].華中師范大學,2016.

[44]房瑾堂.基於網路爬蟲的在線教育平台設計與實現[D].北京交通大學,2016.

[45]劉小雲.網路爬蟲技術在雲平台上的`研究與實現[D].電子科技大學,2016.

[46]賴文雅.基於WEB技術的高校畢業審核管理系統研究與實現[D].廣西大學,2016.

[47]周尚書.基於web的院級教務管理系統的研究與實現[D].華中師范大學,2016.

[48]劉利.手機通訊中Android應用許可權分析技術的研究與實現[D].東北石油大學,2016.

[49]黃文填.一個移動增強現實框架的改進[D].暨南大學,2016.

[50]項江.面向領域的DeepWeb查詢介面發現與元數據信息抽取研究[D].暨南大學,2016.

[51]張嬡.基於移動智能終端閱讀類App的視覺體驗設計研究[D].北京工業大學,2016.

[52]牟安.藏文web網路社區劃分研究與實現[D].西北民族大學,2016.

[53]杜芷筠.淺析當代服裝藝術造型的時尚表現形式[D].湖北美術學院,2016.

[54]顧津.行為記憶在智能化產品CMF設計中的應用研究[D].北京服裝學院,2017.

[55]張亞南.大數據下的色彩設計發展研究[D].北京服裝學院,2017.

[56]宋莉.字體動態化設計研究[D].北京服裝學院,2017.

[57]連曉萌.「跨界思維」在現代首飾中的應用研究[D].北京服裝學院,2017.

[58]張建德.山西省政法部門政務信息管理系統[D].大連理工大學,2015.

[59]安君.北京首都航空公司航班信息管理系統的設計與實現[D].大連理工大學,2015.

[60]鄭穎卓.高職院校實踐教學管理系統的設計與實現[D].天津大學,2015.

[61]梁可心.A公司遠程財務報賬系統[D].天津大學,2015.

[62]姚慧明.中專院校畢業設計管理系統設計與實現[D].大連理工大學,2016.

[63]張偉.太原工業學院計算機系畢業設計過程管理系統[D].大連理工大學,2016.

[64]房振偉.基於Web的在線考試系統的設計與實現[D].東南大學,2016.

[65]王琳.基於Android平台的影院票務系統的設計與實現[D].哈爾濱工業大學,2015.

[66]張春妍.彩虹期刊投稿管理平台的設計與實現[D].北京工業大學,2016.

[67]金泉.基於Web的畢業設計選題系統的設計與實現[D].山東大學,2016.

[68]府炳.基於微信平台的影像管理系統[D].吉林大學,2016.

[69]徐波.數字化校園建設中學生信息管理系統的設計與實現[D].湖北工業大學,2016.

[70]張聰聰.基於響應式Web設計中用戶界面的分析與探究[D].中南民族大學,2015.

[71]汪玉瓊.響應式網頁的界面設計研究[D].中南民族大學,2015.

[72]楊楠.基於電子出版物的兩極鏡頭語言應用研究[D].北京印刷學院,2017.

[73]趙靈芝.琺琅彩在現代飾品中的創新應用[D].昆明理工大學,2016.

[74]吳東普.鞍山市委辦公廳黨員管理系統設計與實現[D].大連理工大學,2015.

[75]胡鈺強.基於.NET框架的學生畢業設計管理系統的設計與實現[D].西南交通大學,2016.

[76]李寧.「友阿海外購」手機APP交互界面設計[D].昆明理工大學,2016.

[77]王凱.職業服設計的色彩識別性研究[D].東華大學,2017.

[78]劉媛媛.基於「暖」啟動理念的界面設計研究[D].湖北工業大學,2016.

[79]羅藝娜.基於PHP的校園電能監測平台研究與數據預測[D].東華大學,2017.

[80]王江遠.旅行社品牌跨媒體識別設計的研究[D].東華大學,2017.

[81]王願芳.銀行個人儲蓄管理系統的設計與實現[D].江西財經大學,2016.

[82]羅芳.多層架構的頂崗實習服務平台的設計與實現[D].浙江工業大學,2016.

[83]任鵬.多媒體網路教學系統及評教演算法研究[D].華東理工大學,2017.

[84]潘曉磊.基於Java智能卡的小區物業管理系統設計[D].哈爾濱理工大學,2017.

[85]王琛瑜.移動游戲界面視覺風格的研究與設計應用[D].東華大學,2017.

[86]馮春.供熱數據採集與監測系統的應用研究與分析[D].北京建築大學,2017.

[87]胡西.多維碼證卡綜合信息查詢驗證系統的設計與實現[D].華中科技大學,2015.

[88]張松.基於增長型個人數據平台的網路個體成長模型研究與實現[D].東北大學,2015.

[89]韓英慧.畢業論文管理系統的設計與實現[D].東北大學,2015.

[90]提建宇.基於北斗的物流監測儀的設計與實現[D].吉林大學,2017.

[91]王利蘋.校企合作下中職計算機應用專業課程體系的研究[D].河北師范大學,2017.

[92]葉蒙.基於線狀陣列的三維活動圖像顯示研究[D].南京大學,2017.

[93]吳幗幗.移動應用跨平台開發框架研究及在社保權益中的應用[D].山東大學,2017.

[94]史慧璇.手機銀行系統客戶端的設計與實現[D].山東大學,2017.

[95]馮陽.學分制下藝術設計教學模式研究[D].南京藝術學院,2016.

[96]劉花弟.新時期中國平面設計教育課程與教學發展研究[D].南京藝術學院,2016.

[97]鍾予.建築教育中的數學教育和教學[D].中央美術學院,2017.

[98]沈佳倫.論絲網印刷互聯網定製平台的扁平化設計[D].中國美術學院,2015.

[99]曹夢.淺談企業視覺形象識別系統的創新設計[D].河南大學,2015.

[100]俞新凱.某高校畢業設計與頂崗實習管理系統的設計與實現[D].中山大學,2015.

[101]景超.地震速報信息管理系統的設計與實現[D].電子科技大學,2015.

[102]梁碧勇.基於Web的畢業論文管理系統的設計與實現[D].電子科技大學,2015.

[103]張瑾.中小型企業生產管理系統一庫存管理子系統[D].電子科技大學,2015.

[104]劉靜.基於SSH架構的廣電發射傳輸中心信息管理系統設計與實現[D].電子科技大學,2015.

[105]李逸敏.基於現代信息社會的手繪插畫在包裝設計中的運用研究[D].合肥工業大學,2015.

網頁畢業設計參考文獻四:

[106]李磊.主體覺醒[D].中央美術學院,2016.

[107]王瑩.商業插畫特性及相關產業應用研究[D].青島科技大學,2016.

[108]田志鵬.基於CC3200的遠程監視系統設計[D].北方工業大學,2016.

[109]施人銅.基於jQuery的Web前端組件開發研究與應用[D].東南大學,2015.

[110]秦偉.畢業設計管理系統界面的宜人性設計研究[D].長春工業大學,2016.

[111]沈榮娟.基於Web的B/S模式多現場匯流排教學實驗平台設計與實現[D].東南大學,2015.

[112]廖晨.微博信息可信度的評判模型和可視化工具研究[D].清華大學,2015.

[113]羅啟強.基於PHP+MySQL的高校教務管理系統的設計與實現[D].吉林大學,2016.

[114]李青.營口市農業工程學校教學管理系統開發設計[D].吉林大學,2016.

[115]李定遠.就業信息系統的設計與實現[D].吉林大學,2016.

[116]錢瀚雄.基於B/S模式小區物業管理系統的設計與實現[D].吉林大學,2016.

[117]李亮.小區電費綜合管理系統的設計與實現[D].吉林大學,2016.

[118]薛可.基於ASP.NET技術的圖書館管理系統的設計與實現[D].吉林大學,2016.

[119]王祉默.基於iOS的兒童成長系統的設計與實現[D].北京林業大學,2016.

[120]石磊.垂直資訊網站設計-長三角房車網[D].南京大學,2016.

[121]余姬娜.微博新聞類型與用戶參與性調研報告[D].南京大學,2016.

[122]趙雪.工單管控系統設計與實現[D].遼寧科技大學,2016.

[123]羅丹.信息不對稱理論對弱勢品牌的價值傳達的啟示[D].南京理工大學,2015.

[124]高品潔.解析平面設計在電子商務平台中的用戶體驗及發展趨勢[D].南京師范大學,2015.

[125]王俊俊.中國門神木版年畫網站交互性設計研究[D].上海大學,2015.

[126]周莉莎.本科生畢業設計選題系統設計與實現[D].燕山大學,2015.

[127]江澤中.基於JSP技術的在線考試系統設計與實現[D].華中師范大學,2015.

[128]葉歡.求職類平台-海投網手機客戶端設計[D].浙江大學,2015.

[129]王永山.軟體學院綜合教務系統設計與實現[D].大連理工大學,2015.

[130]金鑫.網站監測管理系統設計與實現[D].大連理工大學,2015.

[131]梁漢臣.某高校學生畢業設計信息管理系統的設計與實現[D].電子科技大學,2015.

[132]金川涵.金華職業技術學院畢業環節信息管理系統的設計與實現[D].電子科技大學,2015.

[133]段匯斌.電力工程項目管理與績效考核系統的設計與實現[D].電子科技大學,2015.

[134]任婧.基於雲模式的論文抽檢與評優平台的研究與實現[D].河北工業大學,2015.

[135]張子豐.基於PHP的商務網站設計與實現[D].電子科技大學,2015.

[136]滕吉鵬.基於WEB的高校實習生協同管理平台的構建與實現[D].浙江工業大學,2015.

[137]朱俞霖.網路智能中心科研管理系統的設計與實現[D].山東大學,2015.

[138]吳立剛.基於B/S模式畢業設計管理系統的設計與實現[D].吉林大學,2015.

[139]尹紀慶.教務綜合信息管理系統的開發和應用[D].青島理工大學,2015.

[140]李曉霞.計算機軟體類專業學生畢業設計評價體系研究[D].沈陽工業大學,2015.

[141]沈曉陽.「視覺傳達設計專業」在現實中的應用探究[D].雲南藝術學院,2015.

[142]王爽.具有語義搜索推薦功能的互動式專業主頁系統設計與實現[D].北京郵電大學,2015.

[143]許昭霞.基於Web的信息發布與信息交流平台的設計與實現[D].吉林大學,2015.

[144]易揚揚.基於JQueryMobile的教師工作量管理系統的設計與實現[D].吉林大學,2015.

[145]李彬.專家門診預約系統的設計與實現[D].吉林大學,2015.

網頁畢業設計參考文獻 篇2

[1]孫凈宇,李澈等. 高校校園APP發展現狀初探[J]. 數字與出版,2014(06):84-85.

[2]李旭紅. 長江大學「掌上校園」APP系統研發與運營研究[J]. 科技創業月刊,2014(09):35-37.

[3]張言林,李博等. 基於數字化校園的手機APP客戶端設計初探----東北林業大學「移動校園」手機APP客戶端設計[J]. 設計,2014(02):81-82.

[4]張曉. 基於Android平台的校園信息系統APP的設計實現[J]. 計算機光碟軟體與應用,2013(24):253-256.

[5]劉紅英. 基於安卓的校園服務系統設計與實現[J]. 電腦知識與技術,2014(10):5673-5677.

[6]魯學亮,陳金燾等. 移動校園轉型實踐--基於Web App的移動應用客戶端設計與實現[J]. 中國教育信息化,2012(21):19-20.

[7]關海洋. Android無線智能點餐系統設計與實現[D]. 重慶:重慶大學,2013.

[8]王曉穎. 高校一卡通管理系統設計與實現[D]. 四川:成都, 電子科技大學,2013.

[9]董濤. 基於Android的移動校園客戶端設計與實現[D]. 陝西:西安, 西安電子科技大學, 2014.

網頁畢業設計參考文獻 篇3

[1]胡崧. HTML 從入門到精通[M].北京:中國青年出版社,2007.

[2]知新文化. HTML 完全手冊與速查辭典[M].北京:科學出版社,2007.

[3]楊選輝.網頁設計與製作教程[M].北京:清華大學出版社,2009.

[4]王誠君,劉振華,郭竑暉,高中山.Dreamweaver 8 網頁設計應用教程[M].北京:清華大學出版社,2007.

[5]李光明,曹蕾,余輝.中文Dreamweaver 8 網頁設計與實訓教程[M].北京:冶金工業出版社,2006.

[6]周德華,許銘霖.新編網頁設計教程[M].北京:冶金工業出版社,2006.

[7]趙銘建,趙慧,喬孟麗,康梅娟.網頁設計與製作[M].東營:中國石油大學出版社,2007.

[8]趙祖蔭,王雲翔,胡耀芳.網頁設計與製作教程[M].北京:清華大學出版社,2008.

[9]陳季. Flash 基礎與實例教程[M].北京:北京希望電子出版社,2005.

[10]丁海祥.計算機平面設計實訓[M]. 北京:高等教育出版社,2005.

[11]曹雁青,楊聰. Photoshop 經典作品賞析[M].北京:北京海洋智慧圖書有限公司,2002.

[12]張怒濤. Photoshop 平面設計圖像處理技法[M].北京:清華大學出版社,2003.

[13] 陳笑. Dreamweaver 8,Photoshop CS 2,Flash 8 網頁製作實用教程[M].北京:清華大學出版社,2006.

[14]孫強,李曉娜,黃艷.JavaScript 從入門到精通[M].北京:清華大學出版社,2008.

[15]劉智勇. JavaScript 開發技術大全[M].北京:清華大學出版社,2009.

[16]陳會安. JavaScript 基礎與實例教程[M].北京:中國電力出版社,2007.

[17]常永英. ASP.NET 程序設計教程(C#版)[M].北京:機械工業出版社,2009.

[18]肖金秀,馮沃輝,陳少涌. ASP.NET 程序設計教程[M].北京:冶金工業出版社,2003.

[19]金旭亮.ASP.NET 程序設計教程[M].北京:高等教育出版社,2009.

[20]劉培文,韓小祥. ASP.NET 程序設計教程[M].北京:中國人民大學出版社,2009.

網頁畢業設計參考文獻 篇4

[1]李志生,梅勝,等.以就業為導向的畢業設計創新能力培養實踐與探討[J].廣東工業大學學報(社會科學版),2006(增刊).

[2]孫政榮.大學生畢業設計與就業之間的矛盾分析[J].寧波大學學報(理工版),2005(4).

[3]姚裕群.大學生就業指導問題調查與研究[J].中國大學生就業,2005(7).

[4]晉燕「目標體驗自主探究」課堂教學模式的研究與實踐課題方案,《教育前沿與探索》2009.2

[5]馬連湘郭桂萍廣告學實踐教學環節與方案的設計,《吉林廣播電視大學學報》2009.1

[6]專業指在專業人才培養目標描述中,畢業生就業崗位涉及廣告行業的專業.

網頁畢業設計參考文獻 篇5

[1]張紅,易崇英.廣告學專業畢業設計(論文)質量評價體系的構建[J].新余高專學報,2009(10).

[2]陳月明.美國高校廣告教育[J].寧波大學學報(教育科學版),2006(2).

[3]楊先順.建構我國廣告創新型教育模式的思路[n當代傳播,2008(5).

[4]張信和,蘇毅超.廣告專業「業務專案組」型畢業設計的教學實踐與探討[J].成人教育,2004(12).

[5]陳培愛.中外廣告史[M]北京:中國物價出版社,2001.

;

6. 想寫一個關於網頁設計與應用的畢業論文怎麼寫

摘要
隨著互聯網的普及,上網成為了人們獲取信息的重要來源。網頁作為網站信息的載體,它的設計是否成功影響著整個網站的價值。布局和色彩作為網頁設計的兩個重要因素,對網頁的合理性和風格有很大的影響。
現有的網頁設計理論系統性不足,理論研究缺乏實踐依據,因此本文通過文獻研究法、信息內容分析法、實驗研究法、社會調查法、實踐研究法等多種研究方法,將眼動儀實驗和色彩因素提取實驗作為研究重點,用實驗驗證理論,並得出非精確性概念生成的依據,結合實際的網頁設計工作,綜合研究和探討網頁設計中關於布局和色彩的一些技術和方法,從而為網頁開發設計人員創作出精美、合理、獨具風格的網頁提供方法論上的支持。

關鍵詞:網頁設計,布局,色彩

回答來源於網頁設計論文

7. 為什麼 web前端 很難作為畢業論文課題

隨著現代技術的發展,人們對於任何事物在看重實用性能的同時,也越來越重視自我的體驗,比如當前流行的互聯網企業,除了要有出色的性能和實用性,還要有良好的界面、客戶體驗,這樣才能吸引人。所以對於初創的互聯網公司來說,最燒錢的時候就是剛剛獲得風投或融資的時候,因為那時候還沒有客戶訪問,所以他們不得不把錢砸向前端,只有做好前端技術、客戶體驗,一切才有可能。當有了來訪者,訪問的人多了,才會優化後端,做客戶分析等等。所以互聯網公司獲得融資後的第一件事往往就是招聘Web前端開發人員,先把前端和用戶體驗做好,打好發展第一炮,這也是為什麼Web前端開發這么火、工程師薪資高的重要原因。

根據國內最大的招聘門戶網站智聯招聘的數據統計,每個月企業在智聯上公布的Web前端的崗位量在2.4萬個左右,由此可以看出當前企業對於Web前端工程師的需求是十分旺盛的,並且根據智聯的職業專家的介紹,Web前端工程師工作1-2年後成為Web前端高級軟體工程師,年薪可達到15萬以上;工作3-5年後成為Web前端技術主管或經理,年薪在15-50萬之間;工作5年以上,通常會成為互聯網公司的技術總監或產品經理,年薪達到50-100萬不成問題。

互聯網技術的飛速發展促使著互聯網企業對於用戶體驗的要求越來越高,網站開發的能讀也越來越大,在這樣的時機下,Web前端工程師應運而生,成為各大企業爭搶的香餑餑。根據對國內100家互聯網企業對Web前端工程師的招聘需求分析,企業對於人才的需求主要有兩部分:一是核心要求,包括語言技術:JS基礎和核心/HTML5/CSS3、框架技術:JQuery、AJAX、Bootstrap、AngularJS、通訊協議技術:HTTP協議、服務端開發技術、交互技術:UI交互設計、客戶端技術:微信開發技術、html5、JS、SDK開發、Android、iOS、Web App開發技術;二是輔助要求,具備1-3年的Web開發工作經驗,學歷、相關經驗、團隊合作能力等等。

一名優秀的Web前端工程師必須要有能力編寫任何一個互聯網系統的前端頁面、交互代碼,相對於其它IT技術崗位,Web前端工程師的專業性要求沒那麼高,不管你是專業的還是非專業的,或者是轉行而來的,選對方式,找到入門,都可以從事Web前端開發。itjob祝你成就開發夢

8. 求高手幫我翻譯一下畢業論文的摘要部分,分不多,比較急。不勝感激。不要機器翻譯

As the rapid development of society and the advent of the high-tech information age, the rhythm of people's living is speeding graally. Now the internet has become the important way to get 、distribute and transfer the imformation .Absolutely it becomes the indispensable part of people's mordern life.Releasing information on the network is mainly through the website to realize. The construction of the website become important part in Informatization construction.
i want to express my love of to YiMeng through the proction of yimeng website. also through the website to introce this beautiful place to people .This paper mainly introces the software tools which was used in the proction of the YIMeng website and the design thinking ring the proction .

9. Web安全技術與防火牆畢業論文參考文獻(15個)

[1] 楊波,朱秋萍. Web安全技術綜述[J]. 計算機應用研究, 2002,(10) .
[2] 羅鐵堅,徐海智,董占球. Web安全問題[J]. 計算機應用, 2000,(04) .
[3] 張霆,王亞東,陳玉華. Web安全技術與防火牆的功能[J]. 黑龍江水專學報, 2000,(03) .
[4] 蘇瑩瑩. Web安全技術[J]. 牙膏工業, 2003,(04) .
[5] 趙偉,賈卓生. 應用級的Web安全[J]. 鐵路計算機應用, 2004,(01) .
[6] 譚雲松,史燕. 一種新的Web安全與防火牆技術[J]. 計算機時代, 2002,(03) .
[7] 鄧譜. Web安全技術與防火牆[J]. 重慶電力高等專科學校學報, 2000,(04) .
[8] 劉大勇. Web的安全威脅與安全防護[J]. 大眾科技, 2005,(06) .
[9] 楊繼東. 淺析密碼與Web安全[J]. 甘肅農業, 2005,(05) .
[10] 李文鋒. Web攻擊方法及其安全研究[J]. 科學技術與工程, 2005,(04) . [1] 邊娜. Web安全技術與防火牆[J]. 山西財經大學學報, 2000,(S2) [1] 鄧譜. Web安全技術與防火牆[J]. 重慶電力高等專科學校學報, 2000,(04)
[2] 張洪霞 , 劉仁濤. 淺談安全的網路城牆——防火牆[J]. 應用能源技術, 2002,(04)
[3] 沈芳陽, 阮潔珊, 李振坤, 黃智勇, 鄧靜, 劉懷亮, 柳正青. 防火牆選購、配置實例及前景[J]. 廣東工業大學學報, 2003,(03)
[4] 史曉龍. 防火牆技術在網路中的應用[J]. 公安大學學報(自然科學版), 2001,(03)
[5] Web應用防火牆來勢洶洶[J]. 電力信息化, 2009,(07)
[6] 閆寶剛. 防火牆組網方案分析[J]. 大眾標准化, 2004,(08)
[7] 潘登. 淺析防火牆技術[J]. 株洲工學院學報, 2004,(02)
[8] 蘆軍, 丁敏. 淺談防火牆設計[J]. 房材與應用, 2004,(01)
[9] 陳冰. 企業計算機網路防火牆的選擇[J]. 供用電, 2004,(04)
[10] 徐文海. 防火牆技術及虛擬專用網路的建立[J]. 鐵道運營技術, 2003,(04)