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

《網(wǎng)頁設(shè)計設(shè)計報告》由會員分享，可在線閱讀，更多相關(guān)《網(wǎng)頁設(shè)計設(shè)計報告（10頁珍藏版）》請在裝配圖網(wǎng)上搜索。

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