《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)課程設(shè)計》報告

《《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)課程設(shè)計》報告》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、湖北汽車工業(yè)學(xué)院《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程設(shè)計報告網(wǎng)站名稱：森宿天貓旗艦店班級：T1153-1學(xué)號：20110530130姓名：lj2013一、網(wǎng)頁設(shè)計主題電子商務(wù)類的網(wǎng)站如果想一眼吸引到客戶，首先，網(wǎng)頁打開速度不能過太慢（過慢會使客戶沒有耐心，最終直接關(guān)閉頁面），這點要求網(wǎng)頁自身大小不要過大。其次，為了顧客在自己的網(wǎng)頁上停留的時間長，最后購買商品，網(wǎng)頁設(shè)計要有自己的鮮明的特點，各網(wǎng)頁及相關(guān)的下級頁面的配色要一致。在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)

2、劃網(wǎng)站的組織結(jié)構(gòu)。Web站點應(yīng)針對所服務(wù)對象（機構(gòu)或人）的不同而具有不同的形式。為了做到主題鮮明突出，要點明確，應(yīng)該使配色和圖片圍繞預(yù)定的主題；調(diào)動一切手段充分表現(xiàn)網(wǎng)站點的個性和情趣，辦出網(wǎng)站的特點。充分利用已有信息，如客戶手冊．公共關(guān)系文檔．技術(shù)手冊和數(shù)據(jù)庫等。我設(shè)計的森宿網(wǎng)頁，（森：森林，真我的世界；宿：停留，詩意的棲息）森宿的主題是文藝、懷舊、復(fù)古、記錄、慢生活。所以我做的網(wǎng)頁圍繞簡約、懷舊的主題設(shè)計而成。二．網(wǎng)站的總體規(guī)劃與網(wǎng)站的結(jié)構(gòu)框圖；我的網(wǎng)站共有7個頻道：首頁、收藏本店、新品、裙裝、上裝

3、、下裝、配飾、品牌*記、會員*惠、無線專享問卷領(lǐng)心意?每一個頁面用都統(tǒng)一的背景圖片，并且顏色都采用棕色系的，以保證網(wǎng)站統(tǒng)一的頁面風(fēng)格。如下圖：網(wǎng)站整體色調(diào)為，然后深棕色，點綴其他不同的顏色相配，突出主題，顏色沒有過多，過雜，用以避免給人一種雜亂的感覺。版面設(shè)計十分靈活，根據(jù)各部分內(nèi)容的不同適當(dāng)?shù)淖杂稍O(shè)計。網(wǎng)頁布局主要用框架和表格，用框架定位內(nèi)容的大體結(jié)構(gòu)，再用表格具體定位。位子的設(shè)計也是重要的一個部分，根據(jù)具體內(nèi)容決定字體風(fēng)格，相同的風(fēng)格多次調(diào)用是用css設(shè)計一個樣式，以保證隨時、準(zhǔn)確的調(diào)用。另外，為

4、了網(wǎng)頁布局不至于太單調(diào)，我在主頁加入了適當(dāng)?shù)淖詣忧袚Q動態(tài)圖片，用以達到更好的瀏覽效果。每個頁面都可以通過導(dǎo)橫條鏈接到相應(yīng)的頁面，新品一欄主要是每周發(fā)布新品發(fā)布，讓顧客可以第一時間瀏覽到最新的服飾；裙裝、上裝、下裝和配飾是都所有商品進行大致劃分；品牌記則是宣傳旗艦店的設(shè)計及服務(wù)理念，讓客戶更了解網(wǎng)頁的思想；會員惠主要展示會員價的商品；無線專享頁面是一個新聞頁面，上面顯示了每日特價的一些商品基本信息和店鋪相關(guān)活動的新聞；我的網(wǎng)站還涉及了填寫問卷，以便于與客戶互動，了解客戶動態(tài)及對網(wǎng)站做出相應(yīng)調(diào)整。三．網(wǎng)頁

