如何發(fā)揮CSS 2.0的作用
1.合理的CSS文件結(jié)構(gòu)
雖然CSS做到了樣式設(shè)計與內(nèi)容的分離,但CSS文件本身也應(yīng)該擁有良好的層次結(jié)構(gòu)及規(guī)范,目的是進(jìn)一步改替樣式設(shè)計的可維護(hù)性。CSS本身支持Import導(dǎo)入功能,針對大型網(wǎng)站設(shè)計,不妨使用分離的CSS文件來組織樣式,比如將字體樣式專門使用font.css文件來編寫,表單設(shè)計則放到form.css文件中。通過合理地組織這些文件.可以帶來后期維護(hù)的便利性,也方便網(wǎng)站程序能夠根據(jù)瀏覽器版本或終端設(shè)備進(jìn)行文件調(diào)用,進(jìn)一步提升CSs跨平臺的應(yīng)川能力。
2.繼承與重用的優(yōu)勢
使用CSs的優(yōu)勢就在于其良好的重用特性,一段CSs設(shè)計代碼可以供多個區(qū)域同時使用。除了龜用功能外,CSs還可以實現(xiàn)類似于而向?qū)ο蟪绦蛟O(shè)計中的繼承機(jī)制,通過繼承機(jī)制能夠進(jìn)一步地完善網(wǎng)站的樣式結(jié)構(gòu)。比如在CSs對應(yīng)的XHTML中,侮一級的標(biāo)簽總是首先使用其本身標(biāo)簽的樣式設(shè)計,接著使用父級標(biāo)簽的樣式,這樣部分代碼就可以分別放在各級別中,它們互相發(fā)揮作用;統(tǒng)一代碼則放在最上一級標(biāo)簽里。通過這種具有繼承機(jī)制的功能運用,我們能夠進(jìn)一步地減小樣式設(shè)計中的代碼量,并進(jìn)一步改稗設(shè)計方法。
3.設(shè)計跨平臺的代碼
CSS也有美中不足,由于不同品牌瀏覽器及不同版本之間的演染方式不同,各白對CSS的解析也存在著一定差異。一些老版本的瀏覽器(如IE4.0及IE5.0等),還有眾多不愿升級的用戶在使用,另外就是PC機(jī)F與MAC機(jī)下瀏覽器產(chǎn)品的不問.等等情況。針對這些原因,CSS設(shè)計也應(yīng)當(dāng)其有一定的跨平臺兼容特性,編碼時應(yīng)盡量減少生僻屬性的使用,如果想兼容舊版本的瀏覽器,也應(yīng)當(dāng)注意留有一定的CSS hack代碼。
4.具有良好可用性的Css樣式設(shè)計
可用性隨著計算機(jī)人機(jī)交互技術(shù)的發(fā)展不斷擴(kuò)充其內(nèi)容與形式??捎眯缘哪繕?biāo)是使我們的交互式產(chǎn)品(軟件、網(wǎng)站)對用戶的需求提供最大限度的滿足,使得產(chǎn)品更容易被用戶使用,它從根本.上改變用戶與產(chǎn)品交互的主觀過程,提升產(chǎn)品價值,為產(chǎn)品及用戶帶來雙方面的利益。CSS作為樣式設(shè)計代碼,也包含著可用性的設(shè)計內(nèi)容。
CSS樣式的設(shè)計意味著你對網(wǎng)站整體風(fēng)格的把握需要重新考慮,從視覺設(shè)計上為了達(dá)到最大限度的重用與合理的紡構(gòu),需要統(tǒng)一的字體、字號及排版形式,這些統(tǒng)一性的設(shè)計都有助于視覺設(shè)計卜可用性的提升。對于網(wǎng)站上的細(xì)節(jié)表現(xiàn),比如鏈接改變提示、鏈接區(qū)域、導(dǎo)航的操作感等,也都是CSS在可用性上設(shè)計的目標(biāo),最終目的就是希望通過良好的設(shè)計,創(chuàng)造出更好的交互式網(wǎng)站.以便用戶使用,為網(wǎng)站及用戶創(chuàng)造價值。
5,使用基干DOM的腳本語言來編寫交互
DOM的產(chǎn)生同樣是為了實現(xiàn)腳本語言的跨平臺與跨瀏覽器應(yīng)用。DOM (Document Object Model,文檔對象模型)是由W3C制定的一種與瀏覽器無關(guān)的接口,它能夠?qū)W(wǎng)頁中的標(biāo)準(zhǔn)組件(如HTML標(biāo)簽)做出技術(shù)性的統(tǒng)一規(guī)范,便腳本語言能夠訪問的這些組件,前提是瀏覽器支持這種基于DOM的定義規(guī)范。
就目前來說,大部分瀏覽器都支持標(biāo)準(zhǔn)的DOM。使用符合DOM的腳本語言,基本上不再需要檢側(cè)瀏覽器的不同版本而去編寫幾套不同的代碼,只要符合DOM的瀏覽器,相同的代碼就能夠完成所有可支持的操作.目前的javaScript是符合DOM標(biāo)準(zhǔn)的腳本語言.有關(guān)DOM的詳細(xì)資料,可以訪問W3C的DOM專欄:http://www.w3.org/dom。
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設(shè)計風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
一年以內(nèi)的網(wǎng)站百度權(quán)重如何到達(dá)6
網(wǎng)站建設(shè)公司尚品中國:雖然百度權(quán)重跟谷歌PR的作用有點類似,而且百度權(quán)...
2014-01-11 -
高校集群網(wǎng)站建設(shè)需要準(zhǔn)備哪些資料?
高校相關(guān)信息:準(zhǔn)備關(guān)于高校的基本信息,包括學(xué)校名稱、校訓(xùn)、辦學(xué)理念、歷...
2023-06-21 -
建設(shè)自適應(yīng)網(wǎng)站有哪些優(yōu)缺點?
因為自適應(yīng)設(shè)計需要多個界面的兼容性和功能調(diào)試,所以UI設(shè)計師和前端工程...
2020-09-24 -
網(wǎng)站制作之平面設(shè)計師設(shè)計網(wǎng)站用戶體驗差的原因
網(wǎng)站制作之平面設(shè)計師設(shè)計網(wǎng)站用戶體驗差的原因最近剛換了工作,到了一家搞...
2011-12-09 -
網(wǎng)站設(shè)計的幾個技巧,讓你的網(wǎng)站與眾不同
網(wǎng)站建設(shè)包括網(wǎng)站策劃、網(wǎng)頁設(shè)計、網(wǎng)站推廣、網(wǎng)站內(nèi)容整理、網(wǎng)站優(yōu)化技術(shù)、...
2012-07-23 -
英文版網(wǎng)站設(shè)計選擇模板要注意的問題有哪些
近年來,隨著專業(yè)英文版網(wǎng)站設(shè)計的公司增多之后,在每一個客戶的設(shè)計要求不...
2020-07-28
預(yù)約專業(yè)咨詢顧問溝通!
免責(zé)聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動。
2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請您及時與我們,我們會在第一時間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com