【正文】 .................14 主頁的要求.............................................................................................................................14 PRODCT的要求......................................................................................................................14 ABOUT ME的要求..................................................................................................................14 測試站點.........................................................................................................................................15 后期維護：.............................................................................................................................15 功能模塊：.............................................................................................................................15 參考文獻.........................................................................................................................................16 個人小結(jié).........................................................................................................................................17 夏前偉.....................................................................................................................................19 胡維國.....................................................................................................................................22 海繼昌.....................................................................................................................................24 陳佑宏.....................................................................................................................................27前言隨著時代的發(fā)展，網(wǎng)站建設越來越接近于一門藝術(shù)而不僅僅是一項技術(shù)。這總是在提醒我，制作網(wǎng)頁絕對不是一項閉門造車的活動。這個頁面主要講周杰倫最近推出的新專輯。在“圖片”鏈接的頁面中，主要就貼一些周杰倫的各種圖片。第五個模塊“歌迷會通道”，看了每日杰訊的歌迷們知道了周杰倫的近期活動安排行程，想?yún)⒓右恍┖徒軅愑嘘P(guān)的活動，那么進入歌迷會將會是一個不錯的選擇。第三個模塊“杰倫貼圖”，我之所以把這兩個模塊放在一起，是因為它們之間的聯(lián)系比起其他模塊更加緊密。我處理圖片的時候不僅用了firework8，還用了photoshop和美圖秀秀。我發(fā)現(xiàn)他們制作時框架緊湊明晰，同時也包括了幾個音樂網(wǎng)站必須具有的模塊。從小到大，在自己的心底就有個音樂夢想。網(wǎng)頁元素添加及格式設置然后對首頁中的圖片滾動進行設計，在這里用到了書上相應的代碼，至此一個網(wǎng)站的首頁就完成了。本次建立的站點名為cisco，為防止站點目錄下出現(xiàn)解析讀取錯誤，所有目錄下的所有文件均采用英文名字命名。在此次期間主要是通過在網(wǎng)上搜集了相關(guān)的素材（題庫以及各種頁面效果的代碼等）以及從圖書館借閱相關(guān)的書籍來進行對個人站點效果的設計。本次設計的網(wǎng)站主要是用來幫助大家快速了解思科網(wǎng)絡學院的最新動態(tài)以及學習到思科網(wǎng)絡知識，由于站點的容量有限，在這里我總結(jié)了幾種學習思科網(wǎng)絡的方式方法和經(jīng)典題型。網(wǎng)站各級頁面的設計 本次設計使用的是PS 專業(yè)繪圖軟件，通過使用PS的各項功能來設計網(wǎng)站的各級頁面（一級頁面，二級頁面）。在二級頁面則是用到了大量的嵌入式框架，來對文字進行編輯。我喜歡唱歌，喜歡跳舞，小的時候?qū)W過電子琴，上初中后父母認為學業(yè)更加要緊，于是所有與音樂有關(guān)的東西通通不被再提起。于是，得到借鑒，我在我的主頁上面也就添加了“杰迷必知”、“杰倫貼圖”、“杰倫影音”、“每日杰訊”、“歌迷會通道”這樣五個模塊。在插視頻的時候由于只能插flv格式的，因此還下載了轉(zhuǎn)碼器。因為杰倫的貼圖不僅僅是周杰倫的個人寫真，更多的是他專輯封面，演唱會現(xiàn)場照和電影劇照。歌迷會通道提供了全國以及海外共32個通道，歌迷們可以看自己的地理情況就近參加，這也給歌迷和杰倫互動中間架起了一座橋梁。第一部分用了代碼marquee，使四張圖片從左到右運動。整個頁面用了圖文混排的方式對外展示新專輯的熱賣點，并且有預購的系統(tǒng)，這樣可以幫助網(wǎng)站盈利。平時和自己的好朋友多討論，讓很多人來給你的網(wǎng)站給些建議和意見都是不錯的。網(wǎng)頁的藝術(shù)設計，日益被網(wǎng)站建設者所注重。因此，在本學期特設置此課程設計，集中一段時間使學生綜合運用所學習的網(wǎng)頁制作知識及以前所學習的計算機方面的知識，按照網(wǎng)站制作的流程，完成一個相對具體、綜合的網(wǎng)站，全面鞏固學生的知識，培養(yǎng)學生解決實際問題的能力，從而達到學以致用的。二、設計階段網(wǎng)站形象設計：主要包括設計網(wǎng)站的標志（logo），設計網(wǎng)站的標準色彩，設計網(wǎng)站的標準字體。頁面設計頁面的平鋪展示：主要的物件有：導航欄、LOGO、Banner、按鈕、圖片、文字。其他：，才有統(tǒng)一，有細節(jié)區(qū)別，就有層次。為了保證每個字頁面的統(tǒng)一性，而特意設計的頁面，文字的清晰介紹以及高清的圖片查看功能，而取消返回首頁這個選項而設置在巧妙的位置也是一成功力做！SERVE頁面提供所需的一些服務，一些需要的資源，以及售后的聯(lián)系，還有物流的查詢。測試站點站點各個方面無問題，經(jīng)測試上傳到網(wǎng)頁， 后期維護：布局的要求完全為了考慮后期的增刪改查。規(guī)劃好站點的總體結(jié)構(gòu)以后，還應該對站點中每一頁的欄目、布局等作更進一步的設計。制作完網(wǎng)頁階段之后，應該對網(wǎng)頁做全面的檢測，包括檢查網(wǎng)頁內(nèi)容的科學性、版面編排的合理性、超鏈接的正確性以及對網(wǎng)頁的內(nèi)容作適當?shù)脑鰷p等。從中獲得的諸多收獲，也是很可貴的，是非常有意義的。作為一名青年學子更應該把學習作為保持工作積極性的重要途徑。在今后的工作和生活中，我將繼續(xù)學習，深入實踐，不斷提升自我，努力創(chuàng)造業(yè)績，繼續(xù)創(chuàng)造更多的價值。后臺數(shù)據(jù)處理。二、規(guī)劃好整個網(wǎng)站主頁的設計應以醒目優(yōu)先，應該令人一目了然，切勿堆砌太多不必要的細節(jié)，或使畫面過于復雜。Dreamweaver工具為我們實現(xiàn)這些提供了便利，下面我將網(wǎng)頁制作和網(wǎng)站發(fā)布的知識總結(jié)如下：（1）網(wǎng)頁制作的前期工作是搜集大量的素材，我們的網(wǎng)頁只有是實用的才會是大眾喜歡的，搜集素材以充實我們的網(wǎng)頁。存在的問題及解決思路(1)在Dreamweaver基礎方面：制作網(wǎng)頁時如何實現(xiàn)網(wǎng)頁不跳轉(zhuǎn)就可以出現(xiàn)新的內(nèi)容，實現(xiàn)頁面內(nèi)的鏈接；用代碼編寫網(wǎng)頁上的按鈕，25 實現(xiàn)按鈕的各種功能，如刷新，重置，確定操作?；蛟S實訓的結(jié)束代表一段新生活的開始，但是我認為它不但是一門課，需要我們?nèi)フ莆?，同時還可以鍛煉我們的邏輯思維能力和思維的嚴密性，還有就是在制作網(wǎng)頁的過程中，更需要有不錯的藝術(shù)審美觀，這樣，你做出的網(wǎng)頁才會賞心悅目，讓人眼前一亮，也就是從此刻起，我決心好好鉆研這門課，力求這方面的技能達到頂級。靈活使用模板和庫來制作網(wǎng)頁；學會申請免費域名空間和正確上傳站點的方法。盡管我們建立了模板，但我們在建立子網(wǎng)時很小心，因為一張圖片的大小插入就有可能破壞整個模板的結(jié)構(gòu)尤其在使用表格時，因此我們對所插入的圖片和表格都得進行測量，做到不影響網(wǎng)站整體的美觀。六．實訓心得：通過這周的學習實踐，在老師的指導下以大量明晰的操作步驟和典型的應用實例，使我們真正對所學的軟件融會貫通。然后是整體規(guī)劃，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，首頁，關(guān)于我們，婚紗禮服，量體裁衣，婚紗選購，公司門市，與我聯(lián)系，在線論壇，每一部分又分幾小部分，內(nèi)容比較充分，多樣。當然雅俗共賞是人人都追求的。所以這次實訓還是很有意義的。 建立一個展示動漫的平臺。漫畫正是吸收了影視藝術(shù)的這兩個特點。Manga（まんが，manga）為日語“漫畫”的羅馬字注音。動畫原創(chuàng)：依漫畫改編的動畫，由于動畫的更新速度比漫畫快的關(guān)系，當動畫的劇集快趕上漫畫時，動畫的劇情就要脫離漫畫劇情，開始動畫原創(chuàng)。每一個頁面用圖片來做。站點里面包括：首頁：第一層網(wǎng)頁，畫面主要有動漫匯的logo，logo下方是一個橫幅，鼠標經(jīng)過會有光亮，點擊仍將是動漫的主頁。點擊看漫畫或動漫，即可欣賞相關(guān)動漫。所用技術(shù)動漫匯需要大量的圖片及相關(guān)的話題。四．網(wǎng)頁介紹制作網(wǎng)站的網(wǎng)頁素材、風格、模板都設計好以后，下一步就是具體的制作網(wǎng)頁。我們也會定時更新榜單，為了讓廣大讀者更快更直接地了解最新的動漫信息。第三層部門動漫是漫畫欣賞，有的是動漫觀看。同時，由于漫畫頁面中的信息太多，于是建立了一個專門的文件夾存放相冊信息，網(wǎng)頁中的css 樣式文件也應統(tǒng)一管理，做到有條不紊，我設計的網(wǎng)站的首頁如下圖：根據(jù)自己的網(wǎng)頁風格，在網(wǎng)上搜集合適的圖片，另外網(wǎng)頁的頁寬一般沒有超過900像素，以保證左右不出現(xiàn)滾動條。插入gif圖片，需要時在ps中做gif圖。其中使用翻看圖片的特效，使得看漫畫不那