⑴ web前端工程師的優點和缺點
優點:HTML5APP可以在PC和移動、iOS和Android上運行。
缺點:在對性能要求較高的情況下,或選擇使用本機開發知識。
實現此目的的最佳方法是混合方法,大型框架使用本機、基本功能等,一些模塊使用HTML。Web前端工程師:使用(X)HTML/CSS/JavaScript/Flash等各種Web技術開發的客戶端產品。
Web前端工程師:完成客戶端程序(即瀏覽器端)的開發,開發JavaScript和Flash模塊,結合後台開發技術模擬整體效果,富InternetWeb開發,致力於通過技術提升用戶體驗。
Web前端工程師:對Web2.0、HTML+CSS和瀏覽器兼容性有深刻的理解。了解其他IT編程語言,如PHP、Java、.net和vue。
(1)web兼容性好嗎擴展閱讀:
掌握以下技術:
1.掌握基本的web前端開發技術:HTML、CSS、JavaScript、DOM、BOM、AJAX等,了解其與不同瀏覽器的兼容性、渲染原理及bug
2.必須具備網站性能優化、SEO和伺服器端開發的基本知識
3.必須學會使用各種web前端開發和測試工具來輔助開發嗎
4.除了技術知識之外,還需要理論知識,包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分層支持
5.未來的web前端開發工程師還將學習HTML5、web視覺設計、網站色彩搭配、網站交互設計模式等相關技術
網路--web前端工程師
⑵ 什麼瀏覽器的兼容性最好
qq 瀏覽器9.0版本的兼容性挺不錯的 我的電腦都是用的qq瀏覽器
QQ瀏覽器9.0從里到外都進行了全新的設計,
核心基於業界最新的Google Chromium 42正式版,
完美支持HTML5和各種新的Web標准,同時為了保持兼容性 大贊
⑶ web端和app端兼容性考慮哪些方面
web考慮主流瀏覽器之間的兼容,app考慮安卓和ios之間的兼容基本就可以了
⑷ web前端開發兼容性問題
那你可以使用判斷語句實現,當為空時不選擇,非空時為A即可。這樣就行了。
⑸ web前端主要兼容哪些瀏覽器
一、瀏覽器的佔有率:
⑹ 考慮web頁面兼容性用什麼解決最好,bootstrap里的兼容怎麼樣
兼容瀏覽器概要
Chrome (Mac、Windows、iOS和Android)
Safari (只支持Mac和iOS版,Windows版已經基本死掉了)
Firefox (Mac、Windows)
Internet Explorer
IE兼容模式帶來的問題
很多在XP中升級到IE8的用戶會發現一些布局或者交互的問題,其實這是由於Bootstrap並不支持IE的兼容模式,為了解決這個問題,我們需要在head中引入以下meta標簽。
<meta http-equiv="X-UA-Compatible" content="IE=edge」>
這個標簽能夠確保你的每個頁面能夠在兼容模式下正常地被渲染。
Opera (Mac、Windows)
⑺ Web前端中常見的瀏覽器兼容問題有哪些
使用Trident內核的瀏覽器:IE、Maxthon、TT; 使用Gecko內核的瀏覽器:Netcape6及以上版本、FireFox; 使用Presto內核的瀏覽器:Opera7及以上版本; 使用Webkit內核的瀏覽器:Safari、Chrome。
而我現在所說的兼容性問題,主要是說IE與幾個主流瀏覽器如firefox,google等。而對IE瀏覽器來說,IE7又是個跨度,因為之前的版本更新甚慢,bug甚多。從IE8開始,IE瀏覽器漸漸遵循標准,到IE9後由於大家都一致認為標准很重要,可以說在兼容性上比較好了,但是在中國來說,由於xp的佔有率問題,使用IE7以下的用戶仍然很多,所以我們不得不考慮低版本瀏覽器的兼容。
對瀏覽器兼容問題,一般分,HTML,Javascript兼容,CSS兼容。 其中html相關問題比較容易處理,無非是高版本瀏覽器用了低版本瀏覽器無法識別的元素,導致其不能解析,所以平時注意一點就是。特別是HTML5增加了許多新標簽,低版本瀏覽器有點影響時代進步啊
問題一:不同瀏覽器的標簽默認的外補丁和內補丁不同
問題症狀:隨便寫幾個標簽,不加樣式控制的情況下,各自的margin 和padding差異較大。
碰到頻率:100%
解決方案:css里*{margin:0;padding:0;}
備註:這個是最常見的也是最易解決的一個瀏覽器兼容性問題,幾乎所有的css文件開頭都會用通配符*來設置各個標簽的內外補丁是0。
問題症狀:常見症狀是ie6中後面的一塊被頂到下一行
碰到頻率:90%(稍微復雜點的頁面都會碰到,float布局最常見的瀏覽器兼容問題)
解決方案:在float的標簽樣式控制中加入 display:inline;將其轉化為行內屬性
備註:我們最常用的就是div+css布局了,而div就是一個典型的塊屬性標簽,橫向布局的時候我們通常都是用div float實現的,橫向的間距設置如果用margin實現,這就是一個必然會碰到的兼容性問題。
問題症狀:ie6、7和遨遊里這個標簽的高度不受控制,超出自己設置的高度
碰到頻率:60%
解決方案:給超出高度的標簽設置overflow:hidden;或者設置行高line-height 小於你設置的高度。
備註:這種情況一般出現在我們設置小圓角背景的標簽里。出現這個問題的原因是ie8之前的瀏覽器都會給標簽一個最小默認的行高的高度。即使你的標簽是空的,這個標簽的高度還是會達到默認的行高。
問題症狀:ie6里的間距比超過設置的間距
碰到幾率:20%
解決方案:在display:block;後面加入display:inline;display:table;
備註:行內屬性標簽,為了設置寬高,我們需要設置display:block;(除了input標簽比較特殊)。在用float布局並有橫向的margin後,在ie6下,他就具有了塊屬性float後的橫向margin的bug。不過因為它本身就是行內屬性標簽,所以我們再加上display:inline的話,它的高寬就不可設了。這時候我們還需要在display:inline後面加入display:talbe。
問題症狀:幾個img標簽放在一起的時候,有些瀏覽器會有默認的間距,加上問題一中提到的通配符也不起作用。
碰到幾率:20%
解決方案:使用float屬性為img布局
備註:因為img標簽是行內屬性標簽,所以只要不超出容器寬度,img標簽都會排在一行里,但是部分瀏覽器的img標簽之間會有個間距。去掉這個間距使用float是正道
問題症狀:因為min-height本身就是一個不兼容的css屬性,所以設置min-height時不能很好的被各個瀏覽器兼容
碰到幾率:5%
解決方案:如果我們要設置一個標簽的最小高度200px,需要進行的設置為:{min-height:200px; height:auto !important; height:200px; overflow:visible;}
備註:在B/S系統前端開時,有很多情況下我們有這種需求。當內容小於一個值(如300px)時。容器的高度為300px;當內容高度大於這個值時,容器高度被撐高,而不是出現滾動條。這時候我們就會面臨這個兼容性問題。
- 方法是:每寫一小段代碼(布局中的一行或者一塊)我們都要在不同的瀏覽器中看是否兼容,當然熟練到一定的程度就沒這么麻煩了。建議經常會碰到兼容性問題的新手使用。很多兼容性問題都是因為瀏覽器對標簽的默認屬性解析不同造成的,只要我們稍加設置都能輕松地解決這些兼容問題。如果我們熟悉標簽的默認屬性的話,就能很好的理解為什麼會出現兼容問題以及怎麼去解決這些兼容問題。1
ie6認識的hacker 是下劃線_ 和星號 *
ie7 遨遊認識的hacker是星號 * (包括上面問題6中的 !important也算是hack的一種。不過實用性較小。)
- 比如這樣一個css設置 height:300px;*height:200px;_height:100px;ie6瀏覽器在讀到 height:300px的時候會認為高時300px;繼續往下讀,他也認識*heihgt, 所以當ie6讀到*height:200px的時候會覆蓋掉前一條的相沖突設置,認為高度是200px。繼續往下讀,ie6還認識_height,所以他又會覆蓋掉200px高的設置,把高度設置為100px;
- ie7和遨遊也是一樣的從高度300px的設置往下讀。當它們讀到*height200px的時候就停下了,因為它們不認識_height。所以它們會把高度解析為200px;
- 剩下的瀏覽器只認識第一個height:300px;所以他們會把高度解析為300px。1234
- /* CSS屬性級Hack */ color:red; /* 所有瀏覽器可識別*/_color:red; /* 僅IE6 識別 */*color:red; /* IE6、IE7 識別 */+color:red; /* IE6、IE7 識別 */*+color:red; /* IE6、IE7 識別 */[color:red; /* IE6、IE7 識別 */ color:red9; /* IE6、IE7、IE8、IE9 識別 */color:red ; /* IE8、IE9 識別*/color:red9 ; /* 僅IE9識別 */color:red ; /* 僅IE9識別 */color:red!important; /* IE6 不識別!important 有危險*//* CSS選擇符級Hack */ *html #demo { color:red;} /* 僅IE6 識別 */*+html #demo { color:red;} /* 僅IE7 識別 */body:nth-of-type(1) #demo { color:red;} /* IE9+、FF3.5+、Chrome、Safari、Opera 可以識別
- */ head:first-child+body #demo { color:red; } /* IE7+、FF、Chrome、Safari、Opera 可以識別 */:root #demo { color:red9; } : /* 僅IE9識別 */
- display:block,inline兩個元素
- display:block; //可以為內嵌元素模擬為塊元素display:inline; //實現同一行排列的的效果display:table; //for FF,模擬table的效果1234567
- <style type="text/css"><!-- div {position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;width:200px;height:200px;border:1px solid red; } --></style>12345678910111213141516171819
這里的NOTfloatC並不希望繼續平移,而是希望往下排。(其中floatA、floatB的屬性已經設置為float:left;)
這段代碼在IE中毫無問題,問題出在FF。原因是NOTfloatC並非float標簽,必須將float標簽閉合。在<divclass="floatB"><div class="NOTfloatC">之間加上<div class="clear">這個div一定要注意位置,而且必須與兩個具有float屬性的div同級,之間不能存在嵌套關系,否則會產生異常。並且將clear這種樣式定義為為如下即可:.clear{clear:both;}
- .colwrapper{overflow:hidden; zoom:1; margin:5px auto;}1
- <div id=」page」>
- <div id=」left」></div>
- <div id=」center」></div>
- <div id=」right」></div>
- </div>1234567
- <div id=」page」>
- <div id=」bg」 style=」float:left;width:100%」>
- <div id=」left」></div>
- <div id=」center」></div>
- <div id=」right」></div>
- </div>
- </div>1234567891011
- /* Clear Fix */ .clearfix:after { content:"."; display:block; height:0; clear:both;visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac */ .clearfix {display:block;} /* End hide from IE Mac */ /* end of clearfix */1234567
FF里 y 軸上 子div 到 父div 的距離為 父padding + 子marign
IE里 y 軸上 子div 到 父div 的距離為 父padding 和 子marign 里大的一個
FF里 y 軸上 父padding=0 且 border=0 時,子div 到 父div 的距離為0,子marign 作用到 父div 外面
問題二:塊屬性標簽float後,又有橫行的margin情況下,在ie6顯示margin比設置的大
問題三:設置較小高度標簽(一般小於10px),在ie6,ie7,遨遊中高度超出自己設置高度
問題四:行內屬性標簽,設置display:block後採用float布局,又有橫行的margin的情況,ie6間距bug(類似第二種)
問題五:圖片默認有間距
問題六:標簽最低高度設置min-height不兼容
問題七:透明度的兼容css設置
技巧一:css hack
使用hacker 我可以把瀏覽器分為3類:ie6 ;ie7和遨遊;其他(ie8 chrome ff safari opera等)
因為優先順序相同且相沖突的屬性設置後一個會覆蓋掉前一個,所以書寫的次序是很重要的。
越少的浮動,就會越少的代碼,會有更靈活的頁面,會有擴展性更強的頁面。這不多說,歸結為到一定水平了,浮動會用的較少。另外,您也會避免使用浮動+margin的用法。所以,越後來越不易遇到這種bug。
技巧二:padding,marign,height,width
注意是技巧,不是方法: 寫好標准頭http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」>http://www.w3.org/1999/xhtml」>盡量用padding,慎用margin,height盡量補上100%,父級height有定值子級height不用100%,子級全為浮動時底部補個空clear:both的div寬盡量用margin,慎用padding,width算準實際要的減去padding
技巧三:顯示類(display:block,inline)
display:block塊元素,元素的特點是: 總是在新行上開始;高度,行高以及頂和底邊距都可控制;寬度預設是它的容器的100%,除非設定一個寬度
display:inline就是將元素顯示為行內元素,元素的特點是:和其他元素都在一行上;高,行高及頂和底邊距不可改變;寬度就是它的文字或圖片的寬度,不可改變。span,a,label,input,img,strong和em是 inline 元素的例子
技巧四:怎樣使一個div層居中於瀏覽器中?
1)
2)div里的內容,IE默認為居中,而FF默認為左對齊,可以嘗試增加代碼margin: 0 auto;
技巧五:float的div閉合;清除浮動;自適應高度
① 例如:<div id="floatA"><div id="floatB"><div id="NOTfloatC">
②作為外部 wrapper 的 div 不要定死高度,為了讓高度能自適應,要在wrapper裡面加上overflow:hidden; 當包含float的box的時候,高度自適應在IE下無效,這時候應該觸發IE的layout私有屬性(萬惡的IE啊!)用zoom:1;可以做到,這樣就達到了兼容。
例如某一個wrapper如下定義:
③對於排版,我們用得最多的css描述可能就是float:left.有的時候我們需要在n欄的float div後面做一個統一的背景,譬如:
比如我們要將page的背景設置成藍色,以達到所有三欄的背景顏色是藍色的目的,但是我們會發現隨著left centerright的向下拉長,而page居然保存高度不變,問題來了,原因在於page不是float屬性,而我們的page由於要居中,不能設置成float,所以我們應該這樣解決:
再嵌入一個float left而寬度是100%的DIV解決之。
④萬能float 閉合(非常重要!)
關於 clear float 的原理可參見 [How To ClearFloats Without Structural Markup],將以下代碼加入Global CSS 中,給需要閉合的div加上class=」clearfix」即可,屢試不爽。
或者這樣設置:.hackbox{display:table; //將對象作為塊元素級的表格顯示}
技巧六:div嵌套時 y軸上 padding和 marign的問題
⑻ web測試兼容性測試,需要考慮win7 32和64位嗎32和64位有什麼區別
32位比64位兼容性好,但是現在好像問題也不太大了。64位支持的內存比較大8,32位只支持到2.43G或2.99G。
⑼ 網頁設計應該注意什麼 兼容性重要嗎
網頁設計與製作注意事項
當你在INTERNET這個信息的海洋中盡情遨遊時,會發現許許多多內容豐富、創意新穎、設計獨特的個人網頁,不知道你見到這樣漂亮可人的網頁是否有點心動。一旦你具備了上網的條件,又萌發了製作主頁的念頭,那麼就應該注意網頁設計時應考慮哪些方面的問題,包括網站功能和以及訪問者需要什麼。你的整個設計都應該圍繞這些方面來進行。下面筆者就自己在實踐操作中的使用體會來談談網頁設計時應該考慮哪些問題,希望能給初建網站的用戶帶來一定的作用。 &dec
1、頁面內容要新穎 &dec
網頁內容的選擇要不落俗套,要重點突出一個「新」字,這個原則要求我們在設計網站內容時不能照抄別人的內容,要結合自身的實際情況創作出一個獨一無二的網站。 放眼望去,網上的許多個人主頁簡直就是"雜貨店",內容包羅萬象&def題材千篇一律,人人都是"軟體下載"&def個個都有"網路導航",從頭到尾找不出一絲「鮮」意。所以,我們在設計網頁時,要把功夫下在選材上。選材要盡量做到「少」而「精」&def又必須突出「新」,如能堅持天天更新的話&def我相信這樣的網頁一定會受到大家的歡迎。 &dec
2、命名要簡潔 &dec
由於一個網站不可能就是由一個網頁組成,它有許多子頁面,為了能使這些頁面有效地被連接起來,用戶最後能給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。這樣既會有助於你以後方便管理網頁,在向搜索引擎提交你的網頁時更容易被別人索引到。在給網頁命名時,最好使用自己常用的或符合頁面內容的小寫英文字母,這直接關繫到頁面上的連接。 &dec
3、要及時更新 &dec
網頁製作好後,不能說萬事大吉了,其實事後的工作量更大。因為網頁製作是一時的,而維護更新的工作是每天都要做的。要及時把網頁上已經作廢的連接應該立即刪除掉,比如用戶無意中點擊了頁面中的一個連接,在苦苦的等待之後,換來的是無法訪問的結果,那麼他們會對你的網頁大失所望,可能以後再也不會光顧你的網頁了。若不能及時更新,也最好在主頁上發布信息,告訴前來訪問的朋友,因有特殊情況需要離開一段時間,未能及時更新主頁,希望各位見諒,這樣就能給人一種對別人負責的感覺,同時能得到網友的信任。 &dec
4、注意視覺效果 &dec
設計Web頁面時,一定要用640×480和800×600的解析度來 分別觀察。許多瀏覽器使用640×480的解析度,盡管在800×600高解析度下一 些Web頁面看上去很具吸引力,但在640×480的模式下可能會黯然失色。作一點小小的努力,設計一個在不同解析度下都能正常顯示的網頁。
5、注意網站升級 &dec
時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果你不想失去訪問者的話,一定要仔細計劃好你的升級計劃。 &dec
6、內容要易讀 &dec
網站設計最重要的訣竅,恐怕就是你的網頁要易讀 。這就意味著&def你必須花點心思來規劃文字與背景顏色的搭配方案。 注意不要使背景的顏色沖淡了文字的視覺效果,別用花里胡哨的色彩組合,讓人看起來你的網頁來很費勁。一般來說,淺色背景下的深色文字為佳 。這個要點要求你最好別把文字的規格設得太小、也不能太大。文字太小,人家讀起來難受;文字太大,或者文字視覺效果變化頻繁,像是沖著人大喊大叫,看起來不舒服。另外,最好讓文本左對齊,而不是居中。按當代中文的閱讀習慣,文本大都居左的。當然,標題一般應該居中,因為這符合讀者的閱讀習慣。 &dec
7、善用表格布局 &dec
不要把一個網站的內容象作報告似的一二三四地羅列出來,要注意多用表格把網站內容的層次性和空間性突出顯示出來,使人一眼就能看出你的網站重點突出,結構分明。 &dec
8、少用特殊字體 &dec
雖然你可以在你的HTML中使用特殊的字體,但是,你不可能預測你的訪問者在他們的計算機上將看到什麼。在你的計算機里看起來相當好的頁面,在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性,這雖然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題,但是只有最新版的瀏覽器才支持CSS。 &dec
9、多學習使用HTML &dec
為了成功地設計網站,你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案,用Notepad製作網頁。因為用HTML設計網站,可以控制設計的整個過程。但是,如果你僅僅是網站設計的新手,你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中,HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式,以便你在把網站發送到Web之前,預覽你的網站。 &dec
10、少用Java程序 &dec
不要使用大幅面的Java程序&def能夠用javascript替代效果的則盡量不要使用java.因為目前來講java的運行速度實在慢的讓人無法忍受,往往使瀏覽者沒有耐心等頁面全部顯示出來,這樣你的精心設計便毫無效果啦。 &dec
11、 少放網站地圖 &dec
許多設計者把他們的網站地圖放在網站上,這種做法,卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的信息,他們對於你的網站是如何工作的,並沒有興趣。如果你覺得你的網站需要地圖,那很可能是需要改進你的導航和工具條。 &dec
12、為圖片附加註釋文字 &dec
給每個圖形加上文字的說明,在出現之前就可以看到相關內容,尤其是導航按鈕和大圖片更應如此。這樣一來,用戶在訪問你的站點時就有一種親切感覺,認為你心細,比較善解人意,時時刻刻為他人著想,相信你的好心會有好報的。 &dec
13、網站介紹 &dec
一個簡單明了的網站介紹,不僅能讓別人對你的網站能夠提供些什麼有個了解,引發共鳴或是表達你的誠意,常常最能打動讀者,而且還能使訪問者能快速找到想要的東西。但是,許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息,這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。 &dec
14、考慮瀏覽器兼容性
當然現在IE所佔的市場份額越來越大,但是我們仍然需要考慮到Netscape以及Opera這些瀏覽器用戶。設計風格的考慮,如色彩的搭配,圖形、線條的使用等等。要時刻為用戶著想,必須最少在幾種不同類型的瀏覽器下測試網站,看看兼容性如何。 &dec
15、少用閃爍文字 &dec
有的設計者想通過閃爍的文字來引起訪問者的注意是可以被人理解的,但一個頁面中最多不能有三處閃爍文字,太多了給用戶一種眼花繚亂的感覺,反而會影響用戶去訪問該網站的其他內容,正所謂「物極必反」也。
16、多用導航按鈕 &dec
應當避免強迫用戶使用工具欄中的向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條,使瀏覽者能夠從每一頁上訪問網站的任何部分。 &dec
17、避免長文本頁面 &dec
在一個站點上有許多隻有文本的冗長頁面,是令人乏味的,人們為了閱讀這些長文本,不得不使用卷滾條,從而也浪費了用戶在網上沖浪的時間。如果你有大量的基於文本的文檔,應當以Adobe Acrobat格式的文件形式來放置,以便你的訪問者能離線閱讀,從而節省寶貴的時間。 &dec
18、 網頁風格統一 &dec
你網頁上所有的圖像、文字,包括像背景顏色、區分線、字體、標題、注腳什麼的,要統一風格,貫穿全站。這樣子讀者看起來舒服、順暢,會對你的網站留下一個「很專業」的印象。 &dec
19、動畫少用 &dec
大家都喜歡用GIF動畫來裝飾網頁,它的確很吸引人,但我們在選擇時,是否能確定必須用GIF動畫,如果答否,那麼就選擇靜止的圖片,因為它的容量要小得多。同樣的尺寸的LOGO,GIF動畫的容量有5K,而靜止LOGO的只有3K。雖然只有2K之差,但多起來,就會影響下載的速度,所以,如果有些不是必須的,就選擇最小的。 20、善用圖像 &dec
用戶在網上四處漫遊,你必須設法吸引和維護他們對你的主頁的注意力。萬維網的其中一個最重大資源是其多媒體能力,所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款,使其別具特色,令人過目不忘。圖像的內容應有一定的實際作用,切忌虛飾浮誇。注意圖畫可以彌補文字之不足,但並不能夠完全取代文字。很多用戶把瀏覽軟體設定為略去圖像,以求節省時間他們只看文字。因此,製作主頁時,必須注意將圖像所連接的重要信息或聯接其他頁面的指示用文字重復表達幾次,同時要注意避免使用過大的圖像,如果不得不放置大的圖像在網站上,就最好使用Thumbnails軟體,把圖像的縮小版本的預覽效果顯示出來,這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。。
21、 導航要清晰 &dec
所有的超鏈接應清晰無誤地向讀者標識出來,所有導航性質的設置,像圖像按鈕,都要有清晰的標識,讓人看得明白,千萬別光顧視覺效果的熱鬧的,而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的:未訪問的,藍色;點擊過的,紫色或栗色。總之,文本鏈接一定要和頁面的其他文字有所區分,給讀者清楚的導向 。
22、不能忽視錯別字 &dec
一個好的網站對設計的每一個細節都不會放過,哪怕是一個微小的拼寫錯誤都是絕對不能出現的。但是遺憾的是,許多設計者都缺少這種技能。確保你拼寫正確,並且格外注意平常容易誤寫的錯別字,要時時刻刻保持一種嚴謹的科學態度。 &dec
23、少用框架 &dec
在大多數網站上,在屏幕的左邊有一個框架。但是設計者立刻就發現,在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出你的網站。
24、使用著名的插件
如果網站上有聲音或視頻,要保證使用者通過使用某個知名的插件,能夠聽到或看到。如果訪問者沒有所要求的插件,將不得不到其它站點去下載,這樣訪問者有可能就不會返回了。許多站點使用QuickTime、RealPlay和 Shockwave插件。因為,許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。
25、使網站具有交互功能
一個靜態網頁始終給人一種呆板的感覺,缺少一種活力和生氣。最好在網站上提供一些回答問題的工具以及其他具有交互性能的設計,使得訪問者能從網站上獲得交互的信息,從而使訪問者有一種參與網路建設的新鮮感和成就感。
26、測試網站
在你的網站正式發布之前,必須進行有用的測試。在設計網站時要使用最新的軟體,但是不要忘了人們並不會使用最新的瀏覽器,所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。用圖像、文本和不必要的動畫GIFs來充斥網頁,即使有足夠的空間,在設計時也應該避免使用。
27、保證網頁完整
在瀏覽器中即使去掉了圖像功能,也要保證訪問者能夠在你的網站上獲得滿意的效果,呈現在用戶面前的仍是一個完整的網站。對於那些關掉了圖像功能的訪問者,還能獲得好的網頁載入性能。可以通過在網頁底部提供另外的鏈接和使用替代文字,而不是圖像來滿足訪問者的需要。
28、中文網頁的編碼可設為GB2312(簡體中文)或BIG5(繁體中文)或自動選擇。若自動選擇則需為每中文字間留一空白。否則在 Netscape 中不會折行。
29、不要每頁都加上不同的背景音樂,除非你估計瀏覽者在這頁逗留的時間比音樂長,否則瀏覽者會不耐煩等待音樂下載。解決方法是使用「隱 Frame」的方法,令幾頁或整個網站只播放一首音樂,這樣不但避免每頁都下載音樂,也不會出現斷斷續續的現象。
30、發布網站之前要檢查所有檔案的許可權設定,雖然很多ISP都為你預先設定,當有寫入及執行檔案的時候,最好自已設定。許可權的設定是否正確不光是網頁是否能運行,還涉及安全問題。
31、在所見既所得的網頁中不要按太多的空格和回車鍵,要控制文字物件的位置,宜採用其本身的參數或配合表格、清單和預設格式標記的使用。
32、重視每一頁網頁,凡每一頁都當成首頁來製作,為各頁加上公司或個人名稱、聯絡方法及適當的鏈接,因為你沒辦法確定每一個到訪者都是從首頁進入你的網站。
33、不要讓你的一行或一段太長,特別是文字網頁,不妨加上顯眼的標題或適當的插圖。
34、不要濫用計數器,不必每頁都裝上計數器,它不是網頁必須元件。
35、公開網站之前先檢查所有鏈接是否正常,很多網頁編輯器的站點管理都有此功能,很方便查到。
36、若提供檔案下載,請註明檔案大小。通常訪客需要估計下載時間。
37、不可使用特殊的字體,你可能訪問者的系統沒裝這種字體,雖然瀏覽器會以宋體代替,但可能造成版面變形。
38、不要要求別人將你的主頁加入收藏夾,假如你的寫得好,別人自己會加入。
39、不要要求瀏覽者使用「IE」或「NC」,也不要註明「800x600」,因為只有你遷就瀏覽者才是正確的做法。可以檢測當前瀏覽者的瀏覽器,自動調用相應的頁面或程序。 &dec
40、別輕易讓文字居中和使用粗體或斜體字元。除了視感混亂之外,很多流覽器不能很好地顯示斜體字,也不能補償由於字母傾斜引起的空白變化。
⑽ web控制項需要考慮瀏覽器的兼容性么
web控制項當然要考慮瀏覽器的兼容性了,還要考慮平台等各方面,這個是web控制項非常重要的一個環節。