注意:動作3有關標題文字「運動廣場連結網」的操作教學。依試題的題意來說應該使用CANVAS方式來畫出文字。如果同學們實在背不起來CANVAS的指令。可以參考CSS的作法,但是不保證正確!
註:程式碼後面括號裡的文字是說明,請自動忽略。
CANVAS指令如下:(大部份的指令Dreamweaver會幫你準備好不用擔心。多練習幾次你就知道了。)
<canvas id="mc" width="844" height="90"></canvas> (寬度844=1024 - 180)
<script>
var c = document.getElementById("mc");
var tcx = c.getContext("2d");
tcx.font = "52px 標楷體";
tcx.shadowBlur = "15";
tcx.shadowColor = "#333333";
tcx.shadowOffsetX = "10";
tcx.shadowOffsetY = "10";
tcx.fillStyle = "#FFFFFF";
tcx.fillText = "運動廣場連結網",240,60); (240,60為輸出文字的座標)
</script>