《正在编程》编写网页的举例

先创建一个HTML文档

创建一个祝福端午节的网页：

1、打开“记事本”，输入代码，如图1，保存成“端午.HTML”。

图1

2、双击“端午.html”，浏览器显示如图2。

图2

然后用CSS改变字体颜色和位置

让网页中显示的字的颜色变成红色，并且居中。

1、修改原有代码如图3，然后保存。

图3

2、双击端午.html，浏览器显示如图4。

图4

最后用JavaScript设置访问网页的密码

只有输入正确的密码（比如密码设置为abc300），才可以访问端午网站，否则提示“密码错误，拒绝访问！”

1、在“记事本”里新建一个文档，输入代码如图5，然后保存成“密码.html”。

图5

2、双击密码.html，浏览器打开，显示如图6。

图6

3、如果输入的密码是abc300，则跳转到端午.html网页，否则拒绝访问端午.html网页，浏览器显示如图7。

图7

通过学习《正在编程》，锻炼了孩子的逻辑思维能力，让孩子具有了编程思维，并且调试程序时，可以锻炼孩子的耐心和意志力，为学习其他编程语言开启一扇大门。