運用DIVCSS進行網站構架的一般流程參考_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
第一步:拿到設計稿(也就是美工設計出來的東東)
猜想一下,拿到設計稿我們應該干嘛?
你會回答當然是快點做了!其實不是!
你應該用充足的時間看懂設計稿,看又有是一門學問,不是從藝術的角度看設計師設計的如何漂亮,而是用架構師的角度把結構看得有條理性,這樣你的CSS總體的架子才能在腦海中規劃出來,這是第一小點也就是一個大的布局的把握,第二點就是找出頁面的相同點與不同點,就象我們從前玩過的一個游戲:大家來找碴.你找出來的越多你以后走的彎路就越少!找出了相同點是為了我們可以定義一個區塊的共用樣式,然后對于不同之處可以在共用樣式中增加一個樣式,比如定義好了一個共用樣式<div class="style1">...</div>第二個樣式只是增加了一些新的樣式.可以這樣寫<div class="style1 style2">...</div>這樣就定義好了,因人的因素由于知識,經驗,熟悉上的不同,所以定義的樣式會有所不同.但大的方向應該不會有太大的出路,樣式表又叫重疊樣式表,所以盡最大努力重復應用樣式,讓代碼減到最少,所以知識,經驗都是可以慢慢通過學習提高,但思想要先行,就是你要有這種意識.
第二步:規劃文件目錄
第三步:規劃樣式表
第四步:開始動手寫樣式表
第五步:驗證你的HTML/CSS
第六步:配合程序員調整樣式表
第七步:優化CSS代碼
猜想一下,拿到設計稿我們應該干嘛?
你會回答當然是快點做了!其實不是!
你應該用充足的時間看懂設計稿,看又有是一門學問,不是從藝術的角度看設計師設計的如何漂亮,而是用架構師的角度把結構看得有條理性,這樣你的CSS總體的架子才能在腦海中規劃出來,這是第一小點也就是一個大的布局的把握,第二點就是找出頁面的相同點與不同點,就象我們從前玩過的一個游戲:大家來找碴.你找出來的越多你以后走的彎路就越少!找出了相同點是為了我們可以定義一個區塊的共用樣式,然后對于不同之處可以在共用樣式中增加一個樣式,比如定義好了一個共用樣式<div class="style1">...</div>第二個樣式只是增加了一些新的樣式.可以這樣寫<div class="style1 style2">...</div>這樣就定義好了,因人的因素由于知識,經驗,熟悉上的不同,所以定義的樣式會有所不同.但大的方向應該不會有太大的出路,樣式表又叫重疊樣式表,所以盡最大努力重復應用樣式,讓代碼減到最少,所以知識,經驗都是可以慢慢通過學習提高,但思想要先行,就是你要有這種意識.
第二步:規劃文件目錄
第三步:規劃樣式表
第四步:開始動手寫樣式表
第五步:驗證你的HTML/CSS
第六步:配合程序員調整樣式表
第七步:優化CSS代碼
相關Div+CSS教程:
- 相關鏈接:
- 教程說明:
Div+CSS教程-運用DIVCSS進行網站構架的一般流程參考。