5、風(fēng)格說明；?網(wǎng)頁風(fēng)格是指：網(wǎng)站頁面設(shè)計上的視覺元素組合在一起的整體形象，展現(xiàn)給人的直觀感受。這個整體形象包括網(wǎng)站的配色、字體、頁面布局、頁面內(nèi)容、交互性、海報、宣傳語等因素。1.網(wǎng)站風(fēng)格一般要與與企業(yè)的整體形象相一致，結(jié)合企業(yè)的整體色調(diào)、企業(yè)的行業(yè)性質(zhì)、企業(yè)文化、提供的相關(guān)產(chǎn)品或服務(wù)特點的眾多因素，我將網(wǎng)頁的風(fēng)格定為文藝、天然、質(zhì)樸，網(wǎng)站所出售的衣服鐘情于棉麻天然材質(zhì)，所以網(wǎng)頁的配色選為與棉麻色相呼應(yīng)的棕色，并且?guī)c漸變，這也體現(xiàn)了麻布的紋理特色。網(wǎng)站風(fēng)格既能傳遞企業(yè)文化信息，又能幫助客戶認識和了解網(wǎng)

6、站背后的企業(yè)，幫助企業(yè)樹立別具一格的形象。森宿網(wǎng)站主張，追求布料的藝術(shù)審美，感悟內(nèi)心的時尚，欣賞一件衣裳素雅、簡潔，卻不簡單地模樣，記錄生活珍貴片段。獨特的網(wǎng)頁氣質(zhì)，直接給自身網(wǎng)站和所處行業(yè)的其它網(wǎng)站之間營造出一種清晰的辨識度。2.線條和形狀的選擇文字、標(biāo)題、圖片等的組合，會在頁面上形成各種各樣的線條和形狀。這些線條與形狀的組合，構(gòu)成了主頁的總體藝術(shù)效果。我的網(wǎng)頁大多是直線（矩形）的應(yīng)用。因為直線條的藝術(shù)效果是流暢、挺拔、規(guī)矩、整齊的，也就是所謂的有輪有廓。直線和矩形在頁面上的重復(fù)組合可以呈現(xiàn)井井有條

7、、涇渭分明的視覺效果。一般應(yīng)用于比較莊重、嚴肅的主頁題材。但在圖片搭配上部分也采用了曲線，曲線效果是流動、活躍，具有動感的，曲線和弧形在頁面上的重復(fù)組合可以呈現(xiàn)流暢、輕快、富有活力的視覺效果。一般應(yīng)用于青春、活潑的主頁題材。例如:新聞顯示的框框采用邊緣是弧形，還有有的配圖是一些隨意地弧形曲線。四．網(wǎng)頁的設(shè)計過程與截圖；1.網(wǎng)站題材??現(xiàn)在網(wǎng)站題材有很多，比如娛樂休閑、體育、綜合門戶、就業(yè)、音樂、社區(qū)等無奇不有包羅萬象。我要做的網(wǎng)站是賣衣服類，在做網(wǎng)頁前，瀏覽相似的網(wǎng)站，然后思考網(wǎng)站的布局、功能和方向，

8、同時可收集一些素材。2.網(wǎng)站模式??B2C、B2B、C2C、C2B等網(wǎng)站商務(wù)模式，每個模式都有不同的運作方式，模式的確定有助于網(wǎng)站在硬件資金投入的確定，對后來得網(wǎng)站設(shè)計等方面起著一個指導(dǎo)作用，這是電子商務(wù)網(wǎng)的設(shè)計定位。這樣有助于網(wǎng)站內(nèi)容風(fēng)格的確定，同時確定目標(biāo)客戶。3.Logo制作Logo的作用很多，最重要的就是表達網(wǎng)站的理念、便于人們識別，廣泛用于站點的連接、宣傳等。logo設(shè)計追求的是：以簡潔的符號化的視覺藝術(shù)形象把網(wǎng)站的形象和理念長留于人們心中。我