Embed Size (px)
DESCRIPTION
蘇承芳老師 提供上課教材
Citation preview
基隆市立安樂高級中學 蘇承芳
台灣學校網界博覽會
鄉土專題的研究策略與網頁製作技巧
2012/3/12 1
壹、什麼是網界博覽會？
比賽的精神與意義
比賽的主題與類別
參賽規則
評審方式與標準
互評的機制
過去的互評經驗
報名時的注意事項
http://cyberfair.taiwanschoolnet.org/
2012/3/12 2
貳、安中參賽紀錄
2012/3/12 3
2000「關於王拓」
－國中組「地方人物領袖類」銀牌獎
2012/3/12 4
2000「麥當勞」
－國中組「地方企業組織類」佳作獎
2012/3/12 5
2001「慈雲寺」
－國中組「地方歷史古蹟類」銅牌獎
2012/3/12 6
2002「大地雕刻家－基隆、東北角的地質景觀之旅」
－國中組「地方觀光資源類」銅牌獎
2012/3/12 7
2003「水接水，燈傳燈－雞籠的光與魅影」
－國中組「地方音樂藝術類」金牌獎
2012/3/12 8
2003「水接水，燈傳燈－雞籠的光與魅影」英文版http://gsh.taiwanschoolnet.org/gsh2003/2856/
2012/3/12 9
2005「大地雕刻家－基隆、北海岸的地質景觀之旅」－國中組「地方觀光資源類」銀牌獎
2012/3/12 10
2005「故壘濤聲－基隆古砲台」
－高中組「地方歷史古蹟類」銀牌獎
2012/3/12 11
2005「吟遊尚有人－基隆地區古典詩社與傳統詩人」－高中組「地方社團族群類」銀牌獎
2012/3/12 12
2007「晚鐘向月眉─靈泉禪寺」
－高中組「地方歷史古蹟類」佳作獎
2012/3/12 13
2007「金山采風，無限金采—金山鄉」
－高中組「地方地方觀光資源類」佳作獎
2012/3/12 14
參、參賽前應有的認知
參賽是為了多學、多看、多嘗試
比賽能訓練團隊合作的精神與能力
比賽能訓練解決問題的規畫與方法
隨著比賽的進行，自己要多提昇國語文表達能力
接受挫折是種必要的過程
2012/3/12 15
五項必須完成的任務
2012/3/12 16
1. 增進自身的資訊能力
2. 學會欣賞其他團隊的作品
3. 培養自我評價的能力
別當一個自我感覺良好的學生
別太看輕自己的研究能力
4. 做好時間管理
5. 學會系統化的資料處理能力
肆、題目的選定
深度廣度兼具
確認是否已有隊伍研究過相同的主題
需考量資料整合的難易度
是否能引起製作的興趣
必須有一定的可發揮空間
主題的本身對在地文化產生什麼影響？
2012/3/12 17
伍、製作之初
研究團隊的成形
志同道合的伙伴幾個就夠。
世上不存在成員們能力都超強的團隊，包容心很重要！
如何尋求資源與協助？
指導教師的工作是什麼？
指導老師不是萬能的天神！只是個引路人。
學生必須要有的心理建設
2012/3/12 18
陸、研究進行的重點
資料的搜集與整合
訂出專題的架構與主軸
實地踏察
尋求相關資源，紀錄或訪談
2012/3/12 19
2012/3/12 20
感受研究中有趣的部份並深入探討
研究內容呈現方式與方向
團隊中的每個人必須確實的工作分配
詳實紀錄研究過程與步驟
柒、網頁製作的注意事項
一致的風格可使瀏覽者舒服地閱讀
圖片有助文字閱讀(請留意智慧財產權的問題)
使用介面必須人性化
以美觀、舒適為原則，切勿花俏
下載速度必須夠快
網頁製作能力是靠磨出來的，怎麼磨？
2012/3/12 21
在製作網頁前必須先了解的概念
2012/3/12 22
在Blog盛行的時代裡，為什麼仍需具備網頁製作的能力？
最簡單的網頁製作軟體就是記事本(利用HTML的語法)，
還有word(所見即所得)。
為什麼我們不乾脆直接用word做網頁？
一般常用的「所見即所得」網頁製作軟體有兩個：微
軟出品的Frontpage 以及Macromedia出品的Dreamweaver。
兩者間有何差異性？
HTML語法簡介
2012/3/12 23
<html>
<head>
<title>無標題文件</title>
</head>
<body>
</body>
</html>
網頁資訊區
網頁內容製作區
整個網頁
將HTML碼變成網頁的方法
開啟記事本。
將上頁的HTML原始碼複製在記事本上。
使用另存新檔功能，將副檔名設成htm或html，切勿
存成原本的txt檔。
例如：index.htm，index.html
重新開啟檔案，此時檔案會自動由預設的瀏覽器開
啟之。
2012/3/12 24
然而我們要使用的軟體是這個…
2012/3/12 25
我的名字是
Dreamweaver MX
(Macromedia Dreamweaver MX)
Dreamweaver 的簡易教學
2012/3/12 26
第一次開啟Dreamweaver，定義網站。
字型的樣式、大小、顏色的調整。
預覽的方式。
圖片的插入：
如何將圖片修改成理想的尺寸？
調整圖片的解析度
Photoimpact是修圖初學者的好幫手
2012/3/12 27
簡易超連結的製作：
文字超連結－顏色可修改
圖片超連結
點選連結後開新視窗的語法介紹
表格的插入與樣式設計
利用表格來進行網頁內容排版
利用Dreamweaver的「網站資訊」功能進行網站管理
2012/3/12 28
捌、製作過程的盲點與困難
個人的惰性
錯誤觀念修正
時間分配
自己的能力與製作期望有落差
資源、支援不足
團隊分工的能力不足
2012/3/12 29
玖、最後的心得
團隊人數不需多，以大家能各盡其才為原則
大家的程度不必好，但必須有心、有毅力
多參考歷年作品，學會如何賞析
盡可能以加法的觀點來思考，不要以減法的觀點來思考
研究的重點在過程，而非結果
價值觀影響研究成果
2012/3/12 30
後記
生命就是應該接受更多不同的挑戰。
當自己遭遇到很多挫折而灰心時，請回頭想想參加比
賽的初衷，很多心結便豁然開朗。
如果有任何問題歡迎與承芳老師聯絡。
我的e-mail：[email protected]
2012/3/12 31
今天的課程到此結束
謝謝大家！
2012/3/12 32
![akamai 的 網際網路現狀] / 資安 2016 年第四季執行摘要 · PDF file報告概覽 / ˜˚˛˝ 年第四季網際網路現狀 / 資安報告彙整了路由網路上的 DDoS](https://img.pdfslide.tips/doc/110x75/5a95da8a7f8b9a8b5d8d3363/akamai-2016-.jpg)
