運用DIVCSS進行網站構架的一般流程參考_Div+CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        第一步:拿到設計稿(也就是美工設計出來的東東)

        猜想一下,拿到設計稿我們應該干嘛?
        你會回答當然是快點做了!其實不是!
        你應該用充足的時間看懂設計稿,看又有是一門學問,不是從藝術的角度看設計師設計的如何漂亮,而是用架構師的角度把結構看得有條理性,這樣你的CSS總體的架子才能在腦海中規劃出來,這是第一小點也就是一個大的布局的把握,第二點就是找出頁面的相同點與不同點,就象我們從前玩過的一個游戲:大家來找碴.你找出來的越多你以后走的彎路就越少!找出了相同點是為了我們可以定義一個區塊的共用樣式,然后對于不同之處可以在共用樣式中增加一個樣式,比如定義好了一個共用樣式<div class="style1">...</div>第二個樣式只是增加了一些新的樣式.可以這樣寫<div class="style1 style2">...</div>這樣就定義好了,因人的因素由于知識,經驗,熟悉上的不同,所以定義的樣式會有所不同.但大的方向應該不會有太大的出路,樣式表又叫重疊樣式表,所以盡最大努力重復應用樣式,讓代碼減到最少,所以知識,經驗都是可以慢慢通過學習提高,但思想要先行,就是你要有這種意識.

        第二步:規劃文件目錄

        第三步:規劃樣式表

        第四步:開始動手寫樣式表

        第五步:驗證你的HTML/CSS

        第六步:配合程序員調整樣式表

        第七步:優化CSS代碼

      來源:無憂整理//所屬分類:Div+CSS教程/更新時間:2007-06-09
      相關Div+CSS教程