PSD網站模板轉換為XHTML CSS頁面
編輯：CSS詳解
demo
點擊下面的圖片將會看到本次制作的 demo 的效果。
開始之前
如果你還沒有准備好，我們建議您閱讀完這個教程系列的第一部分: 用Photoshop設計一個小型、現代的產品主頁 ， 因為第二部分需要第一部分做好了的psd文件。
如果你想跳過第一部分，你可以直接在第一部分中下載源文件，下面將會需要它才能繼續。
創建文件結構，准備文件
1 在桌面上創建新的空目錄，取名portfolio。
2 在portfolio目錄下面繼續創建images目錄用於存放圖片。
3 接下來創建兩個空文件 styles.css和index.html
4 用你最喜歡的文本編輯器打開index.html，我將在本教程中使用Adobe Dreamweaver。
5 在文檔的<head>標簽加入對styles.css的鏈接。可以使用如下代碼：
代碼段1
<link href="styles.css" rel="stylesheet" type="text/css" />
相關文章
- 詳解HTML5之pushstate、popstate操作history,無刷新改變當前url
- div字體加粗 - css div內文字粗體實現
- DIV CSS display (none block inline)屬性
- CSS display 【css顯示 隱藏塊】屬性教程
- Symbian和C++ SDK開發入門之部署
- Symbian和C++ SDK開發入門之應用程序
- 一次簡單的安裝FreeBSD系統＋添加用戶＋設置網絡＋安裝web服務＋mysql＋php
- Mashups+AJAX打造全新Web開發
- MyEclipse 4.1 將支持AJAX
- 26個Jquery使用小技巧(jQuery tips, tricks & solutions)
小編推薦
熱門推薦