網站設計的開題報告

才智咖 人氣:1.33W

【篇一:網頁設計開題報告

網站設計的開題報告

在經濟迅速發展的今天,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的插入我更是問題多多,開始是我對程式碼基本上是不懂,這就是自己學校上的問題,當真正開始運用的時候在向老師提問。

這只是在製作過程中出現一些問題,其它問題也是類似相同。現在想想,自己所會的東西太少了,現在做的網站只是一些簡單的靜態的網站,看到了一些知名的網站開發出的網頁,不僅欄目內容豐富,資訊量大,而且頁面圖文並茂,五彩繽紛,使得網民讚歎不已,流連忘返。從我做的網頁來看可以反映出學習的還不夠,缺點疏漏。需在加以刻苦鑽研及學習,不斷開拓視野,增強自己的實踐操作技能,為以後能做出出色的網頁而努力。同時我也希望能夠有更多的類似動手練習,讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。

【篇二:線上課程網站設計與實現-開題報告】

題目名稱線上課程網站設計與實現

學生姓名專業班級

一、選題的目的意義

隨著資訊化的發展,網際網路需要提供更多的服務,構造更完善的體系以滿足越來越多的使用者的精神與物質需求。其強大的功能已為人們深刻認識,它已經進入人類社會的各個領域併發揮著越來越重要的作用。各行各業的人們無須經過特別的訓練就能夠使用電腦完成許多複雜的工作。計算機的最大好處在於利用它能夠進行資訊管理。使用計算機進行資訊控制,不僅提高了工作效率,而且大大的提高了其安全性。

目前在學校,教學工作日益繁重,需要有一個自動化的工具進行統籌管理,才能夠及時、準確地進行教學工作,加強學生和教師之間的溝通。

為了達到網上互動教學的目的,讓更多的學生能夠隨時實現遠端學習的目的,同時可以通過一對一的提問,解答,實現師生間的相互遠端交流。

雖然我國的教學互動系統還不夠成熟,還存在這樣那樣的問題,但它的發展符合經濟學原理和人們的需要,只要對症下藥,一定可以逐漸發展完善。

二、國內外研究現狀

線上課程網站上的教學活動是藉助於一定的手段、工具展開的。教學活動的具體過程、組織方式以及質量效益等都和教學活動中使用的工具密切相關。可以說,不斷地把人類在社會生產與生活中創造出來的新技術、新裝置加以改進並運用於教學活動中,這是人類教學進步的重要動力,是教學效率和效果得以不斷提高的重要物質保證。縱觀人類教育發展史,每一項新的教學技術的應用,都給教學活動提供了新的發展空間,使教學活動在整體上得到豐富和提升。從某種意義上說,隨著社會發展而不斷更新教學裝置、優化教學技術,是教學發展的歷史規律和客觀要求。我們發展現代教學技術,應立足於教學發展的歷史規律,深刻認識到教學技術更新對於教學活動整體進步的歷史意義。

當前人類正在步入一個全新的技術發展時期。正如聯合國教科文組織國際21世紀教育委員會所指出的,“新技術使人類進入了資訊傳播全球化的時代;它們消除了距離的障礙,正十分有效地參與塑造明日的社會”,“這些新技術正在我們眼前引起一場真正的革命,這場革命既影響著與生產和工作有關的活動,又影響著與教學和培訓有關的活動”。的確,以個人電腦、網路技術和多媒體技術為主要內容的現代資訊科技革命的出現,為教學方式與教學模式的變革提供了新的物質基礎。看不到現代資訊科技為提高教學質量、擴大教學物件、變革教學方式提供的物質支撐,就很難有效地利用資訊科技為教學發展服務,就很難在我們的教學活動中體現人類技術進步的成果。從這種意義上說,充分利用現代資訊科技,是教學發展的時代要求。

當前,世界各國都在研究如何充分利用資訊科技提高教學質量和效益的問題,加強現代資訊科技的教學應用已成為各國教學改革的重要方向。基於這樣的背景,國家教育部《綱要》第十一條明確提出,“大力推進資訊科技在教學過程中的普遍應用”,並對這種應用的立足點作了明確的闡述:“促進資訊科技與學科課程的整合,逐步實現教學內容的呈現方式、學生的學習方式、教師的教學方式和師生互動方式的變革”;“充分發揮資訊科技的優勢,為學生的學習和發展提供豐富多彩的教育環境和有力的學習工具。”我們一定要提倡以提高教學質量和效益為目的,以轉變學生學習方式和促進學生髮展為宗旨的教學技術應用觀。同時要本著從實際出發、因地制宜的原則,挖掘和發揮傳統的各種技術手段在教學中的積極作用,黑板、粉筆、掛圖、模型等傳統教學工具,錄音機、幻燈機、放映機等傳統的電化教學手段,在學校教學活動中同樣具有獨特的生命力,要把現代教學技術和傳統教學手段結合起來,努力挖掘所有教學技術手段的使用價值,積極促進各種技術手段之間的協同互補,從而促進教學技術體系整體協調發展。

