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

《網(wǎng)頁設(shè)計(jì)設(shè)計(jì)報(bào)告》由會(huì)員分享，可在線閱讀，更多相關(guān)《網(wǎng)頁設(shè)計(jì)設(shè)計(jì)報(bào)告（10頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

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