地址: 上海市靜安區共和新路4718弄10號樓2樓
熱線:400-166-3538
電話:19301461038
郵箱:sales@shyuanzhen.cn
在使用CSS建站時,您肯定遇到過形形色色的布局問題,最后可能被搞得焦頭爛額。本文的目的是讓您的設計過程更為容易,當您遇到困難時為您提供快速參考。
有疑問,先驗證
在調試時,先對您的代碼進行驗證往往能省去不少麻煩事。格式不正確的XHTML/CSS 會導致許多布局上的錯誤。
在其他瀏覽器中進行測試之前,請先在最先進的瀏覽器中撰寫和測試CSS代碼,而不是相反。
如果您在破舊的瀏覽器中編寫和測試,你的代碼就不得不依賴那個破舊瀏覽器的糟糕的顯示,然后在符合標準的瀏覽器中進行測試,看到顯示結果“不正常”時,你會很沮喪的。相反,您應該先將您的代碼完善,然后再設法為較低級的瀏覽器打算。這樣從一開始您的代碼就是符合標準的,你不必再為支持其他瀏覽器而勞心費神。當然了,目前遵從標準的瀏覽器無疑就是 Mozilla, Safari 或 Opera。
確保您期望的效果確實存在
許多特定的瀏覽器專有的CSS擴展在正式標準中并不存在。 如果您對 filter(濾鏡) 或滾動條指定了樣式,那么您就用了私有代碼,除了IE之外,在別的瀏覽器中毫無作用。如果驗證器告訴您代碼沒有定義,極有可能您用了私有樣式,這樣在不同的瀏覽器中很難達到一致的效果。
如果布局中一定要用浮動對象,別忘了適時使用清除(clear)屬性。
浮動對象似易實難,而且不總是令人如愿以償。如果您發現浮動對象伸出了容器的邊界,或者不像您所期望的那樣顯示,請檢查您的期望是否正確。關于這個問題請看Eric Meyer的教程
邊距的合并:可用padding 或 border 來避免。
您可能被多余的(或者想要卻不出現的)空白搞得焦頭爛額。如果您用了 margins,邊距的合并可能就是問題的根源。 Andy Budd 對此的解釋可能為你解惑。
避免將 padding/border 和固定寬度同時應用到同一元素。
IE5 的區塊模型是錯誤的,是它把事情辦壞了。對此也有權宜之計,不過最好是繞過這個問題,當子元素的寬度固定時,為父元素指定padding。
避免IE下未指定樣式內容的閃爍。
如果您僅僅靠 @import 來輸入外部樣式表,早晚您會發現IE有“閃爍”的毛病。在應用CSS樣式之前,未經格式化的HTML文本會短暫地出現。這是可以避免的。
別指望 min-width 在IE中有用。
IE不支持它,但是它將 width 當作 min-width,所以通過一些 IE 的過濾技巧(filtering),可以實現同樣的最終效果。
把CSS過濾器(filters)當作最后的手段
CSS 技巧和過濾器可以使您有選擇地應用到(或者不應用到)某些元素。應當盡可能地找到標準的跨瀏覽器的解決辦法來實現您想要的效果,而不是動不動就使用過濾器。要將它當成走投無路時的救命手段。在這里可以找到大量的CSS 過濾技巧。[譯注:不要把這里的filters和IE中的濾鏡混淆。由于各個瀏覽器對CSS標準的支持程度不一,人們找到了許多技巧,將瀏覽器無法解釋或錯誤解釋的樣式表或規則屏蔽掉。這就是所謂的CSS過濾器或技巧。webjx.com
如果使用了錨點,在應用超鏈接樣式時要特別小心。
如果您在代碼中使用了傳統的錨點(),您會注意到 :hover 和 :active偽類也會作用于它。要避免這種情形,你可以使用 id,或者使用鮮為人知的語法: :link:hover, :link:active
通常建網站的思路會包含:策劃、設計、推廣運營等,一般的企業建網站是想通過網站達到開展網絡宣傳的目的,實現電商的目的。通過了解項目用戶的宣傳策略,使企業以最小的網站投入,超越同行競爭對手,獲得更有效的市場回報,網站作為互聯網宣傳的起點,思路的嚴謹性、實用性將直接影響到網站的效果。以用戶需求為網站導向,結合自身的想法與要求,在滿足公司不同階段的戰略目標的基礎上,制定階段性的網站規劃思路,那么都有哪些與眾不同的建網站思路呢。
那些與眾不同的建網站思路
建網站的宣傳思路:主要工作包含項目可行性分析、同行競爭對手分析、網絡產品思路、網絡獲利思路、設計網站思路、賣點思路、網絡推廣思路,最后綜合為一套專業的網站宣傳思路。
網站在技術方面的可行性分析,就是根據現有的技術條件,分析企業的目標、要求能否達到,以及所采用的技術方案是不是具有一定的先進性。建網站在技術上的可行性可以從硬件的性能要求、程序的性能要求等幾個方面去思考。
在瀏覽量方面的思路,不論網站內容怎樣豐富,網頁設計怎樣精致,但不能有較高瀏覽量這個網站還是失敗的。怎樣能讓更多的人知道并訪問您的公司網站呢,也就是怎樣在網絡上宣傳自己的企業呢?首先應該理出一套網站的推廣方案,并將一些推廣方法計劃性地規劃重組。一方面是客戶自己宣傳網站,如通過名片,印刷品等打上網址。另外一個方面,通過網絡上的電子宣傳,如搜索引擎、友情鏈接、郵件宣傳等。
公司在自己建網站中一定要盡量多明白些信息,多做些比較,審查他們所提交的網站方案。做網站實際上并不是一個省事的工作,怎樣站在企業的角度去規劃、營造一個實用的網站,投入與網站功能相配套的效果,需要用戶與設計企業或專業人員仔細研究,要知道自己想做什么網站,目標又是什么,不要說要做個網站,就隨隨意便做了個網站,那樣是沒用的,等于沒做,我們要思考以后的問題,舉一個簡單的例子,現在隨意做個網站,到時候想做SEO優化的話能行嗎,關鍵詞能上去嗎,那還不是得重做,因此要做深遠的考慮!
最后要淡會細心傾聽,傾聽是為了收集信息,把握現有情況,收集網站用戶的想法。一些網站用戶的個人想法,例如對產品的認識規劃及對產品的希望、背景、對于現有思路的意見等,這些都是存在在網站用戶的腦海中,設計師應該努力將這些信息都可視化,這些因素對建網站將會有很大的啟迪和靈感激發。以此思路來建設出與眾不同的網站。
? ? ? ? | 公司名稱:上海緣震網絡科技有限公司 開戶銀行:中國工商銀行上海市彭浦支行 銀行賬號:1001 2508 0930 0206 455 |
總部:上海市奉賢區金海公路6055號29號3樓 分部:上海市靜安區共和新路4718弄10號樓2樓 商務官網:www.xczy11.com 彥蓁科技:www.shyanzhen.cn | 緣震網絡成立于 2014 年,公司主要經營全案策劃,高端品質網站建設、多媒體視頻宣傳片制作、微信公眾號開發、微信小程序開發、商城定制、SEO優化、電商托管、空間托管、網站維護、應用軟件開發、手機端APP開發、等為客戶提供一條龍網絡運營解決方案的的技術型企業。我們在人力資源、業務范圍、設計、技術、服務、信譽度、規范管理及企業文化等諸多方面完善自己,公司目前已與千余家各類客戶進行長期戰略合作,提供專業的網站建設與運營服務。我們的口號:廣結良緣、震古爍今! |