第一次完成一個項目,其中遇到不少問題,而這些問題每每是平時沒有注意到的。在這些問題中能夠反映我的對一個項目的理解和操控能力。css
1、首先,是一個項目的總體的框架。每一個項目都有本身的結構。當拿到一份設計圖的時候,咱們能夠把全部的效果圖進行層次的分類。舉個例子來講,一個簡單的企業網站,它通常會有主頁,公司簡介,產品介紹,聯繫方式這幾個分項。首頁和在首頁導航中所涉及的分頁歸爲一層;導航中的子菜單歸爲一層。以此類推,把相關的效果圖分門別類,並擬定一個樹狀圖來描述它的層級關係。其關係圖就相似於咱們的資源管理器的樹狀結構。html
2、而後對每一個效果圖的大體內容瀏覽一遍,把每一個大的內容區塊分類出來。肯定網頁編寫的順序。瀏覽器
3、接下來,就開始擬定項目文件結構。一般的文件結構分爲幾個文件夾,分別是:一、html,存放網頁文件。大多數開發者不會對網頁文件用一個文件夾來統一存放,而是放到項目的根目錄,可是若是當網頁文件數量過大的時候就不太方便了。因此仍是養成一個好的習慣,用一個文件夾來把網頁文件統一存放。二、css,存放樣式文件。對於樣式這個類別,首先應該要放置一些我的的自定義的公共樣式。例如reset,用來重置瀏覽器默認樣式的css文件。base,我的習慣性網頁通用結構樣式。例如企業網站首頁的基本結構佈局的css樣式,測試用css等。三、js,存放js代碼。(由於尚未講到js,全部不過多評論)四、images,存放網頁圖片。其實更規範的來講,這個文件夾還應該有更細的分類,例如背景圖,按鈕圖片,用到公共的特效動態圖等。框架
4、網頁公共樣式分類和提取。通常的網頁,其每一個分頁大概的網頁佈局都很類似。並且會使用同一種樣式。咱們能夠把這些公共的重複樣式進行分類,而後提取出來。還有一些網頁中的個性的效果,能夠單獨把它拿出來,作成一個組件,當使用到的時候,直接引用。佈局
5、最後把大體的網頁作出來後,還要不斷地進行優化。這個過程很繁瑣,也很耗時間。但也必須耐心地完成。測試
以上都是技術性的問題建議。那麼實際開發中,咱們還會遇到其餘的問題。例如團隊中的溝通問題。每每一個很簡單的網頁效果由於沒有跟美工溝通好,而致使作出來的效果跟實際想要的效果不同。不少開發者在收到設計圖的時候會基於經驗對一下常見的效果下意識的把它誤認爲是本身所理解的效果,結果並非這樣。全部必須與美工或者是後臺一塊兒討論,把一些沒必要要的錯誤給規避。另外在開發過程當中,因爲是多人合做,每到一個階段都應該進行一次匹配。檢驗網頁效果的差別,及時的發現問題並改正。優化
另一點就是心態問題。首先對一個項目而言,咱們都會追求效率。高效率當然的好,可是也不能忽視質量。不能由於趕進度而馬馬虎虎的把大概效果作出來就算了。這個問題是不少開發者都會遇到的。按時完成任務當然重要,草草了事頗有可能會給其餘的隊友帶來不少問題,從而間接地影響自身在團體中的評價。團隊合做就是要讓隊友彼此協做,共同地解決問題。網站