三、主要研究內容

1、課程資訊模組

模組名稱:課程資訊模組

模組功能:教師釋出課程資訊,供學生們學習。

模組介面圖:如圖所示。

2、公告管理模組

模組名稱:公告管理模組。

模組功能:管理員登入後,可以線上釋出公告;網站瀏覽者點選公告可以瀏覽管理員釋出的公告。

3、線上答疑模組

模組名稱:線上答疑模組

模組功能:實現了教師和同學的線上交流,學生可以就某個問題向教師請教。

4、教學資料模組

功能:可以下載教學資料,瀏覽教學視訊等

四、畢業論文(設計)的研究方法或技術路線

1、研究的整體方案:

1)應用程式背景和需求分析

2)組建開發組

3)資料庫設計

4)編寫應用程式

5)測試和優化應用程式

6)釋出資料庫和應用程式

2、工作進度的安排:

1)應用程式背景和需求分析:熟悉論文課題,查詢資料,研究資料,熟悉程式語言,完成畢業設計開題報告及外文文獻翻譯。

完成時間:2012年12月底—20xx年2月中旬。

2)組建開發組:本人獨立完成

完成時間:20xx年2月中旬。

3)資料庫設計:繼續熟悉程式語言,查詢資料,研究資料,確定資料庫結構和資料結構,建立資料庫,做好程式設計準備。

完成時間:20xx年2月中旬——2月底。

4)編寫應用程式:著手程式設計,初調程式,建立程式的大致結構、整體框架。

完成時間:20xx年3月初——4月初。

5)測試和優化應用程式:設計與撰寫論文,完善設計,進行測試。

完成時間:20xx年4月初——4月中旬。

6)釋出資料庫和應用程式:根據指導老師的建議,繼續完善程式,將完成的程式上交,並將畢業論文完成初稿上交。

完成時間:20xx年4月中旬——4月底。

3、研究的預期目標及主要特點及創新點

(一)預期目標:

1、介面簡單可操作性強:一般的管理人員使用者經過簡單的培訓後,能很快地熟練操作。

2、安全性:我們通過系統內部自設的許可權校驗來對系統登入使用者實施校驗,提高了整個系統的安全性,滿足客戶的安全性需求。

3、簡便有效的維護手段:系統使用後,維護工作將是一個長期的工作,系統將充分考慮維護工作的需求,通過相應手段降低維護工作量及難度,從而達到保證執行可靠及節省費用的目的。

4、可擴充性:線上課程網站需要每日對辦公人員進行輸入,大量的資料要對資料庫輸入,所以該系統對具有較強的可擴充性,是十分重要的。

5、功能性強大:該系統將具有強大的功能,滿足一般企業的需求,相對於手工輸入具有強大的功能。

6、強大的糾錯能力:該系統將具有較強的糾錯能力,當執行時,使用者操作錯誤時會提出響應的警示,能自動保護系統避免系統出錯。

(二)主要特點:

1、可擴充性:資料庫具有較大的可擴充餘地。

2、系統的安全設定:系統內部的許可權校驗保證了企業資料的安全,保障了使用者的權益

3、高效性:該系統充分體現了計算機的特點,能夠快速有效的處理各項任務。

4、強大功能:通過對資料庫的簡單輸入,可實現手工無法比擬的多功能操作。

5、具有錯誤識別能力:當用戶操作出現錯誤時,系統將提出警告,並能提示正確的操作。避免系統被破壞。

(三)創新點:

該系統主要有人性化設計、系統的安全設定、簡單的系統維護方法、使用的高效性、強大的功能、具有錯誤識別能力等創新點。

五、主要參考文獻與資料

[1]王輝,黃紅超編著。PHP實用教程。北京:清華大學出版社。2005、

[2]DinoEsposito(意)著。羅兵,顧燕巨集譯。精通PHP程式設計。北京:清華大學出版社。2006、

[3]RussBasinra,RichardConway著。王曉娜,黃開枝譯。PHP安全性高階程式設計。北京:清華大學出版社。2003、

[4]馮方方編著。PHP基礎教程。北京:清華大學出版社。2004、

[5]徐新華編著。精通PHP2、0、北京:機械工業出版社。2006、

