介紹數學動態函式庫JSXGraph.js、Mathjax.js函式庫的使用,並搭配Html5、Css3和Javascript製作互動式數學教學網頁。
在美國大學教室,常常看見教授們將某個黑板,翻過來,翻過去,這種可翻式的黑板,節省了不少的教室空間。同樣地,利用這種翻頁效果,除了可以節省網頁空間,也增加網頁的吸...
教學的內容如果投影片(Slide)或跑馬燈(Carousel)呈現方式,一定更具教學效果。其實老師們已經很常用投影片教學了,像是powerpoint、keyno...
經過前面這麼多天的努力,今天我們終於要完成尤拉線證明的教學網頁範例。 安裝投影片內容 我們將證明過程分成四頁詳細寫下,並且將每頁的內容安裝至昨天完成的投影片範例...
「阿姨,我不想努力了!」,不想努力了,不用找阿姨, 請學swiper.js。如果你跳過了第十三天「旋轉吧!木馬」,可能你有預知未來的能力。可能是職業病的關係,就...
今天要回來介紹JSXGraph的多邊形(Polygon)和轉換(Transformation)。 多邊形 Polygon是繼承自CoordsElement和Ge...
畢氏定理是國中階段最最重要的幾何性質,也是解析幾何的根本要素。大部分的人都能熟練的應用畢氏定理,但是,除了數學老師,卻少有人能證明畢氏理。有人曾收錄了數百個畢氏...
今天的數學知識含量高,請小心服用。 碎形 自然界與人類的生活環境中,有許多自我相似的圖形。如果我們將海岸不斷的放大,都會和原來圖形的某個部分相似(至少近似的);...
撰寫Javascript的程式碼時,雖然可以用for迴圈或forEach方法來處理陣列的問題;但是面對內為許多方便的陣列方法,不使用它們,心裏總是癢癢的。回顧前...
明天打算介紹Math.js和MathJax如何動態渲染數學方程式,其中會用到Javascript的非同步處理Promise類別,今天就在這邊介紹它。 Javas...
如果我們是含有數學符號的靜態網頁,那只要依照第十天的方法,就可以輕鬆處理;然而,如果我們的運算式是由使用者輸入得到,也就是動態顯示數學符號,那程序就會麻煩多了。...