Html5和以前html，jsp寫法一樣的，基本上區(qū)別不大，如果要寫手機(jī)頁面的話，可以用dw然后在里面用手機(jī)版塊看效果

代碼不規(guī)范或者缺少屬性，大小寫要一致，看代碼塊是否缺少了什么。解決不了情截圖或者發(fā)源碼 我下載的是一整個(gè)模板，能否加我Q,我發(fā)給你，或者你說個(gè)聯(lián)絡(luò)方式，我可以聯(lián)絡(luò)到你，幫我看下。

網(wǎng)站后臺(tái)模版html如何修改步驟：這個(gè)要在模版目錄里面改模版的，在根目錄的templets/default(我這里寫的是默認(rèn)的模版目錄)/index.htm文件，修改這個(gè)就可以了.用Dreamweaver編輯了index.html是沒用的，當(dāng)后臺(tái)在生成靜態(tài)頁面的時(shí)候就把你剛才修改的覆蓋掉了。所以你要修改模版文件想要index.htm首頁模版。把講HTML文件放入Dreamweaver里時(shí)會(huì)是一堆的代碼，只需要修改CSS和圖片路徑就可以了?？梢孕薷某赡惚緳C(jī)的虛擬路徑。其他的程序標(biāo)簽都有說明，請(qǐng)查看相關(guān)系統(tǒng)標(biāo)簽。修改好之后你就可以在Dreamweaver里面直觀的看到網(wǎng)頁界面了，并且修改起來也非常方便，記得模板修改之后別忘記把CSS路徑改回去。主題模板的構(gòu)成：模板均分為三大部分，分別是網(wǎng)頁的html文件、CSS文件、圖片文件。

其實(shí)標(biāo)準(zhǔn)的網(wǎng)制作完成的工作實(shí)際是：psd to html，一般情況下，我們會(huì)拿到美工的psd,這時(shí)候不同的人會(huì)有不同的做法： 1.打開fireworks將圖片切割導(dǎo)出為html。 2.直接在dreamweaver之類的工具去拖拉布局，導(dǎo)入相關(guān)的圖片,flash資源。 3.先在ps中完成切圖后，在文本編輯器中看著效果圖一步步的制作。 以上是大多被采用的方法，但都不好： 第一種方法最為不好，這樣的代碼根本不具維護(hù)性和可讀性。 第二種方法也不好，代碼難免會(huì)有冗余，做出來的東西基本需要排查一遍。 第三種方法也不好，因?yàn)槟阈枰葱Ч麍D一點(diǎn)點(diǎn)的拼，也就是說寫html標(biāo)簽的時(shí)候，你在不斷的假設(shè)這塊要怎么去顯示。 正確的做法是： 1.拿到psd后，先不要做別的，直接在文本編輯器中將網(wǎng)頁的框架寫出來，不要假設(shè)這塊將來css要去怎么渲染，完全自然化的標(biāo)簽，不加任何的css。 2.寫完之后在各個(gè)瀏覽器運(yùn)行之后確保大體定位都沒有問題。 3.書寫總體css,這里的css只負(fù)責(zé)大塊的定位及樣式。 4.切出需要的圖片資源，在寫好的框架中一點(diǎn)點(diǎn)的去構(gòu)造，不斷的調(diào)試，最終為成品。 5.最后，為自己的代碼添加注釋，在css，html中都要合適的為自己的代碼添加注釋。 要想做出能靈活切換皮膚，讓css主導(dǎo)表現(xiàn)，還有很多要注意的地方，但大體的流程就是這樣的，當(dāng)然我們一開始不能直接就做到先寫html，但起碼要有這個(gè)意識(shí)，循序漸進(jìn)。。。謝謝熱心會(huì)員"linxz"提供實(shí)際經(jīng)驗(yàn)，我貼上來供大家參考：PSD出網(wǎng)站從兩個(gè)大點(diǎn)考慮一、一個(gè)獨(dú)立的頁面1、分析這個(gè)頁面，先在腦袋中或者草稿紙上描繪大概的結(jié)構(gòu)2、根據(jù)設(shè)計(jì)稿的的情況，分析背景圖的分布、ICO圖的分布等3、切割相應(yīng)的圖片，導(dǎo)出、合并圖片4、在編輯器中寫整體結(jié)構(gòu)XHTML代碼，包括頁面中出現(xiàn)的所有元素的結(jié)構(gòu)5、編寫CSS樣式中的整體以及模塊代碼6、細(xì)節(jié)調(diào)整7、收工，瀏覽器驗(yàn)證是否正確二、由多個(gè)頁面組成的小站點(diǎn)或者大站點(diǎn)1、瀏覽所有設(shè)計(jì)稿，統(tǒng)一規(guī)劃站點(diǎn)模塊、圖片、文件分布2、開始第一點(diǎn)的操作，但規(guī)劃站點(diǎn)的內(nèi)容分布很重要整體考慮點(diǎn)：圖片的合并，減少請(qǐng)求量結(jié)構(gòu)的合理性，語義化樣式的簡(jiǎn)潔，便于后期維護(hù)多為后期的維護(hù)以及程序開發(fā)著想，如何簡(jiǎn)單實(shí)現(xiàn)效果 參考資料： http://www.wzsky.net/html/Website/Experience/107671.html

