html5心得蔡逸蕙

發表文章

w13

12月 17, 2020

第十三堂課堂心得老師利用這次上課跟我們分享了一個影片，內容大致是關於一群台大機械系的學生一起座太陽能車得獎，前後十年間的變化。其實看到身邊很多朋友，每個人面對大學生活的態度真的都天差地遠，有的想盡一切辦法將每一分每一秒發會到最大價值，也盡力參與實習、競賽等，賺取經驗值的同時也拓展視野、結善緣，更重要的是要靠自己極力爭取機會、不要害怕；有的選擇全力玩，不願意讓自己的大學生活留下遺憾，但觀察下來發現最大宗的其實還是抱著上進的心去全力玩，不過其實不管如何，都是自己選擇，我自身對於大學生活的觀念不外乎就是做好自己選擇的每一件事，現在也參加了營隊的準備活動，忙是忙，但忙以外，就是要將每個空閒時間都填滿，做好時間分配，把玩和認真做事的時間分清楚，社交和專業內容對我來說都很重要，打工、專精一種喜歡的程式語言、拓展人脈，保持熱情，就是我該做也想做的，加油！

閱讀完整內容

W12

12月 12, 2020

第十二堂課堂內容以API抓取其他(夠大)網路平台的資料 →學習素材→Social Media API→痞客幫 → https://emma.pixnet.cc/mainpage/blog/categories/ hot /23? page=1&per_page=10 &api_version=2&format= json → 分類 / 欲取內容 / 儲存的格式 → JSON Parser Online →整理程式碼課程心得今天的課程老師教我們以API作為媒介抓取其他網路平台的資料，課堂上練習的僅是將一些圖片文字抓出來以後用簡單的方式呈現出來，未來或許能夠在抓取資料外增加排版，豐富內容。最近都在做期末網頁，現在還真的是萬幸有好好寫每一堂課的心得，按照週數先把我會什麼一一列出來，再構想希望呈現出來的網頁外觀，最後將我會的組件一一塞進去，醬最基本的架構大致就出來了，只是我每次想說要把另外一個模板內的東西搬過來，他的資料路徑常常會出問題，待思考，此外，因為我的主題是介紹家裡公司，所以還要蒐集一些資料，總之，繼續加油！

閱讀完整內容

w11

12月 02, 2020

第十一堂課堂內容老師的blogger→More...→AR/VR→AR js studio 圖 <a-image src=".../..." look-at="[gps-camera]" scale="..." g ps-entity-place="latitude:...;longitude:..." ><a/-image> → image相對路徑；大小；座標 <a-camera gps...></a-camera> →開啟camera Marker sale=" 111 "→ 原大小 sale=" 222 "→ mark兩倍大課程心得這次的課程老師跟我們說了AR/VR的基本運作原理，沒有想像中的難，雖然是因為有現成的東西可以用，很酷，但這次上課精神太差，得好好問一下同學沒聽清楚的地方，阿題外話，期末網頁專題也該繼續加油，利用上課老師留給我們的時間好好做，利用機會問老師！

閱讀完整內容

w10

11月 22, 2020

第十堂課程內容免費模板→nuhu.mis.html5.blogger→materialize CSS <body onload ="myFunction()">→ 命令在body區載入完後才執行function 改成 for迴圈的兩種方式 body區組件前設定id→在最底部script區將內容改成迴圈( 避免迴圈內容還沒被定義完 ) body區組件前設定id→head區設定一function→body區加上 onload ，命令body區載入完後才執行事前在head定義好的function 課堂心得今天老師跟我們說了很多可以免費取得網頁模板的網頁，要自己從頭建構實在太花時間，所以我們選擇改造別人已經組建好的模板，之後老師又教我們將一些死的組件用以前陣列的方式改成活的內容，這又分別可以用兩種方法，第一種是先在body區希望迴圈出現的部分設定一個id，接著在最底部script區將內容改成迴圈方式呈現即可，如果不將他放在最底部會怕迴圈內還有沒被定義完整的內容，第二種是在設定完id後，在head區先設定一個function，接著在body區加上onload，表命令body區載入完後才執行事前在head定義好的function，選完主題要開始繼續認真做期末網頁！課堂練習網址： https://jsbin.com/voruvakose/edit?html,output

閱讀完整內容

w9

11月 15, 2020

第八堂課程內容 google map API→從老師部落格先叫出地圖連結網址→ q=經緯度，z=map上地圖涵蓋範圍 <iframe> →在網頁內挖洞，在洞內塞其他網頁，EX:把map丟進去(地圖網址後記得加上 &output=embed ) 利用按鈕把洞內容換掉 setAttribute("A","B") →將A標籤內屬性換成B 新增一按鈕→在iframe內id→增一function(when按鈕，換地圖)→setAttribute("src","網址")→以變數loc 讓洞內容可以換很多個→ f(loc) / 網址"http......q=" + loc+ "&z=......embed" / <a href="javascript:f(' 座標位置 ');">按鈕名稱</a> 將地圖作為一元素，開一新網頁使用 URL 在網頁一改網址可開新location→ ?loc=座標應用：test1(含list)，test2(似card連結到商品頁)→if要多加元素就多幾個var就好導航：<a target="_blank" href="http...... saddr=起點座標&daddr=終點座標 ">按鈕名稱</a>→開新視窗； if無sadder，即從所在位置出發課堂心得今天主要是學google map相關應用，第一種方式是在網頁內挖洞，再塞進map，同時試著用不同按鈕叫出不同地圖；第二種方式則是將地圖當成一種元素，組合到另一新視窗，這就要應用到以前學過的href，最後我們還學了如何用google導航找出路線。今天學的內容可能可以在一網頁中建立一個list，再直接連結到各自地圖位置。之後的課老師說會留時間讓我們做期末網頁，在下次上課之前要先大致構想好，下節課我要記得帶自己電腦！課堂練習網址： https://jsbin.com/biponoloqe/edit?html,output 課堂練習： <!DOCTYPE htm

閱讀完整內容

W7

10月 25, 2020

第七堂課程內容 HTML Forms → <input type="text" id="fname" name="fname" value="John" ><br> → 空格、勾選；命名；呼應<label for="fname"> ；預設表單空格內的Answer if() {} → 大誇號內為一範圍，後不可加；，；是指一動作結束，要加在{}內，可用來區隔if成立後要執行的多個動作 → 大誇號要養成習慣用獨立行! 目的: 在表單尚未完成就送出時，跳出警告視窗，同時提醒有哪些空格還沒填 var str=""; → 宣告一空字串為str if (m==null || m==""){str += "姓名不可為空白!\n"; } → 當m空格內容不成立時，在str內增加一字串內容 if (str != ""){alert(str)} → 當str不等於空字串時，宣告str 目的: 結合window.open範例，使我們自己製作的表單頁面可以透過my submit將值回傳到google表單的試算表 <form class="col s12" name="form1" action="javascript: formresponse() ;"> → 將我們的表單命名成form1 ，並執行formresponse的function var m = document.forms[" form1 "][" name "].value; → 呼叫試算表內name欄為form1的m值使用者填寫表單 var MySubmit = "https://docs.google.com/forms/d/e/1FAIpQLSenWul2KMJPmx5hlNvECjSlCykt3K1wvRZxK0QpzieIOti5mQ/formResponse?usp=pp_url&entry.1028248596=" +

閱讀完整內容