網(wǎng)頁(yè)設(shè)計(jì)設(shè)計(jì)報(bào)告

.XXXXXX學(xué)校課程設(shè)計(jì)計(jì)劃書(shū)課程設(shè)計(jì)任務(wù)書(shū)課程設(shè)計(jì)指導(dǎo)書(shū)2013/2014學(xué)年上期課程名稱(chēng)： 網(wǎng)頁(yè)設(shè)計(jì)與制作 系 別： 計(jì)算機(jī)科學(xué)系 年級(jí)專(zhuān)業(yè)： 軟件XX班 學(xué)生姓名： XXX 學(xué) 號(hào)： XXXXXXXXX 指導(dǎo)教師： XXX 目錄 網(wǎng)站全名及 logo 標(biāo)志 3建立網(wǎng)站的目的、意義 3網(wǎng)頁(yè)設(shè)計(jì)制作最突出的創(chuàng)意3網(wǎng)站的欄目設(shè)計(jì)5色彩搭配及其含義6網(wǎng)站的結(jié)構(gòu)圖和頁(yè)面組成8網(wǎng)站設(shè)計(jì)中具體實(shí)現(xiàn)的幾個(gè)關(guān)鍵功能和相關(guān)技術(shù)說(shuō)明9如何安排進(jìn)度和計(jì)劃完成時(shí)間9網(wǎng)站建設(shè)的心得體會(huì)和擴(kuò)展性分析9參考資料10一、網(wǎng)站全名及 logo 標(biāo)志 網(wǎng)站全名：Jewelry珠寶公司Logo標(biāo)志：二、建立網(wǎng)站的目的、意義建立網(wǎng)站的目的：面向全世界宣傳高級(jí)定制珠寶。建立網(wǎng)站的意義：高級(jí)定制，絕無(wú)僅有的珠寶。三、網(wǎng)頁(yè)設(shè)計(jì)制作最突出的創(chuàng)意 我最喜歡這個(gè)頁(yè)面的設(shè)計(jì)，這個(gè)頁(yè)面用來(lái)展示了一個(gè)系列的婚戒。點(diǎn)擊下面的小圖片，上面的圖片也會(huì)隨之變換。而且圖片背景為透明，也使整個(gè)頁(yè)面的效果更佳了。而對(duì)于這效果的實(shí)現(xiàn)，我是先在網(wǎng)頁(yè)素材庫(kù)里面找了這個(gè)圖片特效，然后再運(yùn)用了一個(gè)框架將這個(gè)特效嵌入到框架里面。其中運(yùn)用了嵌入框架的的代碼是：<iframe width="640" height="760" src="地址"></iframe>還有這個(gè)頁(yè)面也是用的這個(gè)特效：點(diǎn)擊箭頭符號(hào)，圖片也隨之切換。網(wǎng)站的首頁(yè)我設(shè)計(jì)是一個(gè)進(jìn)入flash，點(diǎn)擊enter字符進(jìn)入公司簡(jiǎn)介 這個(gè)頁(yè)面我也很是喜歡，雖然簡(jiǎn)單，但是很精彩。Flash是在網(wǎng)上找的素材。四、網(wǎng)站的欄目設(shè)計(jì)這個(gè)導(dǎo)航欄是我自己用firework做的，當(dāng)鼠標(biāo)移動(dòng)到每個(gè)欄目上都會(huì)有兩個(gè)橫向的下拉菜單。詳見(jiàn)結(jié)構(gòu)圖。五、色彩搭配及其含義（如綠色 + 金黃 + 淡白，體現(xiàn)優(yōu)雅 , 舒適的感覺(jué)） 例如下面：公司簡(jiǎn)介肯定是代表整個(gè)公司的形象，所以要大氣，而珠寶是華貴而又奢華的，所以我選用的是美國(guó)紐約的帝國(guó)大廈的城市夜景作為背景。既有低調(diào)的奢華，又不失大氣。品牌歷史是有著歷史的沉淀的，所以我選擇了古希臘的歷史建筑作為背景，再與公司創(chuàng)始人的黑白照片搭配，更顯出歷史厚重感。這個(gè)頁(yè)面用噴泉作為背景，有著一種朦朧的美感，與鉆石的閃耀形成鮮明的對(duì)比。用漫天的繁星作為背景與“星眷戀人”這個(gè)主題恰好相呼應(yīng)訂婚鉆戒用熱戀中相擁的男女作為背景，但圖片并不是很清楚，深色的背景更能突顯出鉆戒熠熠生輝。六、網(wǎng)站的結(jié)構(gòu)圖和頁(yè)面組成 flash進(jìn)入頁(yè)面公司簡(jiǎn)介產(chǎn)品系列珠寶系列換鉆升卡品牌歷史傲人之處獨(dú)特珠寶傳世名鉆婚嫁系列經(jīng)典系列星眷戀人婚戒系列頁(yè)面組成：我每個(gè)欄目都做了一個(gè)網(wǎng)頁(yè)，除了“經(jīng)典系列”與“獨(dú)特珠寶”沒(méi)有做頁(yè)面。七、網(wǎng)站設(shè)計(jì)中具體實(shí)現(xiàn)的幾個(gè)關(guān)鍵功能和相關(guān)技術(shù)說(shuō)明（例如布局的方法：應(yīng)用層、應(yīng)用表格、應(yīng)用模板、應(yīng)用 Flash 或其他腳本技術(shù)） 布局方法：頁(yè)面的大部分都是應(yīng)用的表格布局的，都是一個(gè)表格嵌套的一個(gè)表格，少部分應(yīng)用的層布局。因?yàn)楸砀癖容^穩(wěn)定，打開(kāi)不容易混亂。應(yīng)用flash：我在首頁(yè)應(yīng)用了flash作為進(jìn)入網(wǎng)站的首頁(yè)。腳本技術(shù)：應(yīng)用了<iframe width="640" height="760" src="地址"></iframe>這句代碼，插入了框架。調(diào)用了另一個(gè)網(wǎng)頁(yè)。八、如何安排進(jìn)度和計(jì)劃完成時(shí)間 星期一：確定主題，構(gòu)建網(wǎng)站的框架。星期二：查找素材包括圖片、特效代碼、flash及文字資料等星期三：網(wǎng)站布局，做各個(gè)頁(yè)面。星期四：精細(xì)細(xì)節(jié)，做好鏈接。星期五：網(wǎng)頁(yè)展示。九、網(wǎng)站建設(shè)的心得體會(huì)和擴(kuò)展性分析 建立網(wǎng)站一定要有一個(gè)明確的主題，知道自己是在做什么，準(zhǔn)備做什么，規(guī)劃要做細(xì)致，要精確到網(wǎng)頁(yè)的每一個(gè)部分。千萬(wàn)不要做到一半偏離主題，做了一個(gè)大雜燴的網(wǎng)頁(yè)。收集素材是必不可少，前期規(guī)劃好后就應(yīng)該把相應(yīng)的素材找好，這樣可以在后期制作時(shí)省去大部分時(shí)間，不用再忙來(lái)忙去找素材。還要注意色彩的搭配，圖片與背景的搭配是否應(yīng)景，是否與主題相呼應(yīng)。另外，素材在運(yùn)用前應(yīng)該進(jìn)行相關(guān)處理，這樣可以大大減少后期的制作的工作量。十、參考資料網(wǎng)頁(yè)素材庫(kù)百度.