頁面製作流程

2021-06-08 00:57:51 字數 688 閱讀 3871

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之前我們要引用帶資源...