2天掌握div+css網(wǎng)頁制作技術(shù)

1、2天掌握天掌握DIVCSSDIVCSS網(wǎng)頁制作技術(shù)網(wǎng)頁制作技術(shù)=================================基礎(chǔ)基礎(chǔ)【基礎(chǔ)一】DIVCSS的叫法是不準(zhǔn)確的【基礎(chǔ)二】使用Table布局是不明智的【基礎(chǔ)三】xHTMLCSS與SEO【基礎(chǔ)四】CSS如何控制頁面【基礎(chǔ)五】CSS選擇器【基礎(chǔ)六】CSS選擇器命名及常用命名【基礎(chǔ)七】盒子模型【基礎(chǔ)八】塊狀元素和內(nèi)聯(lián)元素===============================

2、==課程課程【第一課】盒模型、塊狀元素與內(nèi)聯(lián)元素、CSS選擇器【第二課】浮動(dòng)【第三課】清除浮動(dòng)【第四課】導(dǎo)航條【第五課】浮動(dòng)(float)頁面布局【第六節(jié)】定位【第七節(jié)】定位應(yīng)用【第八課】CSSHack=================================小技巧小技巧【單張圖片按鈕實(shí)例】【首行文字兩文字縮進(jìn)】DIVCSS網(wǎng)頁制作這種叫法不準(zhǔn)確網(wǎng)頁制作這種叫法不準(zhǔn)確2010010115:29:25來源來源:CSS學(xué)習(xí)網(wǎng)網(wǎng)頁制作

3、Webjx文章簡(jiǎn)介：DIVCSS的叫法是不準(zhǔn)確的.DIVCSSDIVCSS的叫法是不準(zhǔn)確的的叫法是不準(zhǔn)確的我想凡是來到“CSS學(xué)習(xí)網(wǎng)”的同學(xué)，很大部分是沖著DIVCSS來的，目的就是學(xué)習(xí)DIVCSS的，說的再直接一些就是學(xué)習(xí)如何用DIVCSS布局頁面，如何從一張圖片制作成標(biāo)準(zhǔn)的DIVCSS頁面。如果你看完第一段還沒有發(fā)現(xiàn)錯(cuò)誤的話，那你就很有必要，接著往下看。DIVCSS這種叫法其實(shí)是一種很錯(cuò)誤的叫法，這是國人一廂情愿的叫法，而標(biāo)準(zhǔn)的叫法

4、是什么呢？呵呵，沒錯(cuò)，是xHTMLCSS，不理解吧，我來細(xì)細(xì)給你說，如果下面的你能理解，保證面試的時(shí)候會(huì)應(yīng)聘者：DIVCSS準(zhǔn)確的說應(yīng)該叫xHTMLCSS，我對(duì)這種頁面布局方法非常了解！……如果你是面試官，你對(duì)這個(gè)應(yīng)聘者，感覺如何呢？呵呵呵使用使用table布局網(wǎng)頁不明智布局網(wǎng)頁不明智2010010115:31:19來源來源:CSS學(xué)習(xí)網(wǎng)網(wǎng)頁制作Webjx文章簡(jiǎn)介：使用Table布局頁面為什么是不明智的？使用使用TableTable布局

5、頁面為什么是不明智的？布局頁面為什么是不明智的？大家看到標(biāo)題，不要誤解認(rèn)為在頁面中不能使用Table，而是可以使用Table，但是盡量不要用Table去布局頁面，為什么這么說呢，因?yàn)槭褂肨able布局頁面會(huì)使頁面失去靈活性，怎么個(gè)靈活法呢，比如今天你好不容易做出來的頁面，第二天老板說我不喜歡登錄模塊放到右邊，還是放到左邊，通知板塊放到右側(cè)去，頁面風(fēng)格最好一個(gè)月?lián)Q一種，如果遇到這種老板，提出這種要求，并且你的頁面是用Table布局的，那么

6、你會(huì)崩潰的，工作量那是大大滴!，如果不相信的話，你們自己可以找個(gè)頁面，用Table布局出來，然后變換板塊和風(fēng)格，你就會(huì)體會(huì)到Table布局的不靈活性，這是為什么呢，因?yàn)門able的誕生是為存儲(chǔ)數(shù)據(jù)用的，功能和Execel差不多，不是用來布局用的，只不過后來大家發(fā)現(xiàn)用Table可以把想放的頁面元素，比如圖片，放到任何自己想放的地方，且做出來的頁面可以兼容多種瀏覽器，于是Table就承擔(dān)起了布局頁面的重?fù)?dān)，這一做就是好幾年......直到W

7、eb2.0時(shí)代的到來，Table才從布局頁面的工作中逐漸解脫，專心的去存儲(chǔ)數(shù)據(jù)^_^既然既然TableTable是為存儲(chǔ)數(shù)據(jù)誕生的，那誰的誕生是為了頁面布局呢？是為存儲(chǔ)數(shù)據(jù)誕生的，那誰的誕生是為了頁面布局呢？答案就是:DIVDIV，DIV就是為布局頁面而誕生的，只不過一直不被人認(rèn)同，原因就是DIV去布局頁面需要CSS的配合，使用比較繁瑣，還不如Table拖拖拽拽頁面就布局OK了，感覺還不如Table方便，從而DIV被人們放置在一個(gè)無人問

8、津的昏暗角落里，暗暗的等待著伯樂的出現(xiàn)，直到2003年美國加州ScottDesign公司參加了在舊金山舉辦的有關(guān)網(wǎng)頁排版和設(shè)計(jì)的一個(gè)研討會(huì)上的演講，使DIV看到了陽光，走出了陰霾......說了那么多，我們對(duì)比一下說了那么多，我們對(duì)比一下TableTable布局頁面和布局頁面和DIVDIV布局頁面的優(yōu)缺點(diǎn)布局頁面的優(yōu)缺點(diǎn)使用表格進(jìn)行頁面布局會(huì)帶來很多問題：把格式數(shù)據(jù)混入你的內(nèi)容中。這使得文件的大小無謂地變大，而用戶訪問每個(gè)頁面時(shí)都必須下

9、載一次這樣的格式信息帶寬并非免費(fèi)。這使得重新設(shè)計(jì)現(xiàn)有的站點(diǎn)和內(nèi)容極為消耗勞力(且昂貴)。這還使我們保持整個(gè)站點(diǎn)的視覺的一致性極難，花費(fèi)也極高。基于表格的頁面還大大降低了它對(duì)殘疾人和用手機(jī)或PDA瀏覽者的親和力。而使用CSS進(jìn)行網(wǎng)頁布局，它會(huì)：使你的頁面載入得更快降低你的流量費(fèi)用讓你在修改設(shè)計(jì)時(shí)更有效率而代價(jià)更低幫助你的整個(gè)站點(diǎn)保持視覺的一致性讓你的站點(diǎn)可以更好地被搜索引擎找到使你的站點(diǎn)對(duì)瀏覽者和瀏覽器更具親和力在世界上越來越多人采用We