網頁設計開題報告（通用4篇）

網頁設計開題報告 篇1

　　1.結合畢業論文（設計）課題情況，根據所查閱的文獻資料，撰寫3000字左右的文獻綜述(包括目前同類課題在國內外的研究狀況、發展趨勢以及對本人研究課題的啟發)：

　　一、課題背景

　　計算機與網絡技術的飛速發展，已經逐步改變了面對面獲取知識的傳統教學方式。基于Internet的網絡學習模式，具有交互性好，教學過程可以不受地域、時間限制，而且可以使得教學資源能在最大范圍內實現共享。并且使傳統的以教師為中心的課堂模式轉化為以學生為中心、學生可以自由選擇學習內容的新模式，具有知識信息量大、教學方式生動活潑、聲像輝映、圖文并茂等特點，因此受到了教育界的普遍認可和歡迎。國內外高校利用互聯網開展網上學習呈現出快速發展的態勢，開發了一大批具有較高的水平的網絡教學課程。隨著經濟全球化的發展，英語的應用越來越廣泛，學習英語的重要性更是重中之重。

　　二、國內外研究現狀及發展趨勢

　　在國內，網絡教育還停留在基礎的應用階段，還在摸索中前進，幾乎沒有把英語學習和網絡很好的相結合。在學校里看到最多的是基于小型局域網的多媒體英語學習教室，使用時也多是放錄音，學生與老師之間幾乎沒有互動環節。而具有互動環節的在線英語自學系統，由于國內對網絡教學還比較保守，因此現還處于剛起步階段。在國外，網絡教育和各方面的教學的發展已經進入深入階段。學校把課程和計算機網絡相結合，充分發揮了網絡教學的互動優勢，使學生在快樂中學習。據統計，國外已經有55%的在校學生人手一臺電腦，遠程教育的參加人數正在以89%的增長速率遞增。

　　在調研中,我們了解到"網絡環境下大學英語的教學改革"正處在國家推進、重點突破、全面展開的進程之中,并取得了積極的成效。大部分試點院校經過兩年多的教改實驗論證,效果較好,規模進一步擴大。如北京大學、清華大學、北京理工大學、北京交通大學、北京林業大學、北京化工大學、武漢大學、西南大學、大連民族學院、大連理工大學等部分試點高校在05級新生中已經全面實現網絡環境下大學英語教學模式。西北工業大學、北華大學、山東大學、東北大學、南開大學、解放軍信息工程大學、首都經濟貿易大學等高校都于05年在新生中進一步擴大規模。20xx年,有更多的試點院校將在06級新生中全面推行網絡環境下大學英語教學模式。相信在未來，網上學習英語的模式將得到更好的重視與發展。

　　雖然在線學習已經蓬勃地發展起來，但是在線學習的普及率還并不高。目前已開發出來的系統基本具備一個自學系統所需的基礎功能，比如可以根據自己的需要選擇課程學習等。但是在知識庫設計這一模塊還存在一些問題，如設計不全面，管理紊亂，知識的匱乏，因此在線學習系統的應用并不廣泛。另外，對于我國來說，在線學習主要出現在高等教育以及一些特定的領域，具有相當大的局限性，這對于許多求學者來說是遠遠不能滿足其需求的。在國外，隨著技術的飛速發展，不僅高等教育、很多社會其他部門都已經開設了在線自學，通過計算機實現異地自學和自檢。現在，計算機硬件技術的發展已經達到了相當高的水平。但是，教學軟件尤其是知識庫的設計、開發還處于起步階段，隨著這項技術的不斷深入發展，就要求有更好、更完善的軟件系統應用到教學當中去，這就給設計人員提出了更高的設計要求。

