網(wǎng)站PSD模板切圖為XHTML+CSS的網(wǎng)頁實例(7)
來源:譯言
作者:不詳
學習:6179人次
到目前來講就可以在瀏覽器里面看看啦~基本上的大型已經(jīng)出來啦~logo啊導航啊內(nèi)容區(qū)啊基本上已經(jīng)頗具雛形鳥。
接下來是在這個框架上漸漸豐滿起來,用一個容器來搞定文章發(fā)布區(qū),就像我們前面說的一樣,這個地方我們不用圖片只需要用代碼就能搞定。
文章發(fā)布區(qū)的邊線和顏色以及文章標題和段落文字都繼續(xù)用CSS的樣式表寫好(實在不行就照抄吧,囧rz)。對于網(wǎng)站開發(fā)來講,大部分用 firefox的朋友有福了,這意味著我們可以用moz-border-radius這句話來讓我們的頁面有一個很漂亮的圓角就跟我們當初的設(shè)計稿一樣。不過對于其他瀏覽器來講我們只能降級讓其實現(xiàn)為一個直角鳥。(不過貌似我記得IE下面也可以用css寫出來圓角的說,就是比較麻煩,這里給一個參考來)
學習 · 提示
推薦教程
- PhotoShop設(shè)計制作懷舊風格網(wǎng)頁的詳細教程
- Photoshop制作禮品店網(wǎng)站模板
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop網(wǎng)頁設(shè)計:雜志風格網(wǎng)站界面
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- Photoshop繪制好看的老式wordpress主題
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- ps設(shè)計制作居家風格美食Blog網(wǎng)頁特效
- photoshop網(wǎng)頁應用實例:制作蘋果導航欄
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!