網(wǎng)站設(shè)計開題報告范文4篇 校園網(wǎng)站設(shè)計開題報告

Word———網(wǎng)站設(shè)計開題報告范文4篇校園網(wǎng)站設(shè)計開題報告下面是我共享的網(wǎng)站設(shè)計開題報告范文4篇校內(nèi)網(wǎng)站設(shè)計開題報告，供大家閱讀。

網(wǎng)站設(shè)計開題報告范文2

一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。

1.爭論網(wǎng)站的主題。

網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁ZUI關(guān)鍵的一步它打算了你要表答的信息，因此我選擇了我選擇我ZUI寵愛的服飾來為它做網(wǎng)頁。在平常我也對服裝的網(wǎng)頁比較關(guān)懷，無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。

2.定位網(wǎng)站的ci形象。“易菲”植根中國文化之精髓，吸取自然稟賦之靈性，形成一個既有深厚文化底蘊，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨?，是包涵，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展?！胺啤蓖ǚ?，是生氣、是共性、是春意盎然、是自強不息，是對人性深度的一種挖掘?！吧钊缁?，拘束歡樂”是yifini易菲的設(shè)計理念，提倡一種與自然和諧相處，如花兒綻放般美妙舒適、拘束歡樂的生活方式。這也便是我網(wǎng)站的ci形象。

3.確定欄目和板塊。

于時間的關(guān)系在本次我預備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推舉產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我準備都用淡藍色做背景顏色來襯托我網(wǎng)頁的主打色綠色。

4.網(wǎng)站的整體風格和創(chuàng)意。

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

二、網(wǎng)頁制作的前期策劃與預備，在本階級主要有兩方面的工作。

1.資料的搜集。

在做網(wǎng)頁我上網(wǎng)收集了很多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去掃瞄了很多的網(wǎng)頁觀看其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時也搜集了一些對我有用的資料。在搜尋資料ZUI困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太勝利，不過還搜到了可以換自己圖片的代碼。在開頭時我根本就不知道flash是怎樣搜尋，不過經(jīng)過三次像狡猾詢問我最終懂得一些關(guān)于代碼的搜尋。在搜集資料的過程之中我發(fā)覺了自己的很多不足之處，ZUI關(guān)鍵就是平常對學問的把握不夠，連ZUI基本的資料搜尋都覺得困難。也是我平常不夠仔細和努力的表現(xiàn)。通過這次的教訓在以后我肯定會做得更好，爭取不范類似錯誤。

2.熟識制作軟件。

做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟識，由于在平常上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用，但是消失的問題還是有許多。有許多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學習方面的缺點，它是我平常不夠仔細的詳細表現(xiàn)。

三、網(wǎng)頁制作，這便進入我該次的主題了詳細制作流程如下。

1.構(gòu)建站點框架。

在我打開dremweaver后第一步便是新建站點，我把我的站點建立在f\儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以便利的使用。

2.設(shè)計主頁及二級頁面。

在主頁我設(shè)首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務，美容美體，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是勝利的;連貫，頁面之間關(guān)系連貫，統(tǒng)成一體;每版內(nèi)容都自成一體，顏色各異，便于掃瞄;整個網(wǎng)頁有動有靜，顏色呼應，搭配協(xié)調(diào)，不呆板，富有生氣;顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

簡潔有用:這是特別重要的，網(wǎng)絡(luò)特別環(huán)境下，盡量以效率的方式將用戶所要想得到的信息傳送給他就是的，所以要去掉全部的冗余的東西。使用便利:同第一個是相全都的，滿意使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美;頁面用色協(xié)調(diào)，布局符合形式美的要求:布局有條理，充分利用美的形式，是網(wǎng)頁富有可觀賞性，提高檔次。當然雅俗共賞是人人都追求的。

交互式強:發(fā)揮網(wǎng)絡(luò)的優(yōu)勢，是每個使用者都參加到其中來，這樣的設(shè)計才能算勝利的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。每個子頁都設(shè)有上導航欄，便于掃瞄和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有肯定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容依據(jù)各自的特色建立了不同的表格，突出各自的主題，增加了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務。

3.實現(xiàn)網(wǎng)頁間的鏈接。

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

4.向靜太網(wǎng)頁插入動態(tài)效果。

在這一階段我遇到了很多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網(wǎng)頁上可是在掃瞄網(wǎng)頁的時候flash卻不能夠顯示。ZUI后我向老師的請教后最終在老師的關(guān)心下我勝利的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。

四、網(wǎng)頁的調(diào)試

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