　　網絡必須走綜合化發展之路，實現與其他課程的整合，而不能再按照學習一門學科的老辦法去講、去學、去考。在網絡環境下的英語學習讓學習者自己動腦筋去尋找問題、發現問題，幫助他們如何利用網絡資源為英語學習服務。教師和學生之間可以通過網上討論、 電子信箱等進行探討性的學習，讓老師快速、準確地了解學生的學習情況，幫助學生提高學習效率。

　　三、課題研究意義及啟發

　　隨著我國對外開放的不斷擴大化,科學技術的不斷進步,國際地位的不斷提高,迫切需要造就一大批精通外語的專門人才,以加速我國“四化”進程，使我國在國際事務中發揮更大更積極的作用。英語的使用范圍非常廣泛。世界上70%以上的郵件是用英文寫或用英文寫地址的。全世界科技出版物 70% 以上用英語發表。全世界的廣播節目中，有60%是用英語進行的。絕大部分的國際會議是以英語為第一通用語言它也是聯合國的正式工作語言之一。總之，在國際政治、軍事、經濟、科技、文化、貿易、交通運輸等領域，英語是一個重要的交際工具。對具備一定外語知識的綜合型人才的需求也隨之大幅增加。而隨著網絡技術的迅猛發展，人們的生活越來越依賴于網絡的發展。通過網絡學習英語的要求也相應提高。因此，學好英語對實現上述目標具有重要的現實意義和深遠的歷史意義。

　　信息社會的最明顯的標志是信息采集的全面與快捷。要善于在教學中整合網絡資源，充分利用網絡資源優勢。學習網站可以為學生創造盡可能多的接觸現實的機會，提供更多的直觀生動的感性材料，擴大學生的知識面，增加詞匯量，減少學生因缺乏相關知識而造成的學習困難，增強學生對英語的敏感性，拓寬學生思路、開闊視野，促使學生用英語思維，強化記憶，提高學習效率，讓學生在聽說讀寫譯能力等方面都獲得提高。網絡教學為我們提供了克服傳統教學弊端的全新的教學方式，使抽象的、枯燥的學習內容轉化成形象的、有趣的、可視的、可聽的動感內容，網絡教學已成為英語教學的發展趨勢。

網頁設計開題報告 篇2

　　一、畢業設計的內容和意義：

　　學校網站是實現教育資源分配的橋梁網絡有巨大的教育資源庫，它聚集社會的力量，使教育資源無限增長。學校網站是最佳的教學研究室，學校網站與教育類專門網站的有效鏈接，給學校教學研究帶來了一片新天地，各種優秀文章、各科素材、優秀軟件下載等內容為學生提供了極佳的平臺。有效地降低教研成本、提高效率。

　　我國的大學教育已經普及，大學生的'隊伍也正在不斷壯大，為了 方便大學生對本校各項工作的了解以及加深學生、教師與學校之間相 互的交流，建設一個規模化的校園網站成為了當務之急。網絡化將給我們的工作和學習帶來了極大的便利。

　　以Internet/Intranet為網絡平臺實現校園網絡各項信息發布、管理、設置等功能。本題目要開發一個校園網門戶網站。包括BBS系統平臺、院校新聞發布平臺，在限選課平臺。后臺：包括平臺管理、統一認證、資源管理、用戶權限管理等。

　　二、文獻綜述：

　　經濟高速發展的今天，校園的各種信息的收集與發布都要求有一個高的效率。由于大學生的生活節奏較快，且電腦普及率和上網概率也隨著社會的發展越來越高，學生上網獲取信息的機會越來越多。所以，學校可以將政務宣傳服務切入到這個點來，讓學生更方便地獲取相關信息，這將大大提高學生學習的進度和對學校教育的滿意度。這就要求通過網站，全面宣傳、展示學校風采、優點與特色，發布學校的重大活動安排與招生政策，增強家長與學校之間的聯系，在Internet上實現完成部分校務，提高辦事效率。

　　該系統是面向全網絡的，作為學校與外界聯系的一個平臺。系統管理員負責更新網站內容，不同權限的用戶登錄系統將進入不同的頁面，實現不同的操作。

