南台科技大学企业电子化学程网页设计PigPuellas网站网址fileC.doc

南台科技大學 企業電子化學程 網頁設計 Pig Puella’s網站 網址：file:///C:/Documents%20and%20Settings/yuyu/%E6%A1%8C%E9%9D%A2/4991b036/Welcome%20to%20my%20site.html 班級：四技企電二甲 學號：4991B036 姓名： 張俐文 01/03/2012 主題的選擇 因為我個人喜歡音樂，所以已音樂為主題，為了讓觀賞的人覺得不單調，特別加入可愛的風格喔。 那背景的話就以簡單明瞭為主，符合音樂和清晰簡單，也加入一些可愛動畫圖片。 這個網站主要提供想要更了解我的人觀賞，包含一些圖片、景點介紹、影片欣賞、音樂欣賞、我的夢想、我的朋友、我的家人、我的家、我的興趣、相片。 網站開發的流程 由於想要介紹自己，所以就想製作有關自己的一些網頁，例如興趣、家人、夢想等等。 網頁版面設計與使用元件 首頁： 首頁已可愛又符合音樂的想法，也用了一些動畫圖片，讓參觀者覺得不單調乏味，這樣顯得更有趣些。按下Enter鍵，就可以連到我的網站囉！ 我的網站： 因為我要介紹的網頁剛好十頁，所以我的概念是以可愛的動畫圖片把它圍成一圈，而且使用了「震動」效果，讓觀賞者能快速又明瞭地按進去觀賞。也加了「E-mail」、「連結」、「圖層」和「跑馬燈」、「背景音樂」功能，「首頁」可以連回去我的首頁。 我的夢想： 以淡粉色為背景，打上一些重點文字說明，圖片使用了「震動」、「圖層」和「連結」效果，「BACK」可連回去我的網站。 我的家人： 以蝴蝶為背景圖，以文字說明了我的家人，放上一些相片，使用了「跑馬燈」、「連結」、「水平線」、「表格」、「出現與淡出影像」、「震動」、「圖層」這些功能。「BACK」可連回去我的網站。 以貓咪為背景，使用了「表格」、「震動」、「連結」、「圖層」、「出現與淡出影像」功能。「BACK」可連回去我的網站。 我的家： 以天使為背景，插入了一些動畫圖片和介紹影片，使用了「框架」、「圖層」、「連結」功能。「BACK」可連回去我的網站。 喜愛的景點： 以彩色小鳥為背景，使用了「連結」、「表格」、「錨點」、「不捲動之背景圖片」、「彈出訊息」、「圖層」功能。「BACK」可連回去我的網站。 我的興趣： 已可愛音樂為主題，因為我本身喜歡音樂，插入一些動畫圖片，讓網頁更加生動，使用了「連結」、「圖層」功能。「BACK」可連回去我的網站。 最愛的電影： 以黑色為背景，裡面有劇情故事、人物介紹、作者介紹、劇照集錦介紹，插入了動畫圖片和影片欣賞，使用了「連結」、「框架」、「圖層」功能。「BACK」可連回去我的網站。 劇情故事： 以黑色為背景，使用了「框架」、「連結」、「滑鼠影像交換」功能。 人物介紹： 以黑色為背景，使用了「框架」、「連結」、「圖層」、「水平線」功能。 作者介紹： 以黑色為背景，使用了「框架」、「連結」、「跑馬燈、「百葉窗拉起」功能。 劇照集錦： 以藍色格子為背景，使用了「表格」、「連結」、「跑馬燈」、「滑鼠影像交換」功能。 關於我： 以白色為底，加上動畫的音符和一些圖片，使用了「表格」、「連結」、「E-mail」功能。「BACK」可連回去我的網站。 我的朋友： 以可愛的圖片為背景，不重複，使用了「連結」、「跑馬燈」功能。「BACK」可連回去我的網站。 我的音樂： 以黑色為背景，插入一些動畫圖片，使用了「連結」、「可控制音樂功能」、「項目編號」功能。「BACK」可連回去我的網站。 結語 在製作這個網站的時候，讓我最頭痛的問題是要放哪些東西，要如何做才能讓觀賞者感覺到有趣而不是乏味，有時候做完一頁本來是開心的事，可是在瀏覽的時候總覺得哪邊怪怪的，是不是需要加點什麼，這讓我很煩惱，所以一頁網頁常常改來改去，終於了解架設一個屬於自己的網站真的很耗時間，而且必須用心去做，為了做這個網站，常常一坐就是一整天，讓我快精神崩潰了。 我的夢想 我的家人 相片 我的家 喜愛的景點 我的興趣 最愛的電影 關於我 我的朋友 我的音樂