在介紹前，大家可以先看看效果。
在製作前，首先大致介紹下需要用到的相關軟件。
目前製作網頁的軟件很多，比如：H-builder， subline text3， Dreamwave， webstorm，notepad++， editplus等。
當然如果你有一定功底，你也可以直接用電腦自帶的記事本寫，但是一般不會推薦，這樣寫起來相當麻煩而且不容易檢查錯誤。
本次主要以上面鏈接中的效果為例來講解：
我們需要用到的工具名字是Dreamwave，這個工具大家可以直接網上搜破解版的下載，然後按照提示安裝即可。
Dreamwave 圖標
工具安裝好之後，首先我在電腦上新建了一個名為“ 網頁美圖切換” 的文件夾，這個文件夾用來存放代碼以及圖片素材。然後在這個文件夾下建立了3個子文件夾，分別命名：img,js,css。
建立文件夾
img文件夾主要用來存放圖片，作用是：網頁圖片素材
js文件主要用來存放腳本代碼，作用是：設置網頁交互效果
css文件主要用來存放層疊樣式表，作用是：設置網頁的樣式，即：各個元素的顏色，字體，背景，位置，大小等。
到此為止，基礎工作基本上就做完了。
接下來就要考慮做什麼樣的樣子，素材用什麼，下圖是我寫的一個例子。
解釋下：為什麼途中寫的是痕跡作品，本人火山小視頻名稱是痕跡。
分享到:
閱讀更多 好奇驅動探索 的文章
