布局的時候這兩項怎樣做才更方便呢
1、寫一部分內容 跟著寫樣式；（比如寫完header內容就寫樣式）
2、寫完所有內容，再設置樣式；
怎樣做才更合理呢
蘇慕然
2015-12-31
3 回答
舉報
0/150
提交
取消
2015-12-31
額。流程上應該先寫完結構再寫樣式。這樣算是統(tǒng)領全局吧。速度上也算快的。如果一邊寫結構一邊寫樣式，沒有全局意識很容易后面寫的樣式對前面產生干擾。而且來回的看結構與樣式我覺得很浪費時間，純粹是我的工作體會。不具代表性，你應該能在實際工作中理解才對。
2015-12-31
一般來講在用代碼做網頁的時候，
首先考慮頁面樣式的布局（這個地方是什么內容、那個地方是什么內容，心里有個樣子，） 但不考慮樣式的實現（不寫任何代碼）；（就是說心里有個數，簡單從紙上畫幾個框框就行，一般來你的方案書里都已經有了簡單的布局，我想你是問的“邊開發(fā)邊設計邊實現”這樣自己折騰著制作方式。）
然后考慮頁面內容的結構（這個地方是題目、那個地方作者信息）并以<div></div>的方式表示出這些結構 但不考慮<div></div>容器內的實際內容；（就是說找一堆大小不一樣的瓶子——特指<div>容器，把瓶子放好，哪個小瓶子在哪個大瓶子里面，瓶子不需要填充內容，也可以稍微填一下描述性的東西，類似于：“這里是個標題”、“這里是作者信息”?，F在建立html文檔，在文檔里放置<div>，對每個<div>元素設置類名稱或id，便于知道每個容器的內容是什么，也便于用css控制。）
當你把頁面內容的結構設計完成，便往每個容器里填入描述性的文字，比如：“這是一個標題”、“這是主要內容這是主要內容這是主要內容這是主要內容這是主要內容這是主要內容這是主要內容這是主要內容這是主要內容這是主要內容”。
現在另建立一個css文檔并引入到該html里，兩個文檔同時打開，開始控制每個容器樣式。
舉個例子：
第一步：
一個神奇的頁面布局計劃書登場
1：文章標題
2：文章內容
3：作者信息
P.S.有很多框框，有很多編號，用很多對編號的解釋，好吧，不多，就三個
第二步：
一堆html代碼，但我省略了很多，你知道我省略了哪些
注：我是先寫了標簽，然后寫了id,然后填充的描述性內容。
可以標簽和id一起寫，但我個人覺得一起寫很不爽，既要考慮結構，又要給每個結構起名字，不如先把東西擺好，然后再給起名，這樣還可以檢查一下剛剛的結構有沒有不合理的地方。
有的人會發(fā)現在方案圖里，只有三個框框，為什么代碼用了四個<div>容器呢？是這樣的，搞設計的人可能不太了解html頁面內容的結構，只是把內容的位置畫了出來，而在html結構里，我們認為2和3是統(tǒng)一級的（同一個層次），所以要把2和3在結構上放到同一級，所以在2和3外還有一個容器。
用圖解釋，是這樣的：甲圖是表示單純的理解方案圖，乙圖是按照頁面內容結構的表示
顯然，單純按照方案圖的位置做頁面內容的結構，不好，很不好。
第三步：
新建一個css文檔，引入到html里面，這個就不用做了，寫id名稱控制就夠了。
最后一步：填充內容。
1：如何追女孩
2：不要臉
????堅持
堅持不要臉
3：沒追到女孩子的單身貴族
好了，一般自己做小網頁，自己折騰的話，可以這樣做。如果認真起來寫計劃書什么的，按照計劃書來就是了。
2015-12-31
這個我估計沒有一個標準的答案，個人有個人的習慣跟方法論。
說說我的，我是?寫完所有內容，在寫樣式。
這樣我認為會很快，且不容易出問題。寫結構的時候不會被樣式干擾，寫樣式的時候所有結構也都寫好了。