[6]蘇紅超編著。PHP深入解析。北京:科學出版社。2003、

[7]劉寅力編著。系統分析之路。北京:電子工業出版社。2005、

[8]鄒建峰,李律鬆,李曉栓編著。PHP開發技術詳解。北京:人民郵電出版社。2005、

[9]申朝陽,宋顏浩主編。PHP與相關資料庫技術高階指南。北京:中國水利水電出版社。2005、

[10](美)MichealOtey,PaulConte著。陳思義,吳強,劉紅波譯。SQLServer2000開發指南。北京:清華大學出版社。2002、

六、指導教師審批意見

【篇三:網頁設計開題報告】

一、網頁藝術設計的內容

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

1、視聽元素

這裡所說的視聽元素,主要包括:文字、背景、按鈕、圖示、影象、表格、顏色、導航工具、背景音樂、動態影像等。無論是文字、圖形、動畫,還是音訊、視訊,網頁設計者所要考慮的是如何以感人的形式把它們放進頁面這個“大畫布”裡。多媒體技術的運用大大豐富了網頁藝術設計的表現力。

以上各視聽元素大多數瀏覽器本身都可以顯示或收聽,無需任何外部程式或模組支援。比如,大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動畫。還有些多媒體檔案(如MP3音樂)需要先下載到本地硬碟上,然後啟動相應的外部程式來播放。另外,在瀏覽器使用外掛(Plug-in)可以播放更多格式的多媒體檔案。微軟推出IE瀏覽器後,提供了基於OLE的ActiveX技術,用來在網頁中播放多媒體。目前ActiveX已經成為熱門技術。另一種播放多媒體的技術是JavaApplet。它是用Java語言編寫的應用於網頁之中的小應用程式,相比於外掛和ActiveX,JavaApplet具有更大的靈活性和良好的跨平臺能力,因此具有很好的發展前景。總之,技術的不斷髮展使多媒體元素在網頁藝術設計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現,也對網頁的藝術設計提出了更高的要求。

2、版式設計

網頁的版式設計同報刊雜誌等平面媒體的版式設計有很多共同之處,它在網頁的藝術設計中佔據著重要的地位。所謂網頁的版式設計,是在有限的螢幕空間上將視聽多媒體元素進行有機的排列組合,將理性思維個性化的表現出來,是一種具有個人風格和藝術特色的視聽傳達方式。它在傳達資訊的同時,也產生感官上的美感和精神上的享受。

但網頁的排版與書籍雜誌的排版又有很多差異。印刷品都有固定的規格尺寸,網頁則不然,它的尺寸是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且,網頁的組織結構不像印刷品那樣為線性組合,這給網頁的版式設計帶來了一定的難度。

二、網頁藝術設計的原則

網頁作為傳播資訊的一種載體,同其他出版物如報紙、雜誌等在設計上有許多共同之處,也要遵循一些設計的基本原則。但是,由於表現形式、執行方式和社會功能的不同,網頁設計又有其自身的特殊規律。網頁的藝術設計,是技術與藝術的結合,內容與形式的統一。它要求設計者必須掌握以下三個主要原則:

1、主題鮮明

視覺設計表達的是一定的意圖和要求,有明確的主題,並按照視覺心理規律和形式將主題主動地傳達給觀賞者。訴求的目的,是使主題在適當的環境裡被人們即時地理解和接受,以滿足人們的實用和需求,這就要求視覺設計不但要單純、簡練、清晰和精確,而且在強調藝術性的同時,更應該注重通過獨特的風格和強烈的視覺衝擊力,來鮮明地突出設計主題。

根據認知心理學的理論,大多數人在短期記憶中只能同時把握4到7條分立的資訊,而對多於7條的分立資訊或者不分立的資訊容易產生記憶上的模糊或遺忘,概括起來就是:較小而分立的資訊要比較長而不分立的資訊更為有效和容易瀏覽。這個規律蘊含在人們尋找資訊和使用資訊的實踐活動中,它要求視覺設計者的設計活動必須自覺地掌握和遵從。

作為視覺設計範疇一種的網頁藝術設計,其最終目的是達到最佳的主題訴求效果。這種效果的取得,一方面通過對網頁主題思想運用邏輯規律進行條理性處理,使之符合瀏覽者獲取資訊的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過對網頁構成元素運用藝術的形式美法則進行條理性處理,更好地營造符合設計目的的視覺環境,突出主題,增強瀏覽者對網頁的注意力,增進對網頁內容的理解。只有兩個方面有機地統一,才能實現最佳的主題訴求效果。

