網(wǎng)頁設(shè)計設(shè)計報告

1、XXXXXX 學(xué)校 課程設(shè)計計劃書 課程設(shè)計任務(wù)書 課程設(shè)計指導(dǎo)書 2013/2014學(xué)年上期 課程名稱：網(wǎng)頁設(shè)計與制作 系 別：計算機科學(xué)系 年級專業(yè)：軟件XX班 學(xué)生姓名：XXX 學(xué) 號： XXXXXXXXX 指導(dǎo)教師： 目錄 網(wǎng)站全名及l(fā)ogo標志 3 ?建立網(wǎng)站的目的、意義 3 ?網(wǎng)頁設(shè)計制作最突出的創(chuàng)意 3 ?網(wǎng)站的欄目設(shè)計 5 ?色彩搭配及其含義 6 ?網(wǎng)站的結(jié)構(gòu)圖和頁面組成 8 ?網(wǎng)站設(shè)計中具體實現(xiàn)的幾個關(guān)鍵功能和相關(guān)技術(shù)說明 9 ?如何安排進度和計劃完成時間 9 ?網(wǎng)站建設(shè)的心得體會和擴展性分析 9 ?參考資料 10 10 、網(wǎng)站全名及l(fā)ogo 標志 網(wǎng)站全名：Jewelry珠

2、寶公司 Logo標志： 二、建立網(wǎng)站的目的、意義 建立網(wǎng)站的目的：面向全世界宣傳高級定制珠寶 建立網(wǎng)站的意義：高級定制，絕無僅有的珠寶 三、網(wǎng)頁設(shè)計制作最突出的創(chuàng)意 .THCS1GN OF EOVE星眷戀人 *: :星座婚戒系列匚 詡咐紅!冃J.t旳三齊. 排列或不同護戰(zhàn) 當中晟耀眠軒二組” 為星:可喪空持京生席.-. 魅顯環(huán)同月宿的JB櫛ST性 * 閃耀看幸福很泯的 戀孌歷穆*- 職和牡相遇飪天的契2 引著丈.涌的不性.： 亙尸訂試王橫這嚴一罟泌種: 我最喜歡這個頁面的設(shè)計，這個頁面用來展示了一個系列的婚 戒。點擊下面的小圖片，上面的圖片也會隨之變換。而且圖片背景為 透明，也使整個頁面的效果

3、更佳了。 而對于這效果的實現(xiàn)，我是先在網(wǎng)頁素材庫里面找了這個圖片特 效，然后再運用了一個框架將這個特效嵌入到框架里面。 其中運用了嵌入框架的的代碼是：viframe width二640 heigh t二760 src=地址 還有這個頁面也是用的這個特效： Tht Graff Sweethearts 德乩里日世紡（加M年） 格拉芙粉鉆石熄Q氏年） The Tvin Stars（201Q年） 裕卷芙星座之石伽10年） 點擊箭頭符號，圖片也隨之切換 網(wǎng)站的首頁我設(shè)計是一個進入flash，點擊enter字符進入公司 簡介 這個頁面我也很是喜歡，雖然簡單，但是很精彩。Flash是在網(wǎng) 上找的素材。 阪1

4、寺上的欄曰裙豐 * VXfZJfiFf l 壽鎮(zhèn)顯竹 珠寶系列 換鉆升長 這個導(dǎo)航欄是我自己用firework做的，當鼠標移動到每個欄目 上都會有兩個橫向的下拉菜單。詳見結(jié)構(gòu)圖。 五、色彩搭配及其含義 （如綠色+金黃+淡白，體現(xiàn)優(yōu)雅 ,舒適的感覺） 例如下面： 公司簡介肯定是代表整個公司的形象， 所以要大氣，而珠寶是華 貴而又奢華的，所以我選用的是美國紐約的帝國大廈的城市夜景作為 背景。既有低調(diào)的奢華，又不失大氣。 irrnti 品牌歷史是有著歷史的沉淀的，所以我選擇了古希臘的 彎薩 歷史建筑作為背景，再與公司創(chuàng)始人的黑白照片搭配，更顯 出歷史厚重感。 Jowl砒川泌對兄丟少別麗視SJU,巧檻

5、坎鼎執(zhí)首. 輕雪業(yè)培D的站石工紳酬具褂年口丄訛桂.tM*fTffjLrr DlwMKd. 慍fJM精;Mli用.存如暉豪+MtMMfiMTMWtei 只円烽嚴心據(jù)兀牛欄武吐叢聲 %）至 ffifAj 的評異 JKtlUiJJ.Lry IHid LLifflLirr訊冊和1対慮劃杠他藝#幕皐” 全新鉆飾 這個頁面用噴泉作為背景，有著一種朦朧的美感，與鉆石的 閃耀形成鮮明的對比。 TH&SIGZ OF LOV-E星眷戀人 星康婚戒備列 J : 曾】 浜止呈韋*-* 麗紳|二討 用鶴眇的引力互粕華刖 措利成瑋同諭狀I(lǐng) 當電毘握眼金十淚 卅蚩河夜了帚來牛. 沁豐同月杪的JE特寓洼. P傕右打曲宓看和*

6、沾 匸杭用 . | 3 用漫天的繁星作為背景與“星眷戀人”這個主題恰好相呼應(yīng) 訂婚鉆戒 姫勺永恫用直的魚槪 訂婚鉆戒用熱戀中相擁的男女作為背景 但圖片并不是很清 深色的背景更能突顯出鉆戒熠熠生輝 楚 LAlMUWULn W!肌卜矚暑議 jHf PF IVT CU#tA 六、網(wǎng)站的結(jié)構(gòu)圖和頁面組成 頁面組成： 我每個欄目都做了一個網(wǎng)頁，除了“經(jīng)典系列”與“獨特珠寶” 沒有做頁面。 七、網(wǎng)站設(shè)計中具體實現(xiàn)的幾個關(guān)鍵功能和相關(guān)技術(shù)說明 （例如布局的方法：應(yīng)用層、應(yīng)用表格、應(yīng)用模板、應(yīng)用F lash或其他腳本技術(shù)） 布局方法： 頁面的大部分都是應(yīng)用的表格布局的，都是一個表格嵌套的一個表 格，少部分應(yīng)用

7、的層布局。因為表格比較穩(wěn)定，打開不容易混亂。 應(yīng)用flash : 我在首頁應(yīng)用了 flash作為進入網(wǎng)站的首頁。 腳本技術(shù)： 應(yīng)用了 viframe width二640 height二760 src=地址v/iframe 這句代碼，插入了框架。調(diào)用了另一個網(wǎng)頁。 八、如何安排進度和計劃完成時間 星期一：確定主題，構(gòu)建網(wǎng)站的框架。 星期二：查找素材包括圖片、特效代碼、flash及文字資料等 星期三：網(wǎng)站布局，做各個頁面。 星期四：精細細節(jié)，做好鏈接。 星期五：網(wǎng)頁展示。 九、網(wǎng)站建設(shè)的心得體會和擴展性分析 建立網(wǎng)站一定要有一個明確的主題， 知道自己是在做什么，準備 做什么，規(guī)劃要做細致，要精確到網(wǎng)頁的每一個部分。千萬不要做到 一半偏離主題，做了一個大雜燴的網(wǎng)頁。收集素材是必不可少，前期 規(guī)劃好后就應(yīng)該把相應(yīng)的素材找好，這樣可