DIV+CSS在網(wǎng)頁(yè)布局制作中的應用發(fā)布者：本站     時(shí)間：2020-05-02 14:05:33

布局對網(wǎng)頁(yè)的作用類(lèi)似于設計圖對地產(chǎn)開(kāi)發(fā)商的作用,制作商務(wù)網(wǎng)頁(yè)的首要內容是對網(wǎng)頁(yè)進(jìn)行布局。常見(jiàn)的布局方式有:表格布局、框架布局、層布局,鑒于以上布局方式均存在一定的缺陷逐漸退出歷史潮流。目前流行的布局方式是DIV+CSS來(lái)制作頁(yè)面,DIV主要解決網(wǎng)頁(yè)中的元素(如文字、圖片、表格、音視頻等)放置在網(wǎng)頁(yè)顯示位置的問(wèn)題,而CSS主要解決網(wǎng)頁(yè)元素美觀(guān)性的問(wèn)題。本文主要探討DIV+CSS布局方式用法及要注意的問(wèn)題。

一個(gè)商務(wù)網(wǎng)頁(yè)是否吸引用戶(hù)，布局至關(guān)重要。所謂布局就是對網(wǎng)頁(yè)元素進(jìn)行定位，網(wǎng)頁(yè)整體結構是上中下還是左中右，網(wǎng)頁(yè)的LOGO、導航、網(wǎng)頁(yè)標題、網(wǎng)頁(yè)核心內容、版權信息等內容顯示的位置。鑒于表格布局導致表格標簽的嵌套瀏覽器解析較慢，框架布局不夠靈活，DIV+CSS布局方式逐漸成為主流，DIV實(shí)現把頁(yè)面進(jìn)行切割，不同的DIV放置不同的內容，CSS實(shí)現對內容進(jìn)行美化，如添加背景色、設置不同塊之間的間距等等。