1、素材的準備。為了更好的表現網站的風格和特色，具備壹些更富表現力和吸引力的圖片是必不可少的；
2、在電腦上找到並且打開Dreamweaver8，重新建立壹個網頁文件，並且把網頁文件保存，且命名為“index.html"文件；
3、在完成網頁文件保存和命名為“index.html"文件以後，切換至代碼編輯界面，輸入相應的程序代碼；
4、新建壹CSS樣式表文件，並將該文件保存到與“index.html”相同的目錄下，文件名稱為“MyStyle.css"；
5、在樣式表文件"MyStyle.css”文件的完成以後，打開樣式表文件"MyStyle.css”文件輸入相應的程序代碼；
6、在網頁文件"index.html"中添加對該樣式表的引用：“<link rel="stylesheet" type="text/css" href="MyStyle.css">”，同時新建壹個JS文件，並將該文件另存為“MoveEffect.js"；
7、在JS文件”MoveEffect.js“文件建立完成以後，同樣打開JS文件”MoveEffect.js“文件輸入程序的代碼；
8、完成上述程序運行以後，在主頁文件"index.html”中添加對該“MoveEffect.js”文件的引用，“<script type="text/javascript" src="MoveEffect.js"></script>”，打開“index.html”網頁文件即可。