2008-06-25 02:53:39漣漪

學生會網站製作1

之前一個系上的學姐打電話找我,我知道她就是我們上面一屆之前的班代,說是要競選學生會,聽說我管理公廣系網誌還不錯,問我要不要去幫她們弄個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/

上一篇:手札970624

下一篇:學生會網站製作2

DUCK 2008-07-16 19:22:15

漣漪台長真是有耐心,個人對網頁的東西也還停留在很初階的東西.
光一個要滑鼠變換的效果,我就能搞到沒耐心了.
希望你改快作好,加油了.

版主回應
網頁玩效果還滿有趣的。耐心對不同東西不一樣多,您在專長地方的耐心一定不輸我。 2008-07-17 04:19:59