武林網(m.survivalescaperooms.com)文章簡介：將小型、現代的產品主頁由psd轉換成XHTML/CSS模板.
demo點擊下面的圖片將會看到本次制作的 demo 的效果。
如果你還沒有準備好，我們建議您閱讀完這個教程系列的第一部分: 用Photoshop設計一個小型、現代的產品主頁 ， 因為第二部分需要第一部分做好了的psd文件。
如果你想跳過第一部分，你可以直接在第一部分中下載源文件，下面將會需要它才能繼續。
創建文件結構，準備文件1 在桌面上創建新的空目錄，取名portfolio。
2 在portfolio目錄下面繼續創建images目錄用于存放圖片。
3 接下來創建兩個空文件 styles.css和index.html
4 用你最喜歡的文本編輯器打開index.html，我將在本教程中使用Adobe Dreamweaver。
5 在文檔的<head>標簽加入對styles.css的鏈接?？梢允褂萌缦麓a：
代碼段1<link href="styles.css" rel="stylesheet" type="text/css" />
新聞熱點
疑難解答
