网页设计书面报告.doc

網頁設計 指導老師：林水豪老師 學生：陳信源 學號：19212005網頁設計 書面報告一、背景：現今的音樂有些實在無法感受到放鬆的境界，所以慢慢開始接觸純音樂，也因此喜歡上純音樂的世界，或許只是單純的樂符，但是卻可使人有種輕鬆的感覺，所以網頁製訂為三個主題：純音樂的世界、知識地帶以及snoopy的世界。一開始是找不到網路空間，所以開始著手於喜歡的snoopy，不過介紹的方式有點不同，版主是以一個觀賞者的角度下去做介紹(人物畫廊)，這同時也讓網頁更具獨特性。後來找到放置音樂的永久空間(這可我們電子實驗室的網路空間，所以首先感謝我研究所學長)，而且好的音樂，都想在第一時間分享，所謂音樂無國界咩!二、源由：對於多變的未來，總是有無數的期許，而即將來臨的挑戰，總是能認真的面對。但總覺得，人還是需要一個心靈的寄託，一個放鬆的區域，一個幸福的聲音，來對身心做綠色的陶冶。版主想以自然的樂符、可愛的snoopy、互動的留言板，來營造心靈充電的驛站，因為版主深信，心靈的充實才能迎接多變的事物，就如版主常說的：機會是靠自己爭取 命運是靠自己掌握當您有這種認知的時，您就有一定的受益，或許只是文字上的嶄露，不過對特定對象總是有助益低。三、網頁理念： 幸福 微笑輕鬆關懷藉由幸運草的襯托，伴隨著音樂的牽動，來營造一個幸福的感覺，然而幸福的定義是什麼呢? 對不同的人而言，相對的就有不同的定義，例如一個哭鬧不停的小孩，此時如果身邊的媽媽或阿姨適時的給予他最喜歡的棒棒糖或snoopy，剎那間，在她們的臉上，所洋溢出幸福的微笑、眼神、甚至舉動，這何嘗不是幸福！而這個網頁同樣也是想抱持著這個理念，給予進入這個網站的朋友，無論是在什麼時候，當時心情如何? 在首頁，版主已經清楚點出這個網頁的主題了： 不管今天天氣如何自己的心情決定今天的天氣永遠是個大晴天讓太陽公公感受您微笑的弧度四、網頁技術：1. 網頁製作：FrontPage + html語法。2. 美化軟體：PhotoImpact 8軟體。3. 動畫圖片：Ulead GIF Animator 5軟體。4. 文字動畫：SWiSH軟體。5. 照片動畫：MediShow播放器。6. 其他：套用IKC的物件，如日記、留言板、播放器.等。1. 歡迎視窗+落葉+計數次數：這是使用網路上提供的html語法。2. 圖片：大量使用PhotoImpact，來修飾我的圖片，當然也經過壓縮動作。3. 先將字體改變成所喜歡的字型(金梅浪漫黑框體)，在存成圖片檔。1. 左上角新聞視窗，是取用東森新聞報所提供的。2. 時間顯示：/提供的。3. 文字動畫：中間偏右使用SWiSH以及圖片美化的軟體所構成的。4. 選單圖片動畫：是利用FrontPage的DHTML來對滑鼠做特效。純音樂的世界(播放器+FrontPage)1. For you ：這首歌是寫給一位專科時期心儀的女生，主要是利用木吉他自彈自唱錄音。2. 純音樂的世界：收錄版主收藏的歌曲，每一張都有版主揣摩的意境。Snoopy人物畫廊（HTML+JavaScript）1. 圖片主要有利用PhotoImpact進行美化、縮小、邊框及編排。2. html語法主要是參考網路提供的語法，onMouseOut是最主要的關鍵，這樣才能達到版主需要的感覺。3. 圖片的超連結：主要是用以跟下一個畫廊做連結。桌布拼圖（html+JavaScript）1. 圖片主要有利用PhotoImpact進行美化、縮小、分割及編排。2. html語法主要是參考網路的範例程式，主要是修改成需要的樣式。3. back：只是利用FrontPage的超連結。留言板這是利用五角冰舖所提供的程式，經由IKC林水豪老師的修正使用，所以這個主題要感謝林老師。日記這也是IKC林水豪老師修改程式，讓使用者可以寫超過100行的日記內容，而且別人也可對其作回應，目前已經12篇了，版主只能說：給予高度肯定，真的很好用!下拉式選單這主要是利用HTML的語法，做下拉式選單測試版，目前作以作連結別的網頁。塗鴉留言板這是EBADA研究室修改與小桶子所提供的物件，主要透過畫圖來對版主留言，真是特別！圖片動畫1. 主要使用MediShow播放器軟 體，匯入需要的圖片，編輯動畫，匯出有三個檔案：壓縮檔、HTML、JavaScript貼入到需要的地方。2 .照片：經PhotoImpact壓縮、美化。HTML語法+IKC的程式碼1.裡面用到很多書籤的技巧，這樣有一個好處，就是少掉很多的網頁。2.左邊是拷貝IKC網頁上的程式碼，但是有更改GOOGLE的部份，將收尋位址設為這個網頁位址。五、結論：目前版主已經利用以上軟體以及語法甚至理念，將版主認為美好的事物，呈現到這個屬於獨特風格的網頁，只要進入這個網站的任何夥伴，都可以看到版主所給予的、所分享的事物，因為就只是單純的想分享一些心情、一些音樂、一些照片以及一些感動，或許不怎麼起眼，但版主期許能夠讓進來網頁的人有種心靈上的寄託。單純的舉動，只是想分享些許的愉悅，或許只是想以最輕鬆的感覺呈現，而版主想呈現的感覺，是一種對未來的祈許，就因為有期許，上帝就會聽見您心裡最深處的祈求，希望這個網頁能夠有不一樣的感覺。六、心得：所謂工欲善其事必先利其器，而老師在上課所敎的，是讓我們有能力去營造一個具備個人獨特的網頁內容，而在製作網頁的過程中，讓版主有更深的認知，更深的體會，那就是：做網頁真的需要創意、構思還有最終要的美工天份，當然這些都是必須多觀摩別人製作網頁的風格、技巧、規劃，吸收成為自己目前所欠缺的，這也是為自己網頁奠定的基本根據以及法則。不過網頁的完成，真的有股成就感，終於有屬於自己的網頁，或許在製