推薦葡萄家園素材網(wǎng)，他們網(wǎng)頁模板欄目有個(gè)HTML模板，很多靜態(tài)源碼。應(yīng)該是你所需要的。

　　1、啟動(dòng) Visual Studio 2010。　　2、在“文件”菜單中，依次選擇“新建”和“項(xiàng)目”。將打開“新建項(xiàng)目”對(duì)話框。在 Visual Basic 或 Visual C# 中選擇“WEB應(yīng)用程序”，然后將其命名為“HTML5Template”。單擊“確定”?！　?、在這個(gè)項(xiàng)目中添加下面這些文件?！　蓚€(gè)分別放置js和css的文件夾：css、js　　HTML5基本模板頁：index.html　　jQuery：jquery-1.4.2.min.js Modernizr ：modernizr-1.5.min.js HTML5 樣式文件：html5reset.css

推薦葡萄家園素材網(wǎng)，他們網(wǎng)頁模板欄目有個(gè)HTML模板，很多靜態(tài)源碼。應(yīng)該是你所需要的。

第一步，先講解一下主題模板的構(gòu)成。模板均分為三大部分，①網(wǎng)頁的html文件②CSS文件③圖片文件。一般情況修改模板只需修改這三部分。第二步，你可以讓模板可視化再修改。幾乎所有默認(rèn)的源碼網(wǎng)頁模板的路徑都是系統(tǒng)自帶的標(biāo)簽。這樣把講HTML文件放入Dreamweaver里時(shí)會(huì)是一堆的代碼。如何將程序模板轉(zhuǎn)換為可視化界面呢。其實(shí)只需要修改CSS和圖片路徑就可以了。如下面這段代碼：<link rel="stylesheet" rev="stylesheet" href="<#ZC_BLOG_HOST#>themes/<#ZC_BLOG_THEME#>/style/<#ZC_BLOG_CSS#>.css" type="text/css" media="screen" />部分就是系統(tǒng)標(biāo)簽，這時(shí)你可以修改成你本機(jī)的虛擬路徑。其他的程序標(biāo)簽都有說明，請(qǐng)查看相關(guān)系統(tǒng)標(biāo)簽。如：<link href="../style/css/LuSongSong-Index.css" rel="stylesheet" type="text/css" />修改好之后你就可以在Dreamweaver里面直觀的看到網(wǎng)頁界面了，并且修改起來也非常方便。（記得模板修改之后別忘記把CSS路徑改回去哦?。?