這只是在制作過程中消失一些問題，其它問題也是類似相同?，F(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡潔的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊美不已，流連忘返。從我做的網(wǎng)頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增加自己的實踐操作技能，為以后能做出精彩的網(wǎng)頁而努力。同時我也盼望能夠有更多的類似動手練習，讓我們在實踐之中來學習學問。由于我覺得實踐不僅能夠提高我們的學習愛好它更能夠提高我們的動手力量增加我們的技術(shù)性。

網(wǎng)站設(shè)計開題報告范文3

1.我國目前網(wǎng)頁設(shè)計還處于初級的認知階段，國內(nèi)的網(wǎng)站絕大多數(shù)采納的還是特別傳統(tǒng)的橫向區(qū)塊布局，信息密度高，版式缺乏節(jié)奏和韻律，尤其是北京、上海、廣州三地，基本上代表了目前我國網(wǎng)頁設(shè)計的制作水平，但是網(wǎng)頁設(shè)計的進展正在呈不斷上升的進展趨勢，找到具有本民族特色的網(wǎng)頁設(shè)計語言,對我國的網(wǎng)頁藝術(shù)走向世界具有重大意義。

國外的網(wǎng)站更加人性化,設(shè)計更加緊密,服務也更加周到,共性也比國內(nèi)的網(wǎng)站突出,讓人更簡單記住，國外的大容量信息網(wǎng)站的趨勢是降低首頁的信息密度，把內(nèi)容分攤到二級頻道;版式上更具引導性、更適于閱讀，掃瞄方式像讀報一樣更流暢隨便。

隨著世界各國對于文化多樣性的著力維護與普遍關(guān)注,網(wǎng)頁本土化受到越來越多的網(wǎng)站建設(shè)者們所注意隨著互連網(wǎng)技術(shù)的進展，各種企業(yè)和機構(gòu)在網(wǎng)絡(luò)上的競爭也日趨激烈，為了吸引眼球，企業(yè)和機構(gòu)都在想方設(shè)法在網(wǎng)站的形象上來包裝自己，以使自己在同行業(yè)的競爭中脫穎而出，而且這種趨勢愈演愈烈，網(wǎng)站設(shè)計的需求量呈爆發(fā)性增長。網(wǎng)絡(luò)是我國新興文化，作為現(xiàn)代人的大多數(shù)人，都是通過網(wǎng)絡(luò)了解信息，尤其現(xiàn)在青年一代更是熱衷于網(wǎng)絡(luò)。網(wǎng)站是企業(yè)向用戶和網(wǎng)民供應信息(包括產(chǎn)品和服務)的一種方式，是企業(yè)開展電子商務的基礎(chǔ)設(shè)施和信息平臺，離開網(wǎng)站(或者只是利用第三方網(wǎng)站)去談電子商務是不行能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標”，也是企業(yè)無形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣揚和反映企業(yè)形象和文化的重要窗口。

2.本人對課題任務書提出的任務要求及實現(xiàn)預期目標的可行性分析

任務要求：

為了弘揚京劇文化，提高京劇的知名度;使京劇信息傳播更為快速有效;京劇做為我國的國粹，有著悠久而漫長的歷史。作為現(xiàn)代人的大多數(shù)人，已經(jīng)不懂的如何去觀賞京劇，更不懂得京劇文化。通過系列網(wǎng)頁設(shè)計讓更多的人了解它、喜愛它、觀賞它。給社會大眾留下劇烈的印象與影響力。

1)通過網(wǎng)頁設(shè)計來體現(xiàn)京劇形象;

2)通過結(jié)合京劇的特點，將各“生.旦.凈.末.丑”五個角色有機、自然地結(jié)合起來，以求得完善統(tǒng)一的設(shè)計形象。

3)通過運用奇妙的網(wǎng)頁設(shè)計，為京劇的傳播供應更大的進展前景。

可行性分析：通過學習《網(wǎng)頁三劍客》、《精通css+div網(wǎng)頁樣式和布局》、《版式設(shè)計》、《顏色設(shè)計》等專業(yè)課;嫻熟運用photoshop、flash、Dreamweaver等設(shè)計軟件;在老師的指導下，通過自己的努力信任肯定能夠達到畢業(yè)設(shè)計的預期目標、任務。

3.本課題需要重點討論的、關(guān)鍵的問題及解決的思路

本課題需要重點討論的是：