優秀的網頁設計必然服務於網站的主題,就是說,什麼樣的網站,應該有什麼樣的設計。例如,設計類的個人站點與商業站點性質不同,目的也不同,所以評論的標準也不同。網頁藝術設計與網站主題的關係應該是這樣:首先,設計是為主題服務的;其次,設計是藝術和技術結合的產物,就是說,即要“美”,又要實現“功能”;最後,“美”和“功能”都是為了更好地表達主題。當然,有些情況下,“功能”即是“主題”,還有些情況下,“美”即是主題。例如,雅虎作為一個搜尋引擎,首先要實現“搜尋”的“功能”。它的主題即是它的“功能”。而一個個人網站,可以只體現作者的設計思想,或者僅僅以設計出“美”的網頁為目的。它的主題只有一個,就是——美。

只注重主題思想的條理性而忽視網頁構成元素空間關係的形式美組合,或者只重視網頁形式上的條理而淡化主題思想的邏輯,都將削弱網頁主題的最佳訴求效果,難以吸引瀏覽者的注意力,出現平庸的網頁設計或使網頁設計以失敗而告終。

要使網頁從形式上獲得良好的誘導力,鮮明地突出訴求主題,具體可以通過對網頁的空間層次、主從關係、視覺秩序及彼此間的邏輯性的把握運用來達到。

2、形式與內容統一

任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和,是設計存在的基礎,被稱為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和,形式就是它的結構、風格或設計語言等表現方式。內容決定形式,形式反作用於內容。一個優秀的設計必定是形式對內容的完美表現。正如黑格爾所說:“工藝的美就不在於要求實用品的外部造型、色彩、紋樣去摹擬事物,再現現實,而在於使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味,使物質經由象徵變成相似於精神生活的有關環境。”(黑格爾《美學》第三卷)

一方面,網頁設計所追求的形式美,必須適合主題的需要,這是網頁設計的前提。只講花哨的表現形式以及過於強調“獨特的設計風格”而脫離內容,或者只求內容而缺乏藝術的表現,網頁設計都會變的空洞而無力。設計者只有將二者有機地統一起來,深入領會主題的精髓,再融合自己的思想感情,找到一個完美的表現形式,才能體現出網頁設計獨具的分量和特有的價值。另一方面,要確保網頁上的每一個元素都有存在的必要性,不要為了炫耀而使用冗餘的技術。那樣得到的效果可能會適得其反。只有通過認真設計和充分的考慮來實現全面的功能並體現美感才能實現形式與內容的統一。

據有關資料所做的保守估計,目前在WWW上網頁資料傳輸平均以每秒1、5k的速度到達客戶端。假設某個網頁為了豐富其藝術性而追趕時髦地大量使用影象或其它多媒體元素等,雖然達到了其靜態形式美的效果,卻造成多達幾十K甚至更大的網頁資料,使瀏覽者必須等待很長時間才能看到“廬山真面目”,這樣的網頁就不是一個優秀的網頁,因為它不符合網頁傳播資訊的突出特性之一——快捷性,使網頁內容不能很快地到達訪問者,影響了訪問效果和質量,損害了訪問者的情趣和積極性,這種技術要素影響了傳達資訊的效果,因而不是形式與內容的完美統一。

網頁具有多屏、分頁、巢狀等特性,設計者可以對其進行形式上的適當變化以達到多變性處理效果,豐富整個網頁的形式美。這就要求設計者在注意單個頁面形式與內容統一的同時,更不能忽視同一主題下多個分頁面組成的整體網頁的形式與整體內容的統一。

因此,在網頁設計中必須注意形式與內容的高度統一。

3、強調整體

網頁的整體性包括內容和形式上的整體性,這裡主要討論設計形式上的整體性。

網頁是傳播資訊的載體,它要表達的是一定的內容、主題和意念,在適當的時間和空間環境裡為人們所理解和接受,它以滿足人們的實用和需求為目標。設計時強調其整體性,可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它,並給人一種內部有機聯絡、外部和諧完整的美感。整體性也是體現一個站點獨特風格的重要手段之一。

網頁的結構形式是由各種視聽要素組成的。在設計網頁時,強調頁面各組成部分的共性因素或者使諸部分共同含有某種形式特徵,是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如:在版式上,將頁面中各視覺要素作通盤考慮,以周密的組織和精確的定位來獲得頁面的秩序感,即使運用“散”的結構,也是經過深思熟慮之後的決定;一個站點通常只使用兩到三種標準色,並注意色彩搭配的和諧;對於分屏的長頁面,不可設計完第一屏再考慮下一屏。同樣,整個網頁內部的頁面,都應統一規劃,統一風格,讓瀏覽者體會到設計者完整的設計思想。

