在中國(guó),很多前端開發(fā)初學(xué)者都會(huì)把xHTML+CSS頁(yè)面制作說成DIV+CSS,甚至很多人都還不知道xHTML+CSS是什么意思,只知道盲目的追求DIV+CSS,但在國(guó)外,是沒有DIV+CSS這個(gè)概念的,很明顯如果單從字面上去理解,DIV+CSS的網(wǎng)頁(yè)就要全都是 div,很明顯是無(wú)法達(dá)到語(yǔ)義化標(biāo)準(zhǔn)的。在國(guó)外xHTML+CSS(DIV+CSS)也可以叫做PSD2XHTML。
以下是43個(gè)PSD to XHTML及CSS教程:
感興趣的話也可以看看這個(gè)實(shí)例的設(shè)計(jì)教程,已譯成中文
網(wǎng)頁(yè)設(shè)計(jì)教程:使用Photoshop設(shè)計(jì)一個(gè)高檔時(shí)尚的網(wǎng)頁(yè)
這是個(gè)非常棒的關(guān)于使用Illustrator制作頁(yè)面,Drupal(世界最著名的CMS系統(tǒng)之一)編碼,符合標(biāo)準(zhǔn)的xHTML+CSS
完整教程索引:
第一部分:使用Illustrator設(shè)計(jì)頁(yè)面
第二部分:使用Illustrator切圖
第三部分:寫xHTML
第四部分:Drupal主題模板
第五部分:Drupal管理
第六部分:總結(jié)和一些附加資源
19.CSS菜單教程
這個(gè)教程將教你使用Photoshop制作簡(jiǎn)潔的縱向菜單。
如果你能把這些xHTML+CSS(DIV+CSS)實(shí)例教程看一遍的話,我相信你一定會(huì)擁有扎實(shí)的基礎(chǔ)來使用符合Web標(biāo)準(zhǔn)的xHTML+CSS實(shí)現(xiàn)更加高級(jí)的布局。
聯(lián)系客服