1、【第一步】打开Dreamweaver cc 2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，不需再浪费时间去写。
2、【第二步】在body内输入“<div id="one">转变前</div>”，one是可变的，随自己喜好，可以是其他字母单词都可以。
3、【第三步】body标签前或则head标签内键入：
<style>
#one{font-size:24px;}
</style>，
调整一下字体大小（font-size:24px），保存好，回到Dreamweaver界面内摁F12，弹出页面观察页面上的文字：转变前。
4、【第四步】在Dreamweaver界面内相对靠前输入：
<script>
window.onload=function(){
var btn=document.getElementById('one')
btn.onclick=function(){
btn.innerHTML="转变后"
}
}
</script>
5、【第五步】保存，同样方法摁F12，弹出页面，鼠标点击问文字，出现转变。