　　系統主要包括六個模塊：

　　1.用戶注冊模塊：這個模塊完成新用戶的注冊功能，并能對注冊信息進行檢查。

　　2.用戶登錄模塊：這個模塊提供用戶的登錄界面，并驗證用戶名和密碼,以確定用戶身份。

　　3.顯示模塊：這個模塊將根據用戶權限顯示出不同的頁面，以及內容。

　　4.操作模塊：這個模塊提供與內容相關的功能，并且對不同身份的用戶給予不同的操作權限。

　　5.用戶管理模塊：這個模塊能夠對用戶個人信息進行管理。

　　6.數據庫模塊：這個模塊實現對數據庫的連接和訪問。

　　三、工作計劃及方案論證：

　　1.第一階段：11月20日 — 11月25日

　　閱讀資料；進行需求分析，提出設計方案確定技術路線，完成開

　　題報告；設計軟件原型。

　　2.第二階段：11月26日 — 2月10日

　　在上一階段基礎上，按時、按質、按量完成畢業設計任務

　　3.第三階段：2月11日 — 4月1日

　　總結所有的工作，完成畢業設計論文初稿

　　4.第四階段：4月2日 —4月20日

　　修改論文；小組內答辯，評分；準備答辯材料

　　四、參考文獻：（不少于10篇，期刊類文獻不少于7篇）

　　[1] 周懷軍. ASP動態網頁設計應用教程[M]. 電子工業出版社,20xx-3

　　[2] 趙燕萍. 電子商務概論[M]. 北京中共中央黨校出版社,20xx-11

　　[3] 王恩波 王若賓. 管理信息系統實用教程[M].人民郵電出版社,20xx-9

　　[4] 唐乾林. 網頁設計與制作案例教程[M]機械工業出版社,20xx-8

　　[5] 趙增敏. ASP可視化編程及應用[M].機械工業出版社,20xx

　　[6] 龔小勇. 關系數據庫與SQL Server20xx[M].機械工業出版社,20xx-1

　　[7] 崔良海 沙俐敏. WEB編程技術[M].人民郵電出版社,20xx

　　[8] 陳家琪. C程序設計教程[M].新華出版社,20xx-11

　　[9] 明日科技. Asp.net數據庫系統開發完全手冊[M].人民郵電出版社,20xx-1

　　[10] 鄧春妮 孫艷華 鄒慶云. Asp.net信息化系統建設案例[M].人民郵電出版社,20xx-

　　[11] 張樹亮 李超. Asp.net 2.0+SQL Server網絡應用系統開發案例精解 清華大學出版社,20xx-9

　　[] 李文梅. 談采用ASP數據庫存取組件訪問SQL Server數據庫 新余高專學報,20xx-10-30 期刊

　　[] 王大龍. 基于VB程序和SQL Server數據庫的多條件模糊查詢的實現 電腦知識與技術,20xx--15期刊

　　[14] 朱麗敏. 交互式動態網頁建構技術——ASP技術 太原科技,20xx-02-26期刊

　　[15] 王珂玲. 利用報,20xx-06-30ASP技術訪問數據庫技術探討 湖南輕工業高等專科學校學期刊ASP技術的在線教育系統設計與實現 電腦知識與技[16] 吳錦. 基于術,20xx--25期刊

　　[17] 王明華. 用ASP技術實現網上購物系統 科技資訊,20xx-09-03期刊

　　[18] 王海燕 王明明 張景義. 用術,20xx-06-25ASP技術實現人員信息查詢系統 電腦知識與技期刊ASP技術的網站后臺管理系統 電腦知識與技術,20xx-06-25[19] 李錚. 基于刊 期

網頁設計開題報告 篇3

　　一、網頁設計的內容

