網站建設教程|網站建設
作者：佚名 時間：2012-07-18 分享到：
為網站設計一個版式
版式一般是在Photoshop上設計的，之后使用Photoshop或者ImageReady切圖，再使用Dreamweaver排版，插入圖片，完善內容，過程就是這樣的。一般的網站都是由網站頭部，網站軀干，網站尾部組成的，其中軀干部分還可以再分。我們以夢之都首頁為例，夢之都網站的首頁就是由網站頭部，網站軀干，網站尾部三部分組成的，軀干部分還分為左側文章列表，右側文章內容。
首先我們先在Phostoshop上繪制夢之都的首頁(由于夢之都網站的排版沒有用到任何的圖片，所以繪制比較簡單)，之后根據繪制出的圖形在Dreamweaver中排版。
下面的排版方式是使用了html+css(div+css)的方式(在CSS高級教程中我將詳細講解此內容)
我們先對網站進行內容的填充，使用html(下面的代碼和正真的夢之都首頁有些出入，例子部分以下面代碼為準),使用Dreamweaver打開default.html輸入下面代碼:
上海網站建設
為初學者提供一個在線的自學之地,為設計者提供一個網絡編程的中文參考之地
首頁 | HTML教程
教程 Tutorials
一步步的教會你網頁設計與HTML語言
- 什么是HTML
完善的HTML標簽
- HTML標簽
HTML教程中的所有示例
所有代碼與示例都是可以編輯的,現在就開始吧.
- HTML代碼
如果大家不太了解上面的代碼，可以先學習HTML教程
設計CSS
首先在style文件夾下建立一個style.css的文件。在default.html中增加
CSS文件可以從夢之都下載 下載地址
如果大家不太了解上面的代碼，可以先學習CSS教程。
好!你已經成功的完成了一個正真的符合web標準的和使用html+css(div+css)排版的網頁了!
其它的欄目與頁面，和上面的實現方式一樣，你可以自己嘗試一下。
來自上海網站建設
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/news/20151229/n6873.html
