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

1、2天掌握天掌握DIVCSSDIVCSS網(wǎng)頁(yè)制作技術(shù)網(wǎng)頁(yè)制作技術(shù)=================================基礎(chǔ)基礎(chǔ)【基礎(chǔ)一】DIVCSS的叫法是不準(zhǔn)確的【基礎(chǔ)二】使用Table布局是不明智的【基礎(chǔ)三】xHTMLCSS與SEO【基礎(chǔ)四】CSS如何控制頁(yè)面【基礎(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)頁(yè)面布局【第六節(jié)】定位【第七節(jié)】定位應(yīng)用【第八課】CSSHack=================================小技巧小技巧【單張圖片按鈕實(shí)例】【首行文字兩文字縮進(jìn)】DIVCSS網(wǎng)頁(yè)制作這種叫法不準(zhǔn)確網(wǎng)頁(yè)制作這種叫法不準(zhǔn)確2010010115:29:25來(lái)源來(lái)源:CSS學(xué)習(xí)網(wǎng)網(wǎng)頁(yè)制作

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

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

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

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

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

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

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