　　網頁設計中包含著主觀和客觀兩方面的因素，在確立了網頁主題之后，首先要明確和熟悉設計的對象和構成的要素。網頁設計涉及的具體內容很多，可以概括為視聽元素和版式設計兩個方面。

　　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)技術出現以后，網頁設計者充分、巧妙地應用此技術，讓瀏覽者在下載過程中就可以欣賞這段音樂或電影，實現了實時的網上視頻直播服務和在線欣賞音樂服務，無疑增強了頁面傳播信息的表現力和感染力。

　　網絡技術與藝術創意的緊密結合，使網頁的藝術設計由平面設計擴展到立體設計，由純粹的視覺藝術擴展到空間聽覺藝術，網頁效果不再近似于書籍或報刊雜志等印刷媒體，而更接近于電影或電視的觀賞效果。技術發展促進了技術與藝術的緊密結合，把瀏覽者帶入一個真正現實中的虛擬世界。

　　技術與藝術的緊密結合在網頁設計中體現得尤為突出。

網頁設計開題報告 篇4

　　在經濟迅速發展的今天，Internet顯得更為重要它是人們發布信息與傳遞信息的重要渠道，為了與社會發展同步，為了讓我們成為真正的技術性人才。學校在本周為我們安排了維持一周的網頁制作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。

　　通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談談我在本次專用周的主要感受。

　　一、網站整體規劃，要做網頁的第一步便是做網站的整體規劃這主要包括四個方面的內容。

　　1、討論網站的主題。

　　網站整體規劃是做網頁的第一步也是制作網頁最關鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網頁。在平時我也對服裝的網頁比較關心，無論是淘寶網上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網頁。

　　2、定位網站的CI形象。“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是YIFINI易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的CI形象。

　　3、確定欄目和板塊。

　　于時間的關系在本次我準備做四張網頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁的主打色綠色。

　　2、網站的整體風格和創意。

　　整個網站的創意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是因為我的產品特性。在設計上，YIEINI易菲推崇“自然美”，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

　　二、網頁制作的前期策劃與準備，在本階級主要有兩方面的工作。

　　1、資料的搜集。

　　在做網頁我上網收集了許多方面的資料主要是有關網站的布局與服飾品牌方面的資料，我首先進它的企業網站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的布局、顏色搭配、欄目、板塊等方面的內容，同時也搜集了一些對我有用的資料。

　　在搜索資料最困難的便是動態圖片的搜集，動態圖片其gif格式的還是好保存，但是要搜集flash動態圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經過三次像老實詢問我終于懂得一些關于代碼的搜索。

　　在搜集資料的過程之中我發現了自己的許多不足之處，最關鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。

　　2、熟悉制作軟件。

　　做網頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。

　　三、網頁制作，這便進入我該次的主題了具體制作流程如下。

　　1、構建站點框架。

　　在我打開Dremweaver后第一步便是新建站點，我把我的站點建立在F儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網頁制作時可以方便的使用。

　　2、設計主頁及二級頁面。

　　在主頁我設首頁制作時，時刻考慮著網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務，美容美體，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統成一體；每版內容都自成一體，顏色各異，便于瀏覽；整個網頁有動有靜，色彩呼應，搭配協調，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

　　簡潔實用：這是非常重要的，網絡特殊環境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便：同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調，布局符合形式美的要求：布局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

　　交互式強：發揮網絡的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。每個子頁都設有上導航欄，便于瀏覽和跳轉。3個二級網頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規劃性，體現了連貫統一性，不同的內容根據各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。

　　3、實現網頁間的鏈接。

　　我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產品、潮流信息”它分別鏈接到我所做的四個網頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網頁單擊確定便可以了。

　　4、向靜太網頁插入動態效果。

　　在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網頁上可是在瀏覽網頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態圖片。

　　四、網頁的調試

　　在做完網站才發現，怎么所有的圖片素材并不是在一個文件夾中，而有許多的子文件夾，從網上下載的網頁全都是一個網頁對應一個文件夾。制作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用。而對于動態flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。