時(shí)間：2022-08-09 04:15:01 | 來源：建站知識(shí)
時(shí)間：2022-08-09 04:15:01 來源：建站知識(shí)
跟天豪學(xué)div+css做企業(yè)網(wǎng)站系列之一
現(xiàn)在做網(wǎng)站流行用什么寫網(wǎng)頁代碼?用table做網(wǎng)站已經(jīng)不流行了，現(xiàn)在流行用什么做網(wǎng)站嗎?接下來，
跟天豪學(xué)div+css做企業(yè)網(wǎng)站，你可以學(xué)到div+css為什么會(huì)那么流行用來做網(wǎng)站。
我們先從簡單的企業(yè)網(wǎng)站講起，用div+css來寫網(wǎng)頁代碼。
所有網(wǎng)站第一步：構(gòu)思
不管你是用word還是用ps，或者是fw也好，第一步就是構(gòu)思你的網(wǎng)站，如圖企業(yè)網(wǎng)站圖
企業(yè)網(wǎng)站構(gòu)思圖
接下來，我們需要根據(jù)構(gòu)思圖來規(guī)劃一下頁面的布局，仔細(xì)分析一下該圖，我們不難發(fā)現(xiàn)，圖片大致分為以下幾個(gè)部分：
企業(yè)網(wǎng)站構(gòu)思圖分解
1、頂部部分，其中又包括了LOGO、MENU和一幅Banner圖片;
2、內(nèi)容部分又可分為側(cè)邊欄、主體內(nèi)容;
3、底部，包括一些版權(quán)信息。
有了以上的分析，我們就可以很容易的布局了，我們設(shè)計(jì)層如下圖:
我們還可以做得更為簡單的效果方便大家理解，如圖：
企業(yè)網(wǎng)站構(gòu)思DIV結(jié)構(gòu)圖
通過分析整個(gè)企業(yè)網(wǎng)站的div結(jié)構(gòu)如下：
│body {}/*這是一個(gè)HTML元素，具體我就不說明了*/
└#Container {}/*頁面層容器*/
├#Header {}/*頁面頭部*/
├#PageBody {}/*頁面主體*/
│├#Sidebar {}/*側(cè)邊欄*/
│└#MainBody {}/*主體內(nèi)容*/
└#Footer {}/*頁面底部*/
頁面布局與規(guī)劃已經(jīng)完成，接下來我們要做的就是企業(yè)網(wǎng)的HTML代碼和CSS。
跟天豪學(xué)div+css做企業(yè)網(wǎng)站系列之一，期待我們下次講div+css
關(guān)鍵詞：系列,教程,企業(yè)
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2022 保留一切法律許可權(quán)利。
在線咨詢