從某種意義上講,強調網頁結構形式的視覺整體性必然會犧牲靈活的多變性,“物極必反”就是這個道理。因此,在強調網頁整體性設計的同時必須注意:過於強調整體性可能會使網頁呆板、沉悶,以致影響訪問者的情趣和繼續瀏覽的慾望。“整體”是“多變”基礎上的整體。

三、網頁藝術設計的特點

1、互動性與持續性

網頁不同於傳統媒體之處,就在於資訊的動態更新和即時互動性。即時的互動性是Web成為熱點的主要原因,也是網頁設計時必須考慮的問題。傳統媒體(如廣播、電視節目、報刊雜誌等)都以線性方式提供資訊,即按照資訊提供者的感覺、體驗和事先確定的格式來傳播。而在Web環境下,人們不再是一個傳統媒體方式的被動接受者,而是以一個主動參與者的身份加入到資訊的加工處理和釋出之中。這種持續的互動,使網頁藝術設計不像印刷品設計那樣,發表之後就意味著設計的結束。網頁設計人員必須根據網站各個階段的經營目標,配合網站不同時期的經營策略,以及使用者的反饋資訊,經常地對網頁進行調整和修改。例如,為了保持瀏覽者對網站的新鮮感,很多大型網站總是定期或不定期的進行改版,這就需要設計者在保持網站視覺形象一貫性的基礎上,不斷創作出新的網頁設計作品。

2、多維性

多維性源於超級連結,主要體現在網頁設計中對導航的設計上。由於超級連結的出現,網頁的組織結構更加豐富,瀏覽者可以在各種主題之間自由跳轉,從而打破了以前人們接收資訊的線性方式。例如,可將頁面的組織結構分為序列結構、層次結構、網狀結構、複合結構等。但頁面之間的關係過於複雜,不僅使瀏覽者檢索和查詢資訊增加了難度,也給設計者帶來了更大的困難。為了讓瀏覽者在網頁上迅速找到所需的資訊,設計者必須考慮快捷而完善的導航設計。

印刷品中導航問題不是那麼突出,如果一個句子在頁尾突然終止,讀者會很自然地翻到下一頁查詢剩餘部分,為了幫助讀者找到他們要找的資訊,出版者提供了目錄、索引或腳註。如果文章從期刊中的一頁跳到後面的非順序頁時,讀者會看到類似於“續68頁”這樣的指引語句。然而,作為一名網頁設計者,你以前所學的導航技術沒有一種完全適合於網頁導航。在替瀏覽者考慮得很周到的網頁中,導航提供了足夠的、不同角度的連結,幫助讀者在網頁的各個部分之間跳轉,並告知瀏覽者現在所在的位置、當前頁面和其他頁面之間的關係等。而且,每頁都有一個返回主頁的按鈕或連結,如果頁面是按層次結構組織的,通常還有一個返回上級頁面的連結。對於網頁設計者來說,面對的不是按順序排列的印刷頁面,而是自由分散的網頁,因此必須考慮更多的問題。如:怎樣構建合理的頁面組織結構,讓瀏覽者對你提供的巨量資訊感到條理?怎樣建立包括站點索引、幫助頁面、查詢功能在內的導航系統?這一切從哪兒開始,到哪兒結束?

3、多種媒體的綜合性

目前網頁中使用的多媒體視聽元素主要有文字、影象、聲音、視訊等,隨著網路頻寬的增加、晶片處理速度的提高以及跨平臺的多媒體檔案格式的推廣,必將促使設計者綜合運用多種媒體元素來設計網頁,以滿足和豐富瀏覽者對網路資訊傳輸質量提出的更高要求。目前國內網頁已經出現了模擬三維的操作介面,在資料壓縮技術的改進和流(Stream)技術的推動下,Internet網上出現實時的音訊和視訊服務,典型的有線上音樂、線上廣播、網上電影、網上直播等。因此,多種媒體的綜合運用是網頁藝術設計的特點之一,是未來的發展方向。

4、版式的不可控性

網頁版式設計與傳統印刷版式設計有著極大的差異:

(1)印刷品設計者可以指定使用的紙張和油墨,而網頁設計者卻不能要求瀏覽者使用什麼樣的電腦或瀏覽器;

(2)網路正處於不斷髮展之中,不象印刷那樣基本具備了成熟的印刷標準;

(3)網頁設計過程中有關Web的每一件事都可能隨時發生變化。

