日韩第一页在线观看,国产精品美女久久久久久久,精品无码国产自产在线观看老师,中文字幕一区二区三区无码

堅持為客戶提供有價值的服務和內容

網站前端設計的注意事項是什么?

admin | 2020-02-20 | 分享至:

  網站制作中,前端頁面設計應該怎么做,需要注意什么事項呢,有哪些要求呢?下面為大家分析。

  1、尊從內容與頁面樣式的脫離,如需要,同樣也要做到布局與COLOR的脫離。什么樣的圖片屬于內容:從數據庫里取出來的圖片。凡是不屬于內容的圖片請都用背景。

  1) 頁面代碼,做到精簡,邏輯性清楚;公用部位可以引入進來,比如頭部,腳部。

  2) CSS邏輯清析,精簡。可在不改變功能的前提內,做到能更換頁面布局及換色。

  CSS樣式每個頁面引入不超過兩個文件,一個是COMMON:它包含整個站點都需用到的公用部分,如整體布局,頭部,腳部,框,按扭等。另一個是當前頁的CSS。CSS文件引入在2個之內,減少http請求避免CSS的表達式。

  2、盡量把頁面的背景圖及小圖標整合到一張圖片,用CSS定位方法。這樣以減少http請求,從而降底網站的下載速度。

  3、 將腳本放在底部。

  這樣頁面就可以逐步呈現,而且頁面中的可視組件可以盡早下裁。


網站前端設計的注意事項是什么?


  設計師需要注意的幾點:

  1、盡量考慮為元素命名其本身的作用或”用意”,達到語義化。不要使用表面形式的命名。如:red/left/big等。

  2、組合命名規則:

  [元素類型]-[元素作用/內容] 如:搜索按鈕:btn-search

  登錄表單:form-login

  新聞列表:list-news

  3、涉及到交互行為的元素命名:

  凡涉及交互行為的元素通常會有正常、懸停、點擊和已瀏覽等不同樣式,命名可參考以下規則:

  鼠標懸停:hover 點擊:click 已瀏覽:visited

  如:搜索按鈕:btn-search、btn-search-hover、btn-search-visited

  4.用戶體驗方面需要注意的:

  1)、 每個連接,按鈕要做上鼠標hover時的一個變化效果。如果hover時是換一張背景圖片,請把這兩張圖片整合在一張圖片中,以防止在hover時,頁面還在download變化的那張圖片,這樣會出現那個按鈕無圖的間隔;

  2)、 INPUT有個label,可以讓用戶在點擊字時,光標自動跳入相應input中;

  3)、圖片應該有alt屬性,以備圖片阻止時,文字的替換。

  配合程序開發人員我們需要注意的(xhtml):

  1、了解用戶可編輯上傳修改的“圖片”,“文字”區域的需求。根據需求來定位控制,以保證頁面的穩定顯示。如圖片,需了解:

  1) 寬度是否是固定大小;

  2) 寬度最大限度;

  3) 大小不一樣時的居中顯示;

  如文字,需了解:

  1) 文字的最大長度。及加“…”省略號區域。

  2) 在測試中經常也會碰到英文無空格情況,得用overflow: hidden的方法隱藏溢出部分。

  2、每個頁面加上正確顯示的TITLE。

  3、在頁面中盡量完成每步交互效果,包括既時響應的。

  4、提交程序員的DEMO必須是連貫的,交互效里齊全,而且經過自已在IE6.0,IE7.0,FIREFOX一次以上的整體測試。

掃二維碼與項目經理溝通

7*24小時為您服務

解答:網站優化,網站建設,APP開發,小程序開發,H5開發,品牌推廣,新聞推廣,輿情監測等

  非常感謝您有耐心的讀完這篇文章:"網站前端設計的注意事項是什么?",更多內容請繼續瀏覽,我們將為您提供更多參考使用或學習交流的信息。我們還可為您提供:網站建設與開發網站優化品牌推廣、APP開發、小程序開發新聞推廣等服務,我們以“降低營銷成本,提高營銷效果”的服務理念,自創立至今,已成功服務過不同行業的1000多家企業,獲得國家高新技術企業認證,且擁有14項國家軟件著作權,將力爭成為國內企業心目中值得信賴的互聯網產品及服務提供商。如您需要合作,請掃碼咨詢,我們將誠摯為您服務。
我要咨詢
姓名 :
電話 :
文章分類
平阴县| 太仆寺旗| 太白县| 黑河市| 岱山县| 望奎县| 本溪市| 神池县| 平南县| 永修县| 昌都县| 太保市| 平顶山市| 琼中| 五莲县| 黑水县| 行唐县| 凌海市| 田林县| 涿鹿县| 清苑县| 南皮县| 右玉县| 永年县| 新疆| 中阳县| 武宣县| 奎屯市| 关岭| 八宿县| 新乡县| 磐石市| 定西市| 广汉市| 文成县| 康乐县| 伊川县| 汉中市| 铜山县| 绥宁县| 江都市|