介紹數學動態函式庫JSXGraph.js、Mathjax.js函式庫的使用,並搭配Html5、Css3和Javascript製作互動式數學教學網頁。
由於從事數學教學工作,原本對網頁程式語言就有興趣,前端三大元素HTML、CSS、Javascript也略有涉獵、這幾年積極投入網頁設計的學習,更是發現了現代瀏覽...
jsxgraph.js是javascript的一個動態幾何函式庫,因此操作JSXGraph之前,必須對javascript這個程式語言有基本的了解。如果您已經非...
今天,廢話就不多話,直接寫code。 網頁程式主要包括HTML、Javascript, CSS三個部分,今天我們只會用到一點點的HTML,大部分會處理Javas...
手牽手 一步兩步三步四步 望著天看星星 一顆兩顆三顆四顆 連成線 周杰倫星晴歌詞中出現的點和線是最基本的幾何元素,進而可以創造更複雜的幾...
尺規作圖只能用一隻無尺度的直尺(用來畫通過兩點的線)和一隻圓規(用來畫圓和量取等長的線段),如此便可建立歐氏幾何的世界。 畫圓 已知圓心和圓上一點 已知圓心和...
今天介紹一個重要的數學定理-尤拉線,透過JSXGraph,我們很容易可以觀察定理的成立。這也是我們第一個教學網頁範例的內容。 利用前面所學建構幾何元素的方法,我...
雖然在JSXGraph中可以輕易建立button、chebox、label…等元件,但是這些元件會在畫板內,因此排版並不方便,也會干擾幾何元素的呈現。今天我們將...
「佛要金裝,人要衣裝,HTML要CSS」。 建置一個網頁和蓋一棟建築一樣,建築架構完成後,要進行內部裝潢;而HTML代表網頁的架構,而CSS則是裝潢師。 CSS...
昨天的程式碼已經用到了不少Flex來進行排版或是進行盒子上下及左右置中的工作,事實上,只要做網頁,很難避開Flex這個工具。 利用margin來排定元素之間的相...
一般像數學、物理和化學等專業人士,使用簡報或文書處理軟體的時候,都會搭配專業的科學符號字型軟體。一般最常字的就是Mathtype,如果網頁要代替簡報軟體,除了提...