這一切說明,網路應用尚處在發展之中,關於網路應用也很難在各個方面都制訂出統一的標準,這必然導致網頁版式設計的不可控制性。其具體表現為:

(1)網頁頁面會根據當前瀏覽器視窗大小自動格式化輸出;

(2)網頁的瀏覽者可以控制網頁頁面在瀏覽器中的顯示方式;

(3)不同種類、版本的瀏覽器觀察同一個網頁頁面,效果會有所不同;

(4)使用者的瀏覽器工作環境不同,顯示效果也會有所不同。

把所有這些問題歸結為一點,即網頁設計者無法控制頁面在使用者端的最終顯示效果,但這也正是網頁設計的吸引人之處。

5、技術與藝術結合的緊密性

設計是主觀和客觀共同作用的.結果,是在自由和不自由之間進行的,設計者不能超越自身已有經驗和所處環境提供的客觀條件限制,優秀設計者正是在掌握客觀規律基礎上得到了完全的自由,一種想象和創造的自由。網路技術主要表現為客觀因素,藝術創意主要表現為主觀因素,網頁設計者應該積極主動地掌握現有的各種網路技術規律,注重技術和藝術緊密結合,這樣才能窮盡技術之長,實現藝術想象,滿足瀏覽者對網頁資訊的高質量需求。

例如,瀏覽者欣賞一段音樂或電影,以前必須先將這段音樂或電影下載回本地機器,然後使用相應的程式來播放,由於音訊或視訊檔案都比較大,需要較長的下載時間。流(Stream)技術出現以後,網頁設計者充分、巧妙地應用此技術,讓瀏覽者在下載過程中就可以欣賞這段音樂或電影,實現了實時的網上視訊直播服務和線上欣賞音樂服務,無疑增強了頁面傳播資訊的表現力和感染力。

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

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

【篇四:服裝網站設計開題報告】

題目一、選題的背景和意義:

(一)選題的背景:

1)國際動態:深圳市WTO事務中心通過紡織行業協會和服裝行業協會,就歐美對我國紡織品服裝啟動保障措施設限,向各紡織服裝企業發出了預警資訊。服裝企業要想成功地在國際市場中

打拼,關注相關預警資訊是重要保證。在藝術和設計領域,國外各種新思潮的湧入和滲透,帶動著我們的價值觀與審美觀一起跟隨國際流行動態前進。虛榮誇大的裝飾化風格成為新

的形式主義,使其更具國際化,緊隨國際時尚潮流。

2)國內動態:中國服裝的演變歷史大約是在夏商時期初見端倪,到了周代漸趨完善。當時的服飾依

據穿著者的身份、地位各有分別。發展至今,中國的服裝發生了翻天覆地的變化。特別是在女裝方面。如以自然簡單的款式,取代華麗而誇張的服裝款式等等。

我國服裝歷史悠久,款式、面料絢麗多彩,是我國民族文化藝術寶庫的珍品之一。隨著社會的進步和科學技術的發展,出現了不少現代多功能及高科技的奇妙服裝,以滿足人

們的生活和工作需要。將來服裝的發展趨勢是不求名貴,但求方便,更求舒適,越來越薄的“綠色”服裝。

(二)選題的意義

服裝是一種帶有工藝性的生活必需品,而且在一定生活程度上,反映著國家、民族和時代的政治、經濟、科學、文化、教育水平以及社會風尚面貌的重要標誌,是兩個文明建

設的必然內涵。從社會、思想和文化變遷的角度看服裝的變化,服裝就成為考察社會文化變遷的視窗。所以一部優秀的社會生活史必定是社會文化史;一部優秀的社會文化史必然

要對社會生活作出具體詳實的文化和社會的闡釋。

(1)大力弘揚我國服裝業進取拼搏的精神,促進服裝業的發展

由於網路平臺可以實現資訊資源共享,在網上組織更優秀的服裝業發展動態,不僅使消費者在網上看到服裝業的最新發展趨勢,而且為消費者提供一個互相交流的平臺。

(2)尋找利用計算機技術及其專業技術實現消費者遠端互動自主買賣解決方案(3)完善和發展學習設計理論二、課題研究的主要內容:1、服裝網站設計理論體系的研究

包括服裝品牌的設計、構建性服裝網站環境的設計、服裝情境的設計、服裝資源的設計、消費者自主買賣活動的設計、消費者與本網站互動的設計、消費者評價工具的設計等。

2、基於網路環境下的教學策略與教學模式的研究(1)網路教學策略的研究,如網路環境下的教學內容組織策略、網路環境下的教學情

景營造策略、網路環境下的教學對話組織策略、網路環境下的的課堂管理策略等(2)網路教學模式的研究,如專案化學習模式、探索性學習模式、研究性學模式等

