1.先設計一動畫面框，以視覺加聽覺的震撼，引人耳目，增加他們對此活動的第一印象；另設「略過」按鍵,給那些已有極大興趣而想直接得到更充沛資訊的人使用，直接進入首頁，還附"English"和「中文」兩版本，吸引來自四面八方的參與者。 2.因本活動的主角是兒童,一切的網頁設計以簡單、明瞭、趣味為主軸，所以只將首頁分成up和main兩區塊，字體為中文加注音和英文版兩種： Up部份即為活動名稱「兒童暑期電腦夏令營」，利用Ulead 3D studio或Effect 3D設計一排動態字體。 Main 部分為一台電腦和其周邊設備的圖片，當滑鼠移至電腦螢幕時，會出現「活動介紹」的字；移到鍵盤時，會出現「報名方式」；點到滑鼠時，會出現「下載專區」；選到主機時，會有「承辦單位」的字樣；點到「喇叭」時，會出現「小遊戲區」。藉由此方式，讓參觀者（尤指小朋友）產生好奇心，想看看每個設備點進去會出現什麼資料，這樣就能使他們較了解此活動的相關資訊了。 3.此首頁還附有「背景音樂」、「參觀人數統計」、「時間及日期」等功能，營造一熱鬧的氣氛。
32 則留言:
設計巢狀表格，分成top left main三大區塊
Top
將主題「兒童暑期電腦夏令營」擺在此，讓使用者知道目前所在的位置。
在標語下方有各種不同的功能鍵，例如：活動簡介、往日回憶、公告留言、報名簡章、疑難排解……等
Left
當使用者點選在Top的功能鍵，例如：往日回憶，則在Left欄會出現一直排↓
90年活動照片
91年活動照片
92年活動照片
……
當點選「活動簡介」，則Left欄出現一直排↓
發展目標
承辦單位
歷史沿革
……
點選「公告留言」，則Left欄出現一直排↓
最新消息
行事曆
留言區
……
Main
當在Left欄選定了目標之後，例如：最新消息，則在Main欄中會按照日期顯示最新的公告
當點選「92年活動照片」，則Main欄會出現活動照片的縮圖
當點選「承辦單位」，則Main欄會出現承辦縣市的機關介紹
當點選「活動目標」，則Main欄會出現這次辦活動的宗旨、目標
因為是兒童的夏令營活動，所以這個網頁主要是設計給家長觀看，裡面的公告留言、發展目標……是考慮到家長的想法而設立的。
而活動照片則提供了家長與孩子知道這次學習大致方向。
留言區則是提供給師、生、家長的溝通平台。
曾老師您好
將首頁分為top，right，main 框架區塊
top：
兒童暑期電腦夏令營
宣 傳 標 語
註:１.兒童暑期電腦夏令營是大標題，
字體要大而清晰
2.宣傳標語部份用跑馬燈
right:
放置往年活動的精采照片，讓首頁顯得圖文並茂
main:
課程內容與教學目標
活動資訊
按鈕1 按紐2 按鈕3 按鈕4
註：１.利用版面表格
２.上方先條列課程內容與教學目標
３.下方較大區域是活動資訊，
項目諸如：活動費用
報名時間
報名方式
活動日期
集合時間
集合地點
主辦單位
４.活動資訊下方是四個flash按鈕的超 連結，使用hover功能，讓滑鼠經過時 字體變大，
按鈕分別是：活動行程表
報名表下載
需攜帶之物品
主辦單位連絡方式
將網頁分成main和left兩部分
把「兒童暑期電腦夏令營」標題放在left的最上方
其下方分別做出
→活動內容簡介、
時間地點地圖、
報名辦法、
留言板以及聯絡方式。
在這裡的超連結可以用一些flash bottom變換。
點選活動內容後：在main的地方用表格的方式排出每周或每日的行程規劃。(並可以在這頁插入先前辦活動的照片)
點選時間地點地圖後：在main的地方再用影像地圖標示各個區塊的活動目的。
點選報名辦法後：在main的地方出現網路報名和現場報名的超連結。
點選留言版、聯絡方式：就分別跳出可以發表心得感想的平台和電子信箱的連結。
這個網站的設計是盡量以簡潔易懂的方式呈現，
除了家長外，想參加活動或想進一步了解活動的小朋友們也能一目了然。
教經系109617033蔡依靜 提到...
將首頁分成left top main三大區塊
在top區塊放上標題(兒童暑期電腦夏令營)
在left的地方設置flash按鈕
最新消息:每天都將新消息放置網路上
夏令營簡介:創辦人即創辦時間
活動主旨:藉由活動的帶領，培養學員全方位思考即對設計的欣賞能力，更進一步啟發創造立即想像力，並靈活運用在生活上 。
活動花絮:將歷年的活動照片和學習過程呈現出來
活動說明:說明師資,對象:為國小生(限20名),日期時間:說明第一梯次及第二梯次的詳細時間,地點,課程,學雜費
報名表:以網路報名方式
留言版:有問題著可在留言版發言
按下按鈕後在main內出現相關內容
最底層加上TEL: FAX:和服務信箱
我會分成三大區塊 top left main
top
大大明顯生動的設計主題"兒童暑期電腦夏令營",以便清楚明白現在位置!!
在此區塊下方可以設置最新資訊.目標發展.留言板......等等!在右下角寫下承辦單位.聯絡電話.地址!
left
列出承辦的各所學校
↓
分別連結到各校(點一下後出現在main)
↓
上課內容簡介和付費方式.截止日期等等
main
背景用具代表性的標誌或圖片
中間會有個主圖,主圖旁邊有各年度的學習成果展及活動展,提供影像,像是教室大小及硬體設備......等等!
這是屬於給家長的網站,所以我們應該用最簡易懂的設計,能讓家長快速取得所要資訊.至於其他較瑣碎的資訊就可以放在次區塊!
首先將版面分割成top left main三大區塊
top:將標題"兒童暑期電腦夏令營"置於此,使用簡明的顏色與字體,並且將承辦單位與聯絡方式標明清楚,這樣一來假使使用者連結left裡的其他網頁,最重要的聯絡方式依然清楚的在網頁裡顯現
left:設計文字連結,ex:最新資訊,報名方式,活動簡介,友好網站連結,歷年活動回顧,發問區討論版
main:當一進入此網頁時顯示的是簡明的宣傳標語和說明此夏令營的主要功能,並且以些許曾舉辦過的活動圖片增添版面色彩;若點選left的文字連結則此區塊會出現相關內容
所有版面一定要使使用者能一目了然,大標題以重點方式呈現,進一步的相關內容則置於連結後,最重要的是時時更新網站資訊以便使用者能獲取最新活動消息
國教系 9401213 鄒佳雯
使用版面框架設計
切割成上、左、主框架
背景音樂─可使用兒童熟悉的卡通音樂.兒歌
【上框架】
1.夏令營LOGO、縣政府logo、夏令營名稱─動畫廣告橫福
2.〔連結按鈕名稱〕連結說明─排列由左至右
〔我能學到〕 活動目的
〔我想知道!〕活動內容─可使用Inspiration
〔我要參加!〕活動辦法
〔看照片去!〕照片分享
〔聽別人說!〕學員分享
【左框架】
〔連結按鈕名稱〕連結說明 ─排列由上至下
〔趕緊報名〕報名表下載
〔Q&A〕問答集
〔加入討論〕討論區
〔寫信給你〕寄信
〔怎麼過去〕交通位址
【中間框架】
1.主要畫面框架─最新消息
2.下方─服務處地址、時間、電話、傳真、信箱
因為主角是兒童,所以決定以兒童用語敘述,再搭配連結文字說明,
讓家長能帶領兒童一起了解這個活動。
top:標題"兒童暑期電腦夏令營"置於此,使用顏色與字體要明顯清楚，在配上動畫輔助更增加活潑性。將聯絡方式標明清楚,然後把標題直接連結到報名的網頁，這樣一來假使使用者連結left裡的其他網頁,依然能快速連到報名的網頁。
left:設計文字連結,ex:,歷年活動回顧,活動簡介、活動主旨、最新資訊,報名方式,發問區討論版
main:當一點入此網頁時，顯示的是簡單扼要的宣傳標語和說明此夏令營的主要功能,並且可以用一些趣味的背景音樂吸引閱覽者，而在比圖背景可以放淡化後的活動照片增添版面豐富性。若點選left的文字，則可以連結至此區塊顯現相關內容。
既然主題是關於兒童夏令營，我們所營造的網頁一定要先能吸引小孩子，也吸引家長！當然要有充分的內容更可以幫助夏令營招生，所以先前的活動照片、活動目標要明確且多元化!這樣小孩子對此活動的興趣才會增大!
TOP：標題「兒童暑期電腦夏令營」置於此，讓使用者知道現在所在的網站，下面擺上最新消息跑馬燈，以及各種分類按鈕(例如：活動簡介、公告事項、報名參加、上課時間等)
LEFT：只要使用者按上面的按鈕選項之後這邊就會出現相對應的選項(例如按活動簡介就會出現各項活動的簡介、按公告事項就會出現各個公告標題)
並且利用css的hover功能，讓滑鼠移到上面的時候能夠有一些不一樣的特效。
MAIN：只要按左邊的任一選項就未出現對應的內容，並且在下方隨時都有回首頁的選項以及聯絡方式及傳真。
國教系 9401136 蔡昀靜
Topic:購物網站設計
將畫面加入表格，分成top left main三大區塊
Top
[logo] [回首頁][最新商品][購物說明][訂閱電子報][購物車]
-----------------------------------
[商品搜尋][居家小物][趣味雜貨][好康特賣]
Left
[居家小物]-寢具抱枕
鐘錶燈飾
收納小品
[趣味雜貨]-玩具
玩偶
[好康特賣]-好康
最新活動
Main(以商品實際圖片為主)
1.設計主打商品照片陳列於中間
國教系 9401136 蔡昀靜
老師 不好意思打錯篇了 再補一篇!
Topic:兒童暑期電腦夏令營設計
將畫面加入表格，分成top left main三大區塊
Top
[夏另營營隊logo] [回首頁][最新活動][網站地圖][留言版][Q&A][我要登入]
-----------------------------------
[我要報名][快來認識我][活動介紹][歷屆照片]
Left
主題分類
[營隊成果分享]
[爸爸媽媽討論區]
[各大媒體專訪報導]
[加入會員]
Main(以近期及未來活動宣傳為主)
1.最新公告
2.活動宣傳
*最底下放上營隊的公司地址&聯絡方式
使用『上及左巢狀頁框』將頁面分為上左主三部分:
上頁框top
為這次活動的主標題”兒童暑期電腦夏令營”背景設為卡通(小孩與電腦)的圖樣，以吸引兒童的目光，增加畫面的鮮明度。
左頁框left
設計可愛的互動FLAH按鈕
本期課程
教學目標(分級)
繳費與報名方式
課堂剪影
聯絡我們Q&A
歷屆成果展
回首頁
點選選單後畫面會呈現在主視窗，讓畫面乾淨簡潔，隨時可以點選道想要的項目。
主框架main
在位點任何東西前所呈現的是一點進網頁的首頁，會下一個標語，讓心動卻還未行動的孩子下定決心充實暑假生活，設置一個最新消息的視窗，以跑馬燈的方式呈現，滑鼠一移過去跑馬燈就會暫停，就可以點選你想知道的新資訊。左方會再放個歷年活動的照片FLAH，最下面在付上聯絡電話和地址傳真等…
設計不只是要給兒童看，家長才是決定的因素，因此話語不需要太兒語化，應該以確實會學到東西為號召，並以團體報名的折扣來吸引家長。
我會使用巢狀表格分成left和main兩塊
這樣可以使視窗簡單而整齊
在left的欄位可以順便使用表格，之後取消格線，使畫面排版整齊，而它的功能最主要的是為了做main的主頁分類，可能為"活動目的"、"主辦單位"、"時間地點"、"報名表下載"等的項目，當然這些項目也可使用一些簡單圖示表示(不過好像有點困難)，之後再使用css的功能使圖示變文字當滑鼠移動到圖示上時，或是使用注解的方式，當滑鼠移到圖示就產生文字說明，要不然也可使用flash功能製作，這些都可以讓畫面不那樣的枯燥乏味
在main的頁面中，就放上一些最新消息，可以讓民眾一進站就能掌握最新資訊，而不會有所資訊漏看，當然最新資訊也是使用表格來定位會比較好，但最好保留框線，不然很容易會使閱讀者產生混亂，而在最上面的部分則可以加一個這個活動的名稱，但要顯眼一點，這樣可以使一進站的人一下子就知道這是什麼內容的網站。另外，在left所點選變化的頁面也是在main當中做改變的，並不會影響到left的頁面。
國教三乙 9401215 李雁芯
將首頁分為top，main，bottom 頁框區塊
top:用表格將此頁框分上下兩層
上層為「兒童暑期電腦夏令營」之標題附帶LOGO;下層為[關於我們] [活動簡介] [活動辦法] [報名方式] [Q&A]
main:最新公告 活動宣傳
bottom:[交流討論區] [留言板] [報名表下載] [與我們連絡] [其他夏令營連結]
在最後加上最底下放上營隊的公司地址聯絡TEL及FAX
p.s.採用輕快愉悅的音樂及電腦相關圖騰有趣的頁面背景
以此次的活動LOGO為主
藉以簡單文字
標明此次活動重點
包含時間地點主辦協辦等等
並以數個文字的連結
連結至歷年照片.報名表.活動簡介等等
國教3甲 9401105 徐聖淵
依照表設定模式
分成TOP LEFT MAIN
這應該是最常使用到的模式~~
TOP：
打上【兒童暑期電腦夏令營】，並與首頁做連結，如果有些人逛到不知道自己到哪裡了，只要點TOP就可以回到首頁。
我個人是比較喜歡在左邊的按鈕作設定
所以我打算先保留TOP的其他功能。
LEFT
我會做4個按鈕
1.本夏令營之宗旨、歷史
2.活動內容與須知
3.相關性活動連結
4.與我們連絡
點選1之後
MAIN的就可以看到我們承辦這活動的歷年紀錄
也有許多我們為什麼要創辦這種活動的宗旨
對很多想要了解此活動的家長
這應該是個很有用的資料區~
點選2進入
這邊我們會張貼我們的活動內容
和一些流程之類的
有任何公告也會張貼於此
順便可以介紹一下午們這邊的領隊經歷
總之大部分的活動都可以張貼於此
點選3進入
就是一些跟夏令營有關係的連結
可能是一些贊助者的網頁
或是其他夏令營的網頁
有可能不只一個梯次
所以這邊可供家長查詢他們覺得有沒有其他比較理想的時間
點選4進入
這邊提供我們的EMAIL
這樣方便跟我們連絡
或是給我們的電話
或是任何方便聯絡的聯絡方式
可以讓我們更有機會為大家服務
基本上夏令營就是一個要讓孩童開心
家長放心的活動
所以我們應該要盡力做到最好
這樣才能給小朋友一個快樂的童年!~
老師你好，我是社教三乙 左怡玲 94103247
情境: 某縣市委託設計一首頁, 其目的是作為舉辦兒童暑期電腦夏令營宣傳及報名用,lh請 說明妳(你)的設計內容 位置 及功能
先把網頁分割成 left top main等3個框架，
左邊是擺按鈕列
第一個是「線上報名」，可用css樣式的.hover樣式，當滑鼠移過會有其他的特效產生
「最新消息」→ 放些關於本週開課的課程，或是即將開課等內容
「報名須知」→ 一般來而言是給家長們看的，所以這裡的字樣要清楚明瞭，可用表格或是圖層區隔開
「師資專區」→ 介紹營隊的電腦老師，其學歷或是適任課程及考過相關的証照及授課經驗等等，也可擺在老師的email供家長聯絡詢問
「照片集錦」→ 放些學員上課或活動時的照片，可以flash製作有特效的照片，像是淡出、淡入等;也可放上課教室的照片，讓家長看整體的學習環境是如何的
「留言給我」→ 討論區(留言版)，開放家長或民眾詢問事項等，會定期有相關人士回答問題
「課表下載」→ 可以excel或是word上傳為電子檔供人下載，上面有每天定時的課程內容，比方說星期一九點是網頁設計，星期二九點是電腦軟體應用等
「証照達人」→ 寫明各種電腦相關証照的報名方式、考試日期，甚至夏令營還可幫忙安排報名考試等
以上這些可用photoImpact或是dreamweaver(插入→媒體~flash按鈕)來製作
top 則是用放大清楚的字呈現「兒童暑期電腦夏令營」等字樣，可用flash或是Namo Flash creator做特效
兒童暑期電腦夏令營下面用跑馬燈顯示開課的課程
top的右下角可用css樣式製作按鈕 『交通指引』 『回首頁』
main的部分，
首先第一行先用Ulead Cool 3D的動畫精靈，製作出會動的照片(學員生活點滴的照片)
接著再以圖層放入各相關圖片，可作滑鼠移入有字顯示(mouse move)功能，做課程介紹
下方可在加上 促銷的廣告字樣，比方說" 團報優惠 " 或是會有定期舉辦同樂會、烤肉、摸彩等活動，吸引人家報名
音樂的部分，可用輕音樂或古典音樂，讓人家在心情放鬆的狀態下瀏覽網頁
1.先設計一動畫面框，以視覺加聽覺的震撼，引人耳目，增加他們對此活動的第一印象；另設「略過」按鍵,給那些已有極大興趣而想直接得到更充沛資訊的人使用，直接進入首頁，還附"English"和「中文」兩版本，吸引來自四面八方的參與者。
2.因本活動的主角是兒童,一切的網頁設計以簡單、明瞭、趣味為主軸，所以只將首頁分成up和main兩區塊，字體為中文加注音和英文版兩種：
Up部份即為活動名稱「兒童暑期電腦夏令營」，利用Ulead 3D studio或Effect 3D設計一排動態字體。
Main 部分為一台電腦和其周邊設備的圖片，當滑鼠移至電腦螢幕時，會出現「活動介紹」的字；移到鍵盤時，會出現「報名方式」；點到滑鼠時，會出現「下載專區」；選到主機時，會有「承辦單位」的字樣；點到「喇叭」時，會出現「小遊戲區」。藉由此方式，讓參觀者（尤指小朋友）產生好奇心，想看看每個設備點進去會出現什麼資料，這樣就能使他們較了解此活動的相關資訊了。
3.此首頁還附有「背景音樂」、「參觀人數統計」、「時間及日期」等功能，營造一熱鬧的氣氛。
將首頁分成left top main button 區塊
left
將功能鍵放次在這，做些flash按鈕，以連結其他的網頁，像是Q&A、報名表、以往活動照片、留言板，主辦單位之類的
top
置上主題標語和一些贊助小廣告，讓使用者可以清楚明白網頁的用意目標
main
放上一張夏令營宣傳海報及一些最新資訊
以令想參加者可以很快明白活動的進行動向
button
做些小連結，像是聯絡我們，贊助廠商和大型入口網站
國二乙 戴韋嘩 9401201
我會將首頁分成top left main三區塊
首先TOP區塊
放置大而明顯的設計主題
"兒童暑期電腦夏令營”，而夏令營LOGO則可放置在旁，下方可使用跑馬燈提醒或告知參加期限及最新消息。
LEFT區塊
放置各種分類按鈕，如：公告事項、報名參加、活動簡介、問答集、交通位址、寄信、歷年活動回顧等。
MAIN區塊
放置簡單扼要的宣傳標語和說明此夏令營的主要指引概念,可以用一些符合兒童的背景音樂吸引目光，背景則可以放淺色的活動照片，讓家長兒童一目暸然的看出活動內容，中間會有個主圖，每隔3~5秒變換一張圖片，主圖旁邊則有各種不同年度的活動成果過程、成果，展現出每年各種不同的新風貌。
而文字口吻，最好是能夠符合孩童們的又能夠誠懇將活動內容轉告給家長，如此一來，能夠達到所謂的宣傳效果。
我會分成Left Top Main三塊
Top
當然是擺主標題還有動畫廣告
還要分入口按鈕
分成家長&小朋友的
配合兩種需求 用不同的文字來說明活動內容
Left
則是細分各項小標題
像是活動簡介 各年照片 活動內容 報名表等
而最下面一欄要設置map的字樣
滑鼠移上時會出現網站的地圖
Main
隨著Left的按鈕而變換
每頁均要圖文並茂
若有照片
滑鼠移上去就會出現說明字樣之類的
將首頁分成left top main 三大區塊
Top
將主題「兒童暑期電腦夏令營」擺在正中間用鮮豔的顏色增加吸引度下面放上活動簡介報名方法以及相關活動報名辦法
Left
用flash按鈕作做歷年活動圖片文字介紹
main
佈告欄 e-mail 留言區
教二甲 9517011 呂珮瑀
想要設計成麥當勞網站的樣式
http://www.mcdonalds.com.tw/#
中間就會有此次夏令營的logo 和主題內容
中間的圖案還可以show出最新消息，讓瀏覽的人可以馬上看到
功能鍵會有五項
1.簡介(活動目的、活動流程、主辦單位的介紹...)
2.報名、連絡方式
3.過去歷年的舊照片、影片
4.留言板、討論區
5.活動地點(有地圖、捷運公車的交通資訊、開車的路線圖、停車場)
關於一個功能間細項的部份，就可以用inspiration來做
情境: 某縣市委託設計一首頁, 其目的是作為舉辦兒童暑期電腦夏令營宣傳及報名用,lh請 說明妳(你)的設計內容 位置 及功能
我想設計的網站的首頁是一整個圖案
我所使用的背景是個【教室】
而上面有著許多另外的圖片 有【招牌】【老師】【櫃檯】【學生】【公佈欄】【黑板】【黑板上有問號】
●而網頁上方放的圖片就是這個教室的【招牌】，上面寫著「2007兒童暑期電腦夏令營」，點選圖片可以看到詳細主辦單位及中心介紹。另外也與首頁有著超連結。
●在下方的教室背景中，點選【黑板】圖片則可以連結到課程時間、地點、內容等的詳細介紹，以及課程的特色。
●點選【老師】圖片則可以連結到每種課程的師資介紹與其教學特色。
●點選【櫃檯】圖片則可以連結到報名與繳費方式的說明，另外櫃台上的【電話】圖片則有主辦單位的聯絡方式。
●點選【學生】圖片則可以連結到討論版，那邊還有以往參予的小朋友心得分享。
●點選【問號】圖片則可以連結到FAQ和我有問題的網頁，可以查詢常見的問題，或是將問題寫出來讓我們知道。
●點選【公佈欄】圖片則可以連結到以往的夏令營精采照片與其他小朋友的學習作品集。
畢竟這個活動參加者主要是小朋友，使用圖片來做網站的超連結比起文字會更為生動活潑，我想對於家長與小朋友都能更有動機去參觀這個網站，也讓她們對於這個夏令營有初步的了解。
將首頁分成 top 和 main 兩大框架
top
兒童暑期電腦夏令營(放大and動畫)
[活動內容][課程簡介][報名資訊][留言板][相關網站][回首頁]
main
簡短說明"電腦"在現今社會中扮演多麼重要的角色!而這裡有著優良的師資，為各位家長的寶貝兒女，提供最佳環境！
而每點選ｔｏｐ裡的目錄鍵，下方的ｍａｉｎ就會跑出兩個框架left和次main。
例如：點選［活動內容］，在ｌｅｆｔ裡就會出現＜本期活動＞＜活動目的＞＜組織架構＞＜歷屆成果＞... 或點選[課程簡介]，在ｌｅｆｔ裡就會出現＜課程大綱＞＜課程時間＞＜作品呈現＞... 或點選[報名資訊]，在ｌｅｆｔ裡就會出現＜報名各種限制＞＜下載報名表＞...等
將網頁分成top left main三大部分
top：
將大標題「兒童暑期電腦夏令營」放在此，使使用者一進入此網頁就能清楚明瞭本網頁設置目的，大標題的文字必須特效，可以用flash按鈕來達成此功能。
在大標題之下可以再使用一句標語，抓住訪客的眼睛，例如：「讓孩子的腦筋動一夏」之類。
left：
放一些超連結，解決訪客的疑惑，例如：最新消息、活動介紹、課程大綱、訪客留言、報名表下載、活動日期、上課地點等等，超連結的文字可以使用css使之有變化。
main：
這個夏令營是專為孩童而辦，背景可以使用可愛圖案，可以放一些以往孩童學習的成果、心得，讓它成為交流園地，讓大家知道這個夏令營交的是什麼？孩子的學習成果又如何？我相信這樣一來比再多的文字敘述都要來的有效果。
首頁設計就是要簡單明瞭符合主題，達到宣傳的效果，設計不要太過於繁雜花俏，超連結一定都要有他的意義存在。
首頁_設計內容_以此次夏令營的海報主題logo為首頁，主題明確且能令人印象深刻。
首頁_設計位置_logo擺在中央，視覺傳達效果最佳。
首頁_設計功能_點選logo即可進入主頁面，省時間。
主頁面_設計內容_「活動簡介」「報名方式」「問題洽詢」。
主頁面_設計位置_分上下兩層框架，上方小框架擺以上三大項的按鈕。
主頁面_設計功能_「活動簡介」_內含活動目的、主辦單位、指導單位、贊助單位、認可字號、活動性質、活動流程……等。「報名方式」_網頁上放置線上報名表欄位，並附上傳真及電話、地址，可透過多重管道報名。「問題洽詢」_以cgi之類的留言板提供互動式詢問，解決有興趣民眾的疑惑。
9401223 國教三乙 彭永安
版面框架設計
我要分割成中間(大畫面的兒童暑期電腦夏令營標題)、中間上面(附屬小小的選項)、左邊、中間下面(放文字，簡介)
【中間主要部份】
1.夏令營照片、夏令營名稱
2.簡單的簡介
【中間上面小選項】
有1.回首頁，2.關於我們，3.課程規劃，4.安全與生活，5.報名須知，6.報名表，7.照片回顧，8.索取資料
【左邊】
1.放入最新消息 2.常見問題 3.歷年來的資料和照片 4.與我們連絡 5.意見與建議
【中間下面】
隨者使用者的選擇，會出現要SHOW出的資料
先將首頁分成三部份
top.main.left
Top:
放置主題"兒童暑期電腦夏令營"的標題
可以使用一些軟體來突出這個活動主題
left:
使用flash或內建的按鈕還製作其他內容的連結。EX:首頁.活動行程.教學內容.相簿回憶(一些以前的活動照片).報名表.主辦單位的信箱
main:
背景會先放上活動logo
既然是首頁
內容應該會打上"最新消息"
讓一些有在注意的家長能更了解此夏令營
為了方便報名會直接有可以超連結到報名表的
按鍵
會在最上面擺上一排以前活動時的縮圖
可以引起使用者的興趣
增加他們參加的想法
教二甲 9517010 黃雅雯
我會在top頁框設計很顯眼的3D動畫的動態字幕"兒童暑期電腦夏令營開始報名囉"
left頁框要做各種按鈕
1.活動內容(點了之後在mainframe顯示某縣市針對此次活動的企劃書，包含報名時間、報名地點、報名方式、報名費用、課程介紹等等)
2.報名表格下載
3.往年回憶(放置以往舉辦的活動照片)
4.學生成果作品
5.留言板(供大家發問及討論)
mainframe則是顯示瀏覽者所點選的內容
主要網頁分兩個部分:
left 跟 main
left:
為選項表單，裡面選項包括許多不同的連結
1.影片與照片分享:
分享之前活動的照片或影片，使人可以了解活動情況跟環境關係.
2.報名簡章:
提供簡章的表格檔案，提供下載
3.活動公告:
在這裡講術活動的內容，時間安排，行程規劃
4.溝通留言板:
提供交流回應的空間，活動參與者可互相交流意見
5.與我們連絡:
主辦單位的聯絡電話地址與Email，提供即時的聯繫服務
main:
主題「兒童暑期電腦夏令營」擺在中間加大加粗!然後從left點開的分頁將在此開啟
首頁的部分很重要一定要美觀，然後資訊要清晰明瞭，整體營造溫馨的感覺，能引起家長及小孩的興趣跟喜好為指標
另外空白區也可以放一些活動廣告，也可以提供給贊助或協辦單位做為宣傳
將頁面分成top、main、left三個區塊。
【Top】
●放上"兒童暑期電腦夏令營"這個大標，
連可連結至首頁。
●利用跑馬燈進行宣傳。
【Left】
●最新消息→最新訊息的發布區。
●課程需知→對課程內容的介紹。
●師資陣容→帶領團隊的簡介。
●參加辦法→報名辦法及費用。
●歷年活動→學生的學習剪影、成果發表。
●聯絡我們→信箱及留言板。
【Main】
放上歷年學生活動照片製成的動畫。
張貼留言