學(xué)歷| 高考 考研 自考 成考 外語| 四六級 職稱英語 商務(wù)英語 公共英語 資格| 公務(wù)員 報關(guān)員 銀行 證券 司法 導(dǎo)游 教師 計算機(jī)| 等考 軟考
工程|一建 二建 造價師 監(jiān)理師 咨詢師 安全師 結(jié)構(gòu)師 估價師 會計| 會計證 會計職稱 注會 經(jīng)濟(jì)師 稅務(wù)師 醫(yī)學(xué)| 衛(wèi)生資格 醫(yī)師 藥師 [更多]
| 首頁 考試吧論壇 Exam8視線 考試商城 網(wǎng)絡(luò)課程 模擬考試 考友錄 實用文檔 繽紛校園 英語學(xué)習(xí) | ||
 |
2010考研 | 自學(xué)考試 | 成人高考 | 專 升 本 | 法律碩士 | MBA/MPA | 中 科 院 | |
 |
四六級 | 商務(wù)英語 | 公共英語 | 職稱日語 | 職稱英語 | 博思 | 口譯筆譯 | GRE GMAT | 日語 | 托福 | |
| 雅思 | 專四專八 | 新概念 | 自考英語 | 零起點英、法、德、日、韓語 | 在職申碩英語 | ||
| 在職攻碩英語 | 成人英語三級 | ||
 |
等級考試 | 水平考試 | 微軟認(rèn)證 | 思科認(rèn)證 | Oracle認(rèn)證 | Linux認(rèn)證 | |
 |
公務(wù)員 | 報關(guān)員 | 報檢員 | 外銷員 | 司法考試 | 導(dǎo)游考試 | 教師資格 | 國際商務(wù)師 | 跟單員 | |
| 單證員 | 物流師 | 價格鑒證師 | 銀行從業(yè)資格 | 證券從業(yè)資格 | 人力資源管理師 | 管理咨詢師 | ||
| 期貨從業(yè)資格 | 社會工作者 | ||
 |
會計職稱 | 注會CPA | 經(jīng)濟(jì)師 | 統(tǒng)計師 | 注冊稅務(wù)師 | 評估師 | 精算師 | 高會 | ACCA | 審計師 | |
| 法律顧問 | 會計證 | ||
 |
一級建造師 | 二級建造師 | 造價師 | 監(jiān)理師 | 安全師 | 咨詢師 | 結(jié)構(gòu)師 | 建筑師 | 安全評價師 | |
| 房地產(chǎn)估價師 | 土地估價師 | 設(shè)備監(jiān)理師 | 巖土工程師 | 質(zhì)量資格 | 房地產(chǎn)經(jīng)紀(jì)人 | 造價員 | ||
| 投資項目管理 | 土地代理人 | 環(huán)保師 | 環(huán)境影響評價 | 物業(yè)管理師 | 城市規(guī)劃師 | 公路監(jiān)理師 | ||
| 公路造價工程師 | 招標(biāo)師 | ||
 |
