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