京劇耐人尋味，韻味醇厚。京劇在形成之初，便進入了宮廷，使它的發(fā)育成長不同于地方劇種，對它的技藝的全面性、完整性也要求得更嚴，對它形象的美學要求也更高，其表演藝術(shù)更趨于虛實結(jié)合的表現(xiàn)手法，達到“以形傳神，形神兼?zhèn)洹钡乃囆g(shù)境界。在網(wǎng)頁設(shè)計中要做到對京劇這個傳統(tǒng)藝術(shù)內(nèi)涵的發(fā)掘、創(chuàng)新、和表現(xiàn)。京劇中的五大角色的特征，對于相互自立又相互聯(lián)系的角色如何在網(wǎng)頁設(shè)計中把握它們的共性和共性。在網(wǎng)頁設(shè)計、顏色設(shè)計、表現(xiàn)手法上盡多的融入現(xiàn)代設(shè)計元素，既符合年輕人的審美又要能深刻反映京劇文化的內(nèi)涵。

關(guān)鍵問題在于如何把抽象的精神內(nèi)涵變?yōu)榭梢暤囊曈X形象。吸引更多的大眾去人了解它、喜愛它、觀賞它。然后解決掃瞄器的兼容問題

4.完成本課題所必需的工作條件(如工具書、試驗設(shè)備或試驗環(huán)境條件、某類市場調(diào)研、計算機幫助設(shè)計條件等等)及解決的方法2)完成本課題的基本工具：有關(guān)網(wǎng)頁設(shè)計方面的書籍

1.《網(wǎng)頁配色有用手冊》溫鑫茶工作室科學出版社2022年9月

2.《DreamweaverCS4網(wǎng)頁設(shè)計與制作指南》楊紀梅清華高校出版社2022年1月

3.《FlashCS3網(wǎng)站商業(yè)設(shè)計從入門到精通》張大川科學出版社2022年03月

4.《精通css+div網(wǎng)頁樣式和布局》前沿科技人民郵電出版社2022年

3)相關(guān)的尺寸：原始數(shù)據(jù)和資料(以實際考察供應的為依據(jù))

4)相關(guān)的市場調(diào)研，了解網(wǎng)頁設(shè)計的實際情形等。

5.完成本課題的工作方案及進度方案

1)、15-18周通過現(xiàn)場調(diào)研、網(wǎng)絡(luò)、圖書館搜集相關(guān)資料、了解當前設(shè)計公司設(shè)計的一些前沿，初步確定欄目推廣設(shè)計的大體方向。

2)、19-20周初步方案設(shè)計(在此期間確定方案，依據(jù)實際狀況，進行詳細情形前期設(shè)計，2022-2022其次學期

3)、1-5周方案細化設(shè)計。

4)、6-7周協(xié)調(diào)整理，為畢業(yè)設(shè)計展覽與答辯作相關(guān)預備

5)8-10周檢查并校訂本的設(shè)計稿和實物撰寫畢業(yè)論文，打印、裝訂，提交整套設(shè)計資料。制做答辯匯報提綱。次畢業(yè)設(shè)計的全部實物和文擋

6)、11-12周布置畢業(yè)設(shè)計展覽

網(wǎng)站設(shè)計開題報告范文4

一、選題的依據(jù)及意義

在互聯(lián)網(wǎng)的“大統(tǒng)一”時代，各類信息爆炸式增長,很多信息造成了人類的比起文字信息的繁雜，冗長，圖片正在成為互聯(lián)網(wǎng)和移動互聯(lián)網(wǎng)上越來越重要的內(nèi)容和應用。然而傳統(tǒng)對于上傳圖片功能技術(shù)不夠完善。在2022年，新創(chuàng)立的Pinterest網(wǎng)站依托“視覺+愛好+瀑布流”的獨特社交途徑大受歡迎，網(wǎng)站用戶增長趕上了五年前的Facebook。在此基礎(chǔ)上，更好借鑒Pinterest模式，催生屬于中國基于愛好的圖片收集社交網(wǎng)站也應當不斷進展起來，為更多需要圖片的用戶制造平臺是很有必要的。

1.傳統(tǒng)圖片保藏功能不夠完善，不便于用戶查找。傳統(tǒng)掃瞄模式，往往會使用戶在PC的圖片保藏夾里存儲了大量圖片,找圖時卻要漸漸搜尋,用U盤拷貝圖片,同時嗨喲忍受圖片上傳的漫長時間.而如今，社交網(wǎng)絡(luò)的興起,讓我們的文字和言論的共享更加自由,在圖片保藏共享這個細分領(lǐng)域,我們需要更加細分，在圖片格式上，國內(nèi)如花瓣網(wǎng)等圖片收集網(wǎng)站以帶原始網(wǎng)頁鏈接的方式，需要時，可以通過圖片鏈接回到原來的網(wǎng)頁，這使得圖片的收集和存儲更便利，掃瞄體驗快速、順暢，并且奇妙的避開了版權(quán)問題。

