1.看效果圖,首先要了解頁面,然後出現問題即時與設計人員溝通。
2.做好html框架的規劃,搭建html框架(要求結構化和標籤語義化),新增語義化的命名。
3.根據上一步的框架,寫html框架和css樣式的報告。以有利於加快專案進度和方便後期管理。
4.編寫html框架(即為頁面中的文字內容和)。需要考慮**結構,方便後期維護。
5.切圖,插入,或者用css sprites整合。
6.新增css樣式。
下面是一些規範
1.html標籤的結構化:是指html的框架結構要合理
2.html標籤的語義化:是指通過html標籤的含義合理使用標籤,如
標題用h1-h6。段落用p。div 是無語義的標籤。
3.html命名的語義化:html命名要按區域功能(同時要考慮命名的繼承)
4.命名使用class,少使用id
實際工作中,前台製作時使用class,後台新增id,避免發生衝突,提高工作效率。
5.css書寫順序一般是
顯示屬性(display,list-style,position,float,clear等)
自身屬性(width,height,margin,padding,border,background等)
文字屬性(color,font,text-decoration,text-align,vertical-align)
Login登入頁面的製作流程(摘要)
我的qq號 1539832180。歡迎一起討論學習。第一步 拿到設計圖,先別急著切,先分析。因為切圖不只是切圖,設計不只是設計。你得考慮四方面的因素 1.合理的切圖,語義準確,注釋明了。寫好注釋是關鍵。2.切圖的同時更要考慮程式巢狀問題。因為你切完圖的頁面是交給程式設計師的,而程式設計師是看的不是設...
dorado流程製作
流程介面說明 http localhost 8080 bdf2 project dorado uflo list.assignee.provider 紅色為專案名 決策實現介面 decisionhandler 動作實現介面 actionhandler 開始乙個流程 resource qualifie...
Android SDK製作流程
如何讓自己的sdk更安全?讓自己的邏輯對使用者完全透明?1.利用好混淆 2.建造者模式 便的引用,aar和jar類似,區別就是乙個android library專案匯出的jar檔案不能包含資源檔案,比如一些drawable文 件 xml資源等,所以這就有很大的限制,在gradle之前我們要引用帶資源...