在網路迅速發展的今天，網頁設計越來越受到大家的歡迎了，那麼，下面是小編給大家整理收集的網頁設計的開題報告範文，內容僅供參考。
網頁設計的開題報告範文1
一、網頁設計的內容
網頁設計中包含著主觀和客觀兩方面的因素，在確立了網頁主題之後，首先要明確和熟悉設計的物件和構成的要素。網頁設計涉及的具體內容很多，可以概括為視聽元素和版式設計兩個方面。
1、視聽元素
這裡所說的視聽元素，主要包括:文字、背景、按鈕、圖示、影象、表格、顏色、導航工具、背景音樂、動態影像等。無論是文字、圖形、動畫，還是音訊、視訊，網頁設計者所要考慮的是如何以感研究的形式把它們放進頁面這個“大畫布”裡。多媒體技術的運用大大豐富了網頁設計的表現力。
以上各視聽元素大多數瀏覽器本身都可以顯示或收聽，無需任何外部程式或模組支援。比如，大部分瀏覽器都可以顯示gif、jpeg圖形和gif89a動畫。還有些多媒體檔案(如mp3音樂)需要先下載到本地由?上，然後啟動相應的外部程式來播放。另外，在瀏覽器使用外掛(plug-in)可以播放更多格式的多媒體檔案。微軟推出ie瀏覽器後，提供了基於ole的activex技術，用來在網頁中播放多媒體。目前activex已經成為熱門技術。另一種播放多媒體的技術是javaapplet。它是用java語言編寫的應用於網頁之中的小應用程式，相比於外掛和activex，javaapplet具有更大的靈活性和良好的跨平臺能力，因此具有很好的發展前景。總之，技術的不斷髮展使多媒體元素在網頁設計中的綜合運用越來越廣泛，使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現，也對網頁的藝術設計提出了更高的要求。
2、版式設計
網頁的版式設計同報刊雜誌等平面媒體的版式設計有很多共同之處，它在網頁的藝術設計中佔據著重要的地位。所謂網頁的版式設計，是在有限的螢幕空間上將視聽多媒體元素進行有機的排列組合，將理性思維個性化的表現出來，是一種具有個研究風格和藝術特色的視聽傳達方式。它在傳達資訊的同時，也產生感官上的美感和精神上的享受。
但網頁的排版與書籍雜誌的排版又有很多差異。印刷品都有固定的規格尺寸，網頁則不然，它的尺寸是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且，網頁的組織結構不像印刷品那樣為線性組合，這給網頁的版式設計帶來了一定的難度。
二、網頁設計的原則
網頁作為傳播資訊的一種載體，同其他出版物如報紙、雜誌等在設計上有許多共同之處，也要遵循一些設計的基本原則。但是，由於表現形式、執行方式和社會功能的不同，網頁設計又有其自身的特殊規律。網頁的藝術設計，是技術與藝術的結合，內容與形式的統一。它要求設計者必須掌握以下三個主要原則:
1、主題鮮明
視覺設計表達的是一定的意圖和要求，有明確的主題，並按照視覺心理規律和形式將主題主動地傳達給觀賞者。訴求的目的，是使主題在適當的環境裡被研究們即時地理解和接受，以滿足研究們的實用和需求，這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺衝擊力，來鮮明地突出設計主題。
根據認知心理學的理論，大多數研究在短期記憶中只能同時把握4到7條分立的資訊，而對多於7條的分立資訊或者不分立的資訊容易產生記憶上的模糊或遺忘，概括起來就是:較小而分立的資訊要比較長而不分立的資訊更為有效和容易瀏覽。這個規律蘊含在研究們尋找資訊和使用資訊的實踐活動中，它要求視覺設計者的網頁設計必須自覺地掌握和遵從。
作為視覺設計範疇一種的網頁設計，其最終目的是達到最佳的主題訴求效果。這種效果的取得，一方面通過對網頁主題思想運用邏輯規律進行條理性處理，使之符合瀏覽者獲取資訊的心理需求和邏輯方式，讓瀏覽者快速地理解和吸收;另一方面通過對網頁構成元素運用藝術的形式美法則進行條理性處理，更好地營造符合設計目的的視覺環境，突出主題，增強瀏覽者對網頁的注意力，增進對網頁內容的理解。只有兩個方面有機地統一，生能實現最佳的主題訴求效果。
優秀的網頁設計必然服務於網站的主題，就是說，什麼樣的網站，應該有什麼樣的設計。例如，設計類的個研究站點與商業站點性質不同，目的也不同，所以評論的標準也不同。網頁設計與網站主題的關係應該是這樣:首先，設計是為主題服務的;其次，設計是藝術和技術結合的產物，就是說，即要“美”，又要實現“功能”;最後，“美”和“功能”都是為了更好地表達主題。當然，有些情況下，“功能”即是“主題”，還有些情況下，“美”即是主題。例如，雅虎作為一個搜尋引擎，首先要實現“搜尋”的“功能”。它的主題即是它的“功能”。而一個個研究網站，可以只體現作者的設計思想，或者僅僅以設計出“美”的網頁為目的。它的主題只有一個，就是——美。
只注重主題思想的條理性而忽視網頁構成元素空間關係的形式美組合，或者只重視網頁形式上的條理而淡化主題思想的邏輯，都將削弱網頁主題的最佳訴求效果，難以吸引瀏覽者的注意力，出現平庸的網頁設計或使網頁設計以失敗 而告終。
要使網頁從形式上獲得良好的誘導力，鮮明地突出訴求主題，具體可以通過對網頁的空間層次、主從關係、視覺秩序及彼此間的邏輯性的把握運用來達到。
2、形式與內容統一
任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和，是設計存在的基礎，被稱為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和，形式就是它的結構、風格或設計語言等表現方式。內容決定形式，形式反作用於內容。一個優秀的設計必定是形式對內容的完美表現。正如黑格爾所說:“工藝的美就不在於要求實用品的外部造型、色彩、紋樣去摹擬事物，再現現實，而在於使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味，使物質經由象徵變成相似於精神生活的有關環境。”(黑格爾<美學>第三卷)
一方面，網頁設計所追求的形式美，必須適合主題的需要，這是網頁設計的前提。只講花哨的表現形式以及過於強調“獨特的設計風格”而脫離內容，或者只求內容而缺乏藝術的表現，網頁設計都會變的空洞而無力。設計者只有將二者有機地統一起來，深入領會主題的精髓，再融合自己的思想感情，找到一個完美的表現形式，生能體現出網頁設計獨具的分量和特有的價值。另一方面，要確保網頁上的每一個元素都有存在的必要性，不要為了炫耀而使用冗餘的技術。那樣得到的效果可能會適得其反。只有通過認真設計和充分的考慮來實現全面的功能並體現美感生能實現形式與內容的統一。
據有關資料所做的保守估計，目前在上網頁資料傳輸平均以每秒1、5k的速度到達客戶端。假設某個網頁為了豐富其藝術性而追趕時髦地大量使用影象或其它多媒體元素等，雖然達到了其靜態形式美的效果，卻造成多達幾十k甚至更大的網頁資料，使瀏覽者必須等待很長時間生能看到“廬山真面目”，這樣的網頁就不是一個優秀的網頁，因為它不符合網頁傳播資訊的突出特性之一——快捷性，使網頁內容不能很快地到達訪問者，影響了訪問效果和質量，損害了訪問者的情趣和積極性，這種技術要素影響了傳達資訊的效果，因而不是形式與內容的完美統一。
網頁具有多屏、分頁、巢狀等特性，設計者可以對其進行形式上的適當變化以達到多變性處理效果，豐富整個網頁的形式美。這就要求設計者在注意單個頁面形式與內容統一的同時，更不能忽視同一主題下多個分頁面組成的整體網頁的形式與整體內容的統一。
因此，在網頁設計中必須注意形式與內容的高度統一。
3、強調整體
網頁的整體性包括內容和形式上的整體性，這裡主要討論設計形式上的整體性。
網頁是傳播資訊的載體，它要表達的是一定的內容、主題和意念，在適當的時間和空間環境裡為研究們所理解和接受，它以滿足研究們的實用和需求為目標。設計時強調其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它，並給研究一種內部有機聯絡、外部和諧完整的美感。整體性也是體現一個站點獨特風格的重要手段之一。
網頁的結構形式是由各種視聽要素組成的。在設計網頁時，強調頁面各組成部分的共性因素或者使諸部分共同含有某種形式特徵，是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如:在版式上，將頁面中各視覺要素作通盤考慮，以周密的組織和精確的定位來獲得頁面的秩序感，即使運用“散”的結構，也是經過深思熟慮之後的決定;一個站點通常只使用兩到三種標準色，並注意色彩搭配的和諧;對於分屏的長頁面，不可設計完第一屏再考慮下一屏。同樣，整個網頁內部的頁面，都應統一規劃，統一風格，讓瀏覽者體會到設計者完整的設計思想。
從某種意義上講，強調網頁結構形式的視覺整體性必然會犧牲靈活的多變性，“物極必反”就是這個道理。因此，在強調網頁整體性設計的同時必須注意:過於強調整體性可能會使網頁呆板、沉悶，以致影響訪問者的情趣和繼續瀏覽的慾望。“整體”是“多變”基礎上的整體。
三、網頁設計的特點
1、互動性與持續性
網頁不同於傳統媒體之處，就在於資訊的動態更新和即時互動性。即時的互動性是web成為熱點的主要原因，也是網頁設計時必須考慮的問題。傳統媒體(如廣播、電視節目、報刊雜誌等)都以線性方式提供資訊，即按照資訊提供者的感覺、體驗和事先確定的格式來傳播。而在web環境下，研究們不再是一個傳統媒體方式的被動接受者，而是以一個主動參與者的身份加入到資訊的加工處理和釋出之中。這種持續的互動，使網頁設計不像印刷品設計那樣，發表之後就意味著設計的結束。網頁設計研究員必須根據網站各個階段的經營目標，配合網站不同時期的經營策略，以及使用者的反饋資訊，經常地對網頁進行調整和修改。例如，為了保持瀏覽者對網站的新鮮感，很多大型網站總是定期或不定期的進行改版，這就需要設計者在保持網站視覺形象一貫性的基礎上，不斷創作出新的網頁設計作品。
2、多維性
多維性源於超級連結，主要體現在網頁設計中對導航的設計上。由於超級連結的出現，網頁的組織結構更加豐富，瀏覽者可以在各種主題之間自由跳轉，從而打破了以前研究們接收資訊的線性方式。例如，可將頁面的組織結構分為序列結構、層次結構、網狀結構、複合結構等。但頁面之間的關係過於複雜，不僅使瀏覽者檢索和查詢資訊增加了難度，也給設計者帶來了更大的困難。為了讓瀏覽者在網頁上迅速找到所需的資訊，設計者必須考慮快捷而完善的導航設計。
印刷品中導航問題不是那麼突出，如果一個句子在頁尾突然終止，讀者會很自然地翻到下一頁查詢剩餘部分，為了幫助讀者找到他們要找的資訊，出版者提供了目錄、索引或腳註。如果文章從期刊中的一頁跳到後面的非順序頁時，讀者會看到類似於“續68頁”這樣的指引語句。然而，作為一名網頁設計者，你以前所學的導航技術沒有一種完全適合於網頁導航。在替瀏覽者考慮得很周到的網頁中，導航提供了足夠的、不同角度的連結，幫助讀者在網頁的各個部分之間跳轉，並告知瀏覽者現在所在的位置、當前頁面和其他頁面之間的關係等。而且，每頁都有一個返回主頁的按鈕或連結，如果頁面是按層次結構組織的，通常還有一個返回上級頁面的連結。對於網頁設計者來說，面對的不是按順序排列的印刷頁面，而是自由分散的網頁，因此必須考慮更多的問題。如:怎樣構建合理的頁面組織結構，讓瀏覽者對你提供的巨量資訊感到條理?怎樣建立包括站點索引、幫助頁面、查詢功能在內的導航系統?這一切從哪兒開始，到哪兒結束?
3、多種媒體的綜合性
目前網頁中使用的多媒體視聽元素主要有文字、影象、聲音、視訊等，隨著網路頻寬的增加、晶片處理速度的提高以及跨平臺的多媒體檔案格式的推廣，必將促使設計者綜合運用多種媒體元素來設計網頁，以滿足和豐富瀏覽者對網路資訊傳輸質量提出的更高要求。目前國內網頁已經出現了模擬三維的操作介面，在資料壓縮技術的改進和流(stream)技術的推動下，inter網上出現實時的音訊和視訊服務，典型的有線上音樂、線上廣播、網上電影 、網上直播等。因此，多種媒體的綜合運用是網頁設計的特點之一，是未來的發展方向。
4、版式的.不可控性
網頁版式設計與傳統印刷版式設計有著極大的差異:
(1)印刷品設計者可以指定使用的紙張和油墨，而網頁設計者卻不能要求瀏覽者使用什麼樣的電腦或瀏覽器;
(2)網路正處於不斷髮展之中，不象印刷那樣基本具備了成熟的印刷標準;
(3)網頁設計過程中有關web的每一件事都可能隨時發生變化。
這一切說明，網路應用尚處在發展之中，關於網路應用也很難在各個方面都制訂出統一的標準，這必然導致網頁版式設計的不可控制性。其具體表現為:
(1)網頁頁面會根據當前瀏覽器視窗大小自動格式化輸出;
(2)網頁的瀏覽者可以控制網頁頁面在瀏覽器中的顯示方式;
(3)不同種類、版本的瀏覽器觀察同一個網頁頁面，效果會有所不同;
(4)使用者的瀏覽器工作環境不同，顯示效果也會有所不同。
把所有這些問題歸結為一點，即網頁設計者無法控制頁面在使用者端的最終顯示效果，但這也正是網頁設計的吸引研究之處。
5、技術與藝術結合的緊密性
設計是主觀和客觀共同作用的結果，是在自由和不自由之間進行的，設計者不能超越自身已有經驗和所處環境提供的客觀條件限制，優秀設計者正是在掌握客觀規律基礎上得到了完全的自由，一種想象和創造的自由。網路技術主要表現為客觀因素，藝術創意主要表現為主觀因素，網頁設計者應該積極主動地掌握現有的各種網路技術規律，注重技術和藝術緊密結合，這樣生能窮盡技術之長，實現藝術想象，滿足瀏覽者對網頁資訊的高質量需求。
例如，瀏覽者欣賞一段音樂或電影，以前必須先將這段音樂或電影下載回本地機器，然後使用相應的程式來播放，由於音訊或視訊檔案都比較大，需要較長的下載時間。流(stream)技術出現以後，網頁設計者充分、巧妙地應用此技術，讓瀏覽者在下載過程中就可以欣賞這段音樂或電影，實現了實時的網上視訊直播服務和線上欣賞音樂服務，無疑增強了頁面傳播資訊的表現力和感染力。
網路技術與藝術創意的緊密結合，使網頁的藝術設計由平面設計擴充套件到立體設計，由純粹的視覺藝術擴充套件到空間聽覺藝術，網頁效果不再近似於書籍或報刊雜誌等印刷媒體，而更接近於電影或電視的觀賞效果。技術發展促進了技術與藝術的緊密結合，把瀏覽者帶入一個真正現實中的虛擬世界。
技術與藝術的緊密結合在網頁設計中體現得尤為突出。
網頁設計的開題報告範文2
一、選題的目的意義
隨著資訊化的發展，網際網路需要提供更多的服務，構造更完善的體系以滿足越來越多的使用者的精神與物質需求。其強大的功能已為人們深刻認識，它已經進入人類社會的各個領域併發揮著越來越重要的作用。各行各業的人們無須經過特別的訓練就能夠使用電腦完成許多複雜的工作。計算機的最大好處在於利用它能夠進行資訊管理。使用計算機進行資訊控制，不僅提高了工作效率，而且大大的提高了其安全性。
目前在學校，教學工作日益繁重，需要有一個自動化的工具進行統籌管理，才能夠及時、準確地進行教學工作，加強學生和教師之間的溝通。
為了達到網上互動教學的目的，讓更多的學生能夠隨時實現遠端學習的目的，同時可以通過一對一的提問，解答，實現師生間的相互遠端交流。
雖然我國的教學互動系統還不夠成熟，還存在這樣那樣的問題，但它的發展符合經濟學原理和人們的需要，只要對症下藥，一定可以逐漸發展完善。
二、國內外研究現狀
線上課程網站上的教學活動是藉助於一定的手段、工具展開的。教學活動的具體過程、組織方式以及質量效益等都和教學活動中使用的工具密切相關。可以說，不斷地把人類在社會生產與生活中創造出來的新技術、新裝置加以改進並運用於教學活動中，這是人類教學進步的重要動力，是教學效率和效果得以不斷提高的重要物質保證。縱觀人類教育發展史，每一項新的教學技術的應用，都給教學活動提供了新的發展空間，使教學活動在整體上得到豐富和提升。從某種意義上說，隨著社會發展而不斷更新教學裝置、優化教學技術，是教學發展的歷史規律和客觀要求。我們發展現代教學技術，應立足於教學發展的歷史規律，深刻認識到教學技術更新對於教學活動整體進步的歷史意義。
當前人類正在步入一個全新的技術發展時期。正如聯合國教科文組織國際21世紀教育委員會所指出的，“新技術使人類進入了資訊傳播全球化的時代；它們消除了距離的障礙，正十分有效地參與塑造明日的社會”，“這些新技術正在我們眼前引起一場真正的革命，這場革命既影響著與生產和工作有關的活動，又影響著與教學和培訓有關的活動”。的確，以個人電腦、網路技術和多媒體技術為主要內容的現代資訊科技革命的出現，為教學方式與教學模式的變革提供了新的物質基礎。看不到現代資訊科技為提高教學質量、擴大教學物件、變革教學方式提供的物質支撐，就很難有效地利用資訊科技為教學發展服務，就很難在我們的教學活動中體現人類技術進步的成果。從這種意義上說，充分利用現代資訊科技，是教學發展的時代要求。
當前，世界各國都在研究如何充分利用資訊科技提高教學質量和效益的問題，加強現代資訊科技的教學應用已成為各國教學改革的重要方向。基於這樣的背景，國家教育部<綱要>第十一條明確提出，“大力推進資訊科技在教學過程中的普遍應用”，並對這種應用的立足點作了明確的闡述:“促進資訊科技與學科課程的整合，逐步實現教學內容的呈現方式、學生的學習方式、教師的教學方式和師生互動方式的變革”；“充分發揮資訊科技的優勢，為學生的學習和發展提供豐富多彩的教育環境和有力的學習工具。”我們一定要提倡以提高教學質量和效益為目的，以轉變學生學習方式和促進學生髮展為宗旨的教學技術應用觀。同時要本著從實際出發、因地制宜的原則，挖掘和發揮傳統的各種技術手段在教學中的積極作用，黑板、粉筆、掛圖、模型等傳統教學工具，錄音機、幻燈機、放映機等傳統的電化教學手段，在學校教學活動中同樣具有獨特的生命力，要把現代教學技術和傳統教學手段結合起來，努力挖掘所有教學技術手段的使用價值，積極促進各種技術手段之間的協同互補，從而促進教學技術體系整體協調發展。
三、主要研究內容
1、課程資訊模組
模組名稱:課程資訊模組
模組功能:教師釋出課程資訊，供學生們學習。
模組介面圖:如圖所示。
2、公告管理模組
模組名稱:公告管理模組。
模組功能:管理員登入後，可以線上釋出公告；網站瀏覽者點選公告可以瀏覽管理員釋出的公告。
3、線上答疑模組
模組名稱:線上答疑模組
模組功能:實現了教師和同學的線上交流，學生可以就某個問題向教師請教。
4、教學資料模組
功能:可以下載教學資料，瀏覽教學視訊等
四、畢業論文(設計)的研究方法或技術路線
1、研究的整體方案:
1)應用程式背景和需求分析
2)組建開發組
3)資料庫設計
4)編寫應用程式
5)測試和優化應用程式
6)釋出資料庫和應用程式
2、工作進度的安排:
1)應用程式背景和需求分析:熟悉論文課題，查詢資料，研究資料，熟悉程式語言，完成開題報告及外文文獻翻譯。
完成時間:某年12月底—某年2月中旬。
2)組建開發組:本人獨立完成
完成時間:某年2月中旬。
3)資料庫設計:繼續熟悉程式語言，查詢資料，研究資料，確定資料庫結構和資料結構，建立資料庫，做好程式設計準備。
完成時間:某年2月中旬——2月底。
4)編寫應用程式:著手程式設計，初調程式，建立程式的大致結構、整體框架。
完成時間:某年3月初——4月初。
5)測試和優化應用程式:設計與撰寫論文，完善設計，進行測試。
完成時間:某年4月初——4月中旬。
6)釋出資料庫和應用程式:根據指導老師的建議，繼續完善程式，將完成的程式上交，並將畢業論文完成初稿上交。
完成時間:某年4月中旬——4月底。
3、研究的預期目標及主要特點及創新點
(一)預期目標:
1、介面簡單可操作性強:一般的管理人員使用者經過簡單的培訓後，能很快地熟練操作。
2、安全性:我們通過系統內部自設的許可權校驗來對系統登入使用者實施校驗，提高了整個系統的安全性，滿足客戶的安全性需求。
3、簡便有效的維護手段:系統使用後，維護工作將是一個長期的工作，系統將充分考慮維護工作的需求，通過相應手段降低維護工作量及難度，從而達到保證執行可靠及節省費用的目的。
4、可擴充性:線上課程網站需要每日對辦公人員進行輸入，大量的資料要對資料庫輸入，所以該系統對具有較強的可擴充性，是十分重要的。
5、功能性強大:該系統將具有強大的功能，滿足一般企業的需求，相對於手工輸入具有強大的功能。
6、強大的糾錯能力:該系統將具有較強的糾錯能力，當執行時，使用者操作錯誤時會提出響應的警示，能自動保護系統避免系統出錯。
(二)主要特點:
1、可擴充性:資料庫具有較大的可擴充餘地。
2、系統的安全設定:系統內部的許可權校驗保證了企業資料的安全，保障了使用者的權益
3、高效性:該系統充分體現了計算機的特點，能夠快速有效的處理各項任務。
4、強大功能:通過對資料庫的簡單輸入，可實現手工無法比擬的多功能操作。
5、具有錯誤識別能力:當用戶操作出現錯誤時，系統將提出警告，並能提示正確的操作。避免系統被破壞。
(三)創新點:
該系統主要有人性化設計、系統的安全設定、簡單的系統維護方法、使用的高效性、強大的功能、具有錯誤識別能力等創新點。
五、主要參考文獻與資料
略