【第一步】打开Dreamweaver cc 2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，不需再浪费时间去写。

【第二步】在body内输入“div id=one转变前/div”，one是可变的，随自己喜好，可以是其他字母单词都可以。

【第三步】body标签前或则head标签内键入：

style

#one{font-size:24px;}

/style，

调整一下字体大小（font-size:24px），保存好，回到Dreamweaver界面内摁F12，弹出页面观察页面上的文字：转变前。

【第四步】在Dreamweaver界面内相对靠前输入：

script

window.onload=function(){

var btn=document.getElementById(one)

btn.onclick=function(){

btn.innerHTML=转变后

}

}

/script

【第五步】保存，同样方法摁F12，弹出页面，鼠标点击问文字，出现转变。

这里只做个引入点，更多的方法可以实现。