學生會網站製作１＠《皆涉世》｜PChome Online 個人新聞台

2008-06-25 02:53:39| 人氣1,142| 回應1 | 上一篇 | 下一篇

學生會網站製作１

推薦 0 收藏 0 轉貼0 訂閱站台

之前一個系上的學姐打電話找我，我知道她就是我們上面一屆之前的班代，說是要競選學生會，聽說我管理公廣系網誌還不錯，問我要不要去幫她們弄個BLOG之類的。

到了大二期中之後幾個禮拜，大家開了個小會，我才知道學姐做行管系學姊的副手搭配競選，連贊助都找好了，我總認為學生會是大家都不愛碰的消極單位，但學姐們積極找人才、積極宣傳，這樣的衝勁讓我覺得很棒，在“加入學生會”的眾意低靡氣氛中，只要有心就可以當上這個職位，對以後的經歷也有加分。不久後學姐順利當選了，我也就從輔選員變成學生會的幹部，從新生時資料袋收到學生會的資料以來，沒有想過會變成學生會的一員。

我被分配到資訊這個職務，還有個傳管系的學姊帶，學姐昱是製作吉他社新弦獎網站的人http://www.shugtc.com/，這個網站左上角的小標籤讓我著迷，雖然很容易就破功了，但真可愛，而且我還不會做。

這學期我修了網站企劃，學會用切片擺大圖(上傳較快)、Dreamweaver的網站管理和操作、滑鼠變換圖像、利用圖層樣式做效果、一些網站規劃相關，這些東西夠我做出一個網站了。學姐昱因為暑假要去美國打工(嘩～好厲害)的緣故，不曉得什麼時候可以用電腦，我反正在暑假中，就先開始著手製作了。

一開始先觀摩其他網站，發現有的學生會真的是超用心，也很龐大，像是漲學雜公聽會的資訊他們是打逐字稿欸，我們這邊也辦了公聽會，但內容就沒有po出來(雖然我還是寫了要摘放在系無名和BBS上面)。

要把網站架構畫出來，我把網站的主要目標對象分成兩種：
1.想知道學生會在幹麼、組織架構如何、做了什麼事的新血們。
2.想反映事情給學校、對學校有疑問的世新學生們。

所以主要架構上分成5個大點，第1點是首頁，第2、3點是介紹學生會，還有說說學生會做了什麼事的部份，第4、5點是給有話想說的世新人。上面也多了三個連結，世新大學官網、公廣系官網都有做，我參考一下也放上去了。

這兩張圖是我直接拿自己平常拍的照片來用的。今天做的Index和版型花了滿多時間在滑鼠變換按鈕上面，只要有變換效果，按鈕的數量就要做兩倍那麼多，上面這張圖的滑鼠變換按鈕的效果就是【工作報告】那個樣子的。

在做版型的時候我挺不確定到底banner要做多長才行，老師教的時候好像也沒有特別規定，只說過要做成800x600才能確保大家都可以看到，所以就把寬度設為800。另外右上角按鈕的樣式是突然想到的，它太小張，上面的圓角費了一番功夫。

先告一個段落，明日來弄內頁的部份，還沒有想樣式，應該會花上好些功夫。

直接連到下一集http://mypaper.pchome.com.tw/news/t1988424/3/1308398600/20080626085733/

我要檢舉