2012春節假期就快到了，在這個假期里我們組織一次同學聚會吧，讓同學們在一起敘敘舊，重溫那些有夢的歲月，感受一下當年的青春氣息。在網上做個簽到報名頁面吧，讓同學們可以簽到報名，發布活動計划，收集同學們的意見，請同學們留下聯系方式，統計可以參加的人數，不能來得同學，可以通過聯系方式，把這次活動的紀念品給郵寄回去，讓他/她也能感受到集體的溫暖。
頁面不能太復雜，主題要明顯，操作方便。這樣同學們不會浪費太多的時間就能明白聚會的事情，同時容易的留下聯系方式，最好是一個頁面，不用跳轉，完成上面的這些需求。
現在20多英寸的液晶顯示器開始成為主流，同學聚會頁面會放一些當時的老照片，一頁的圖片內容會比較多，把橫向尺寸放到1435吧，這樣當橫向分辨率在超過 1440的情況下，全屏不會出現橫向滾動條，一屏可以顯示完全。
聚會一般會有邀請詞來說明並發起這個聚會。頁面草圖可能會是下面的這個樣子: 
[由於畫草圖的軟件不能輸入中文，這里只能寫英文了。 
]
頁面大體分為，上中下三個部分，上部分包括聚會邀請詞，和一個大Icon按鈕，提示同學們點擊報名。中部是一個 Image的Slider，把一些當時的老照片放在一起處理過后，滾動播放吧，鼠標懸停，停止播放，也可以直接把活動計划放在最后一個Slide。下部是一個Footer落款吧。
點擊報名Icon彈出一個Shadow的Modal Dialog，在這個Dialog里請同學們留下聯系方式和郵寄地址，不來的同學可以通過郵寄地址把活動紀念品給郵寄回去。Dialog的草圖可能是下面的樣子: 
頁面的基本設計完成了，開工切圖寫Html ,Css和JavaScript了，頁面基本可能是這個樣子: 
考慮到，點擊報名的地方只有一個，可以在Footer里，落款的上面，放一個全班同學的滾動名單，同學們可以直接點擊自己的名字進行報名。
Image Slider選擇了jquery.nivo.slider，配置一下Slider播放效果就可以了，彈出Dialog選擇了ExtJs的Modal Dialog，同時使用了ExJs的Validator和DataBinding，使得同學在輸入自己名字的時候，會有自動完成功能，同時輸入的名字，也僅限於已經設置好了的同學名單中的名字。滾動的名單效果選擇了jquery.ui的animate。
頁面最終是這個樣子了: 
下面要開始后台代碼了，使用Php Jsp 還是 Asp.Net都可以方便的完成這個小功能，由於空間主機選了Asp.Net就使用Asp.Net寫后台代碼吧。數據庫可以使用Sqlite，不過有的空間對Sqlite的dll有限制，或者Asp.Net的進程有middle-trust的要求。使用XML數據文件更好部署，更方便使用。當用戶成功報名后會在他/她的名字前出現一個小圖標，提示這個同學已經報名了。
XML數據文件Schema非常簡單，收集了全班同學的名單。
到這里整個頁面可以使用了，春節假期搞個同學會吧。
效果演示: http://zhangsichu.com/samples/campusparty/index.aspx