(三)、主要研究(設計)方法論述:

本專案的研究主要採用個案研究、實證研究、調查研究、比較研究等方法。對於較大規模的服裝款型與服裝面料的研究,將採用調查研究方法。

對於個別帶有創新性的服裝研究,則通過建立科學的假設,採用比較研究的方法。利用Flash編輯網站所需的小動畫,利用Dreamweaver

編輯網站框架,利用ASP和ASP。net實現網上買賣及消費者與網站交流溝通等功能。做出畢業設計!

四、論文(設計)

進度安排:時間工作內容

選課題並完成該課題的開題報告收集資料,建立模型整理分析資料,設計與除錯完成論文初稿網站試驗,評價修改擴大試驗,歸納總結論文修改

對論文排版和列印,制光碟論文答辯五、指導教師意見:指導教師簽名:六、系部意見:年月日系主任簽名:年月日

【篇五:購物網站設計開題報告】

選題的意義、同類選題現狀分析包括專案實施的意義和應用前景,國內外研究和應用概況,發展趨勢,本專案的特色或創新之處)

電子商務發展在世界範圍內都是剛剛開始,其發展速度極為迅速,傳統商業模式正不斷地被新的商業模式所替代。網上購物就是Internet和電子商務網站的產物,近幾年在我國發展迅猛,就如同一些購物商場在各地紛紛開設分店以拉近與顧客間的距離一樣。21世紀是網路的時代,資訊的時代,時間是非常寶貴的,人們由於種種原因沒有時間去逛商場,也不知道哪家商場有自己中意的商品,網上購物網站的建立就可以很好的解決這方面的問題,可以向廣大使用者推出一種全新的網上資訊服務,旨在貨品與消費者之間架起一座高速、便捷的網上資訊橋樑,可以為使用者節省時間、方便購物。

在國內也有許多我們所熟悉的大規模的網上購物網站,如阿里巴巴和淘寶網。中國的網上購物在摸索與借鑑中成長著,利用中國特有的優勢來克服不利的外部環境因素,例如採用“貨到付款”就是中國購物網站的成功創新。隨著外部環境的逐步優化,中國網上購物網站發展前景看好。

本網站的主要功能有:使用者註冊、會員登入、貨物分類查詢、貨品瀏覽、購買貨品、購物車、客戶留言;管理員管理會員資訊以及訂單資訊、管理員新增和刪除貨品、管理員檢視留言。一方面,讓顧客方便購買各類貨物,給本購物網站提出寶貴的意見或建議;另一方面,管理員能在管理資訊的同時也能瞭解顧客的需要,對網站的不足之處進行修改。本購物網站還在借鑑其他成功購物網站的同時也加入了一些創新的元素。如在貨物介紹的頁面中添加了同等商品價格的最新比較資料,讓使用者能夠花比較少的時間找到自己滿意的產品,同時在本網站中每個註冊使用者還可以擁有自己的一個小型的BLOG,在其中使用者可以發展自己的購物經驗和日常的心情。同時在網站的介面上,本網站了可能讓使用者設定網頁的風格,使用者可以按照自己的喜好改變網站的背景色,讓整個網站更加的有特色。

(包括畢業設計目標、設計內容和擬解決的關鍵技術問題)

購物網站的建立是為了節約顧客時間和方便顧客購物,該網站主要有註冊會員、會員登陸、貨物搜尋、購物車以及對會員、貨品、訂單的管理。以實現網上書店的交易和管理。

(1)前臺服務:註冊會員、會員登陸、會員修改個人資訊及密碼、貨品分類搜尋、貨品瀏覽、貨品購買、購物車,以及頁面的特效如:將該網站設為首頁、加入收藏、更改網頁風格等。

(2)會員管理:管理員對會員個人資訊的管理,驗證會員登陸資訊。並且可以在自己的BLOG中發表資訊。

(3)圖書管理:管理員檢視書庫中貨物的庫存量,包括各種貨物的銷售情況,以及及時更新資料庫中貨物的各種資訊。

(4)訂單管理:管理員對訂單的管理,確認顧客資訊與訂單資訊的準確性。

本系統主要是利用ASP、Dreamweaver、SQL資料庫來完成設計的,主要完成了貨物分類搜尋、貨物瀏覽、貨物購買、購物車以及會員管理、貨物管理、訂單管理等功能的實現。

(包括開發平臺選擇、試驗方案及可行性分析,設計和開發工作的總體安排、步驟等)