2.傳統(tǒng)掃瞄模式單一，不夠新奇，時尚。如今“視覺+愛好+瀑布流布局”的獨特圖片掃瞄社交途徑大受歡迎，這種模式能夠很好地吸引用戶，視覺沖擊力帶來更為潮流化的刺激。

3.這是一種基于強愛好的弱社交模式，通過注冊網(wǎng)站用戶，既可以上傳發(fā)表自己的作品，通過點贊，私信功能達到一種比較弱的社交關(guān)系，卻更專注于愛好的相互溝通。

我盼望我也能設(shè)計一個網(wǎng)站為眾多攝影、繪畫愛好者以及藝術(shù)設(shè)計師供應一個靈感謝發(fā)、心得溝通的平臺，通過精致的界面設(shè)計以及詳實的內(nèi)容不斷吸引更多優(yōu)秀的愛好者加入，共同建設(shè)。

二、國內(nèi)外討論現(xiàn)狀及進展趨勢(含文獻綜述)

國外，以Pinterest為例，由Pinterest名稱由Pin(圖釘)+Interest(愛好)組成，網(wǎng)站旨在用戶不斷發(fā)覺和共享新圖片。Pinterest最為便利的是在頁面底端實現(xiàn)自動加載而無需翻頁，為用戶供應在線保藏和共享視覺藝術(shù)圖片的服務。她是基于視覺共享和愛好社交的網(wǎng)站，是個人獵酷有用工具，用戶可以把自己感愛好的圖片在網(wǎng)絡(luò)上用圖釘釘在頂板上(PinBoard)上歸類保藏并與伴侶共享，真正全是每個圖釘背后的獨特“故事”。

Pinterest打破以往圖片掃瞄模式，如列表或者田字格，而實行瀑布流展現(xiàn)形式使信息更加隨便，它的模式用戶可以隨便的蜻蜓點水式的信息獵取。更適合在大量信息中漫無目的的隨便獵取;相對來說用戶獵取信息會更輕松，只要覺得好看就可以停留下來(收集)。省去了傳統(tǒng)圖片網(wǎng)站進行來回掃瞄的麻煩。Pinterest以其高質(zhì)量極其視覺沖擊力的圖片的精致搭配，吸引著大批受眾，女性是視覺動物，傾向于感性認知，所以，Pinterest圖片留尤其能引起女性的情感共鳴。

以愛好為基礎(chǔ)，通過瀑布流展現(xiàn)圖片的形式也讓它在美工快速穿紅。成為繼Twitter和Facebook之后第三大社交媒體。同時，在中國許多網(wǎng)站也相繼崛起，步其后塵。如以蘑菇街，漂亮說為首的采納瀑布流式電商網(wǎng)站占據(jù)一份女性市場。由于作為圖片網(wǎng)站，中國有微博，空間，微信等關(guān)系社交網(wǎng)絡(luò)同時也支持上傳，編輯圖片。

所以以愛好圖譜為社交網(wǎng)絡(luò)在中國想要占據(jù)鰲頭目前還是有局限性的。但像知美網(wǎng)，花瓣網(wǎng)則相當于完全承襲了Pinterest的網(wǎng)頁布局以及圖片保藏板功能。這類網(wǎng)站更多作為愛好愛好者棲居地，并非純商類網(wǎng)站，不僅如此，它的界面設(shè)計簡直大方，唯美舒適，深受設(shè)計人員，攝影愛好者，動漫繪畫等喜愛藝術(shù)人們所寵愛。

三、本課題討論內(nèi)容

本課題討論前端旨在通過JavaScript編程語言完成前端與后臺開發(fā)，實現(xiàn)用戶注冊、登錄、平安性設(shè)置以及圖片的上傳、在線保藏、分類、點贊等功能。完成網(wǎng)站總體功能模塊設(shè)計，并完成對網(wǎng)站的`測試。

本網(wǎng)站的設(shè)計與開發(fā)是在如今如花瓣網(wǎng)，Pinterest等圖片社交網(wǎng)站的基礎(chǔ)上進行不針對本站功能刪減增進，前端界面設(shè)計優(yōu)化，后臺加強圖片收集，圖片上傳功能。

四、本課題討論方案

本網(wǎng)