网页的设计书面汇报.docVIP

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