購物網站的設計與開發需要微機一臺,作業系統為WindowsXP。開發環境為ASP、Dreamweaver,資料庫為SQLServer2000或選擇Access。資料訪問方法為使用ADO。NET通過ODBC的方法同資料庫介面。使用這種方式訪問資料,可以使用任何一種ODBC資料來源,即不止適合於SQLServer、Oracle、Access等資料庫應用程式,也適合於Excel表格,文字檔案、圖形檔案和無格式的資料檔案。

通過調查分析,建立購物網有其充分的必要性和可能性。可以建立該網站的可能性具體包含了它具有經濟可行性、技術上的可行性和時機可行性,系統能達到以最小的開發成本取得最佳的經濟效益,開發中所需人員、硬軟體支援以及其它費用進行估算情況均滿意,技術條件也能保證順利完成開發工作。

最終認為該系統完全可行,網上購物網站是一個網上交易網站,利用該網站使用者可以購買貨物,修改自己的購物車,在自己的BLOG中發展資訊;管理員作為管理者則可以查詢會員的訂單資訊、管理貨物,對貨物進行新增和刪除。

1、前臺服務:

此模組是對於使用者開放,實現的功能有:客戶註冊,會員登入,修改個人資訊及密碼,貨品分類查詢,貨品瀏覽,購買貨物,購物車,會員留言等。

2、後臺:

此模組是對於管理員開放,實現的功能有:會員基本資訊管理、訂單管理、貨物管理、檢視留言。

【篇六:鞍山民族模板企業網站設計開題報告】

一、畢業設計題目:鞍山民族模板企業網站設計

二、選題的來源、目的和意義

1、1選題來源

導師根據實際情況虛擬的。

1、2選題的目的和意義

在網路快速發展的今天,我們依靠網路獲取資訊,而建立網站已經成為一個很普遍的問題了,對於一個企業來說,建設好自己的網站可以搶佔新世紀發展的戰略要點。建立新的企業形象,直接開拓國際市場,開展24小時網上營銷及高效廉價的定向宣傳;與客戶建立最直接的交流機制,縮短推出新產品和開啟市場的週期,與富有吸引力的客戶群發展客戶關係網;加強客戶服務,完善網路業務;展現公司想象,宣傳自身企業文化。所以建立一個屬於自己企業的網站是十分必要的。

現在我們已經學習了四年的電腦科學與技術,而這樣的選題正是要讓知識與實踐接軌,來建立一個企業網站,來完善自己在實際應用上的不足。

三、所選題目的國內外動態、水平

中小企業全球資訊網路(globalinformationnetworkforSMEs),由日本維護中小企業全球資訊網路是主題為“G8資訊社會始創工程:中小企業(SMEs:SmallandMediumsizedEnterprises)全球化市場(AGlbolMarkteplaceforSMEss)”的三個專案之一。所有的G8國家都在建設網站以改進中小企業對有關本土和外國市場的資訊的存取。某些站點不僅提供資訊,而且也幫助中小企業尋求夥伴,幫助消費者搜尋中小企業。在某些internet主頁上,中小企業甚至可以進行一定的業務,比如制定特定的條款。

網站發展可以分為三個階段,第一個階段定義為網站額“萌芽式”發展期,是網站形成的初級階段,第二個階段定義為網站的“粗放式”發展期,是網站的變革階段,第三個階段定義為網站的“細分式”發展期,是網站發展的成熟階段。我國正在向“第三階段”發展。我國的網站建設市場將成為行業內部整合之勢,很多中小企業的網站建設的技術門檻不高,還不能提供定製化的實施服務,所以我國的網站建設發展還是充滿挑戰的。

四、研究內容和研究方法

1、採用什麼設計方法

本網站採用模組化程式設計方法。

2、採用什麼設計工具

本網站主要是利用ASP、Dreamweaver、SQL資料庫來完成設計的。

3、達到什麼效果

本網站要達到的效果有四:1、企業形象展示,設計簡潔大方的介面。2、企業實力展示,展示我們是什麼樣的企業,我們有過多少成功的產品。3、產品和服務的展示,讓使用者瞭解我們是幹什麼的,提供什麼樣的服務,服務有哪些種類。4、資訊傳達,讓使用者瞭解我們的聯絡方式,我們的最新新聞,我們的企業文化。

4、結論

使用Dreamwerver、Flash、ASP等工具和相關的技術來完成這個企業網站的設計與開發,同時要注意要完善自己的應用實踐能力。

五、進行該課題研究所具備的條件

要求有一定的Photoshop、Dreamweaver及Flash設計基礎,熟悉軟體以及ASP技術的使用,來設計開發網站。

六、設計工作進度安排