<style> .reveal .slides { font-size: 28px; } </style> ## 111T2 # HTML學習之路 #### 111T2專案報告 --- ## 所以我要做甚麼？ ---- #### 主題介紹 ## 認識HTML中的Javascript 本學期目標 - 認識Javascript如何寫 - 完成一個網頁設計 ---- #### 主題介紹 ## 先說HTML - HTML - 一棟建築的設計圖和水泥梁柱 - CSS - 建築中每個房間的內部裝飾，家具擺放的位置 - JavaScript - 控制房間內燈泡的開關、智能的家具 ---- #### 主題介紹 ## 研究動機 :::spoiler 我認為 `對你歡的事物持去向前學習是一種享受學習帶來的成就感` ::: ::: spoiler 所以我選擇 繼續研究HTML網也排版 因為以後我蠻想做使用網頁技術當作未來我工作的一部分，所以想要藉此機會趕快訓練我的技巧，並開發出符合使用這設計的網頁 ::: ---- #### 主題介紹 ## 我的優勢 在很109T1就開始學習網頁相關的知識 因此現在再繼續研究程式就 = So Eazy :::spoiler 所以 ### 我要變更強！！！ ::: --- ## 我會做甚麼 ---- ### 在這學期學完 - Javascript 基本運算 - 設計一個有趣互動式網頁 - 如何用CSS排版好看的網頁 - 如何使用 Javascript 控制 HTML 中的結構 <br> ::: spoiler 最後在... ### 完成一個網頁！ ::: ---- ### 我需要一個計劃 在開始學習前，我需要開發工具 1. 找到和式的開發工具 2. 學習如何使用他 **科技點數** - 數位科技工具自訂（4PT） - [ ] 能操作此科技工具的基礎功能 - [ ] 熟練地使用此科技工具，並達成專案需求 - [ ] 活用此科技工具，能從無到有產出專案內容 - [ ] 運用此科技工具的進階功能，來完成更高階的需求任務 ---- ### 我需要一個計劃 設計有趣的互動式網頁 1. 使用Scratch設計我想要的效果 2. 把Scratch語言翻譯成Javascript 3. 呈現完整效果 **科技點數** - [Scratch（3PT）](https://scratch.mit.edu/projects/823267298/) - [x] 能夠使用程式使兩個角色具自動化或遊戲性 - [x] 能夠使用變數及廣播控制超過五個角色及場景的切換 - [x] 具有完整的體驗機制，如：觸發條件、體驗流程、回饋機制 ---- ### 有更多，只是講不完 不過成果我先放這 - http://gg.gg/13iuaf - http://gg.gg/13iuai ---- ### 遇到的困難 - 找不到需要網頁的人 - 不會Debug - 時間安排不好 不過最後都有順利解決~ --- ## 執行計畫 ---- ### 我要使用的點數們 #### ---類別--- - [ ] 內容研究 - [x] 作品創作 - [x] 技術展現 - [ ] 活動企劃 程式類的研究通常都有技術和成品的展現 ---- ### 我的成果們 - Scratch - [動畫預展](https://scratch.mit.edu/projects/823267298/) - 練習中的成品 - [有趣的點點](http://gg.gg/13iuaf) - [計算機](http://gg.gg/13iuai) - 網頁呈現 - [IceHost](https://icehost.xyz/?page_id=393) --- ## 過程中.. ---- ### 遇到困難 - 當時最煩惱的就是找不到需求者 結果緣分就是這麼突然 ---- ### 發現自己的問題 - 拖時間 - 最後一次才檢核 - 臨時抱佛腳 - 像現在這個簡報就是02:00做出來的 - 因為累而偷懶 - 因為認為太多，而不寫跑去玩 ---- ### 終於做完了，我要去睡覺了 For 明天的我 - 不要再臨時抱佛腳了啦！ ----