執(zhí)業(yè)護(hù)士 | 執(zhí)業(yè)醫(yī)師 | 執(zhí)業(yè)藥師 | 衛(wèi)生資格 | |
淺談DIV+CSS網(wǎng)頁布局開發(fā)心得
DIV+CSS是目前互聯(lián)網(wǎng)網(wǎng)頁制作最熱門的方法，但對于完全手寫代碼，許多網(wǎng)頁設(shè)計師都望而止步。
其實DIV+CSS是很簡單的一種布局方式，甚至比任何一種編程語言都要簡單（雖然它不能算是編程語言）。
首先你要知道，當(dāng)你開始學(xué)習(xí)DIV+CSS的時候，你要把以前所有用DW畫布局表格的思維方法忘的一干二凈（如果你以前是用TABLE布局的話），然而這項技術(shù)更適合剛接觸網(wǎng)頁制作的人。
然后你要知道，DIV+CSS是高成本開發(fā)，速度當(dāng)然是沒有你畫TABLE來的快，但是好處更多，相信如果你能看到這里，你一定對DIV+CSS的好處也有一定的了解了。
最后你還得知道，你所用的工具，你可能認(rèn)為dreamweaver很好，沒錯，它的確不錯，但你要認(rèn)識到，當(dāng)你熟練使用了這門技術(shù)，你就可以在任何文本編輯器中編寫網(wǎng)頁，甚至在記事本中，而dreamweaver只是充當(dāng)一個文本編輯器的角色，而你所有的工作基本都在代碼視圖中完成，在這里我推薦adobe最新的dreamweaver cs4。當(dāng)然如果CS5出現(xiàn)了我也會去試用它。
切入正題，其實DIV+CSS正確的說法應(yīng)該是XHTML+CSS，說成DIV的原因只是讓它能更明確地和TABLE布局方法區(qū)分開來，并不是說一個頁面里沒有TABLE，而是在什么地方使用TABLE，你要認(rèn)識到TABLE是表格，是存放數(shù)據(jù)用的，而不是用來布局的。
接下來是布局思維方式，可能大家在接觸DIV+CSS的時候無從下手，我現(xiàn)在向大家推薦最著名的盒子模型，我也是看了這個模型后一下子就開竅了。
你可能會說，好多英文看不懂，不過我告訴你，很抱歉那三個英文你必須記住，而且是最重要的三個，你可以把這么個盒子看成一個DIV，而所有標(biāo)簽都帶有這三個屬性。
正如你所見到的這個是一個方塊，而網(wǎng)頁呢，是由這么多大大小小的方塊組成的，可能以下實例會更明確的讓你了解這個盒子。
我在這里借用了某博客的盒子來說明下，大家可能發(fā)現(xiàn)了，其實邊框border往往就只有1px的寬度，誰叫它是邊框呢。而外補(bǔ)丁margin呢，它代表了DIV（盒子）和DIV（盒子）之間的距離，而內(nèi)補(bǔ)丁padding則是大盒子（DIV）和里面的盒子（DIV）的距離（盒子（DIV）里面可以放盒子（DIV）哦）。
其實DIV+CSS是很簡單的一種布局方式，甚至比任何一種編程語言都要簡單（雖然它不能算是編程語言）。
首先你要知道，當(dāng)你開始學(xué)習(xí)DIV+CSS的時候，你要把以前所有用DW畫布局表格的思維方法忘的一干二凈（如果你以前是用TABLE布局的話），然而這項技術(shù)更適合剛接觸網(wǎng)頁制作的人。
然后你要知道，DIV+CSS是高成本開發(fā)，速度當(dāng)然是沒有你畫TABLE來的快，但是好處更多，相信如果你能看到這里，你一定對DIV+CSS的好處也有一定的了解了。
最后你還得知道，你所用的工具，你可能認(rèn)為dreamweaver很好，沒錯，它的確不錯，但你要認(rèn)識到，當(dāng)你熟練使用了這門技術(shù)，你就可以在任何文本編輯器中編寫網(wǎng)頁，甚至在記事本中，而dreamweaver只是充當(dāng)一個文本編輯器的角色，而你所有的工作基本都在代碼視圖中完成，在這里我推薦adobe最新的dreamweaver cs4。當(dāng)然如果CS5出現(xiàn)了我也會去試用它。
切入正題，其實DIV+CSS正確的說法應(yīng)該是XHTML+CSS，說成DIV的原因只是讓它能更明確地和TABLE布局方法區(qū)分開來，并不是說一個頁面里沒有TABLE，而是在什么地方使用TABLE，你要認(rèn)識到TABLE是表格，是存放數(shù)據(jù)用的，而不是用來布局的。
接下來是布局思維方式，可能大家在接觸DIV+CSS的時候無從下手，我現(xiàn)在向大家推薦最著名的盒子模型，我也是看了這個模型后一下子就開竅了。
你可能會說，好多英文看不懂，不過我告訴你，很抱歉那三個英文你必須記住，而且是最重要的三個，你可以把這么個盒子看成一個DIV，而所有標(biāo)簽都帶有這三個屬性。
正如你所見到的這個是一個方塊，而網(wǎng)頁呢，是由這么多大大小小的方塊組成的，可能以下實例會更明確的讓你了解這個盒子。
我在這里借用了某博客的盒子來說明下，大家可能發(fā)現(xiàn)了，其實邊框border往往就只有1px的寬度，誰叫它是邊框呢。而外補(bǔ)丁margin呢，它代表了DIV（盒子）和DIV（盒子）之間的距離，而內(nèi)補(bǔ)丁padding則是大盒子（DIV）和里面的盒子（DIV）的距離（盒子（DIV）里面可以放盒子（DIV）哦）。
| 軟考站考試吧 | |
| 軟考站點加入收藏夾 | |