發表文章

目前顯示的是 11月, 2020的文章

w10

第十堂 課程內容 免費模板→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

第八堂 課程內容 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
張貼留言
閱讀完整內容