企業(yè)網(wǎng)站建設技巧

在開發(fā)一個新功能之前，首先要整理好開發(fā)思路，再進行開發(fā)。往往一個好的開發(fā)思路與技巧就能讓你事半功倍。只要是程序員都能寫出代碼，但這些代碼的價值卻往往體現(xiàn)在一些細節(jié)上。下面給大家介紹三個在程序開發(fā)過程中總結(jié)技巧。

過濾不安全的參數(shù)，防止SQL注入

做過網(wǎng)站的人都知道，網(wǎng)站往簡單了說，無非就是三個頁面：首頁、列表、詳細。很多人認為詳細頁面做起來最輕松、最簡單，因為只需要從數(shù)據(jù)庫讀取數(shù)據(jù)綁定到頁面即可，但網(wǎng)站的安全性往往就出在詳細頁上。因為頁面上需要用到GET傳值，這種傳值方式就會暴露出程序中傳遞的參數(shù)信息，若是傳遞的參數(shù)有問題，不僅會給一些“不法分子”留下了后門，還會大大降低用戶的體驗度，然后接著就是后期維護以及一大堆的bug修復。與其后期繁瑣的修復與維護，還不如在編寫的時候就避免，編寫出高質(zhì)量代碼。

如果傳遞了不合法的參數(shù)應跳轉(zhuǎn)至錯誤信息提示頁或直接跳轉(zhuǎn)至首頁。不合法的情況一般包括三種：參數(shù)未傳遞、參數(shù)類型不匹配以及信息不存在。

解決方案：

提前做好錯誤信息提示頁，例如：Error.aspx

在Page_Load中接收參數(shù)時，做參數(shù)校驗，步驟如下：

a.先驗證參數(shù)是否已傳遞。如若未傳遞，則跳轉(zhuǎn)到錯誤提示頁面(提示信息：參數(shù)未傳遞)。

b.驗證參數(shù)傳遞的類型是否合法。如若不合法，則跳轉(zhuǎn)到錯誤提示頁面(提示信息：參數(shù)類型不匹配)。

c.驗證信息是否存在。

d.最后初始化頁面。InitPage();

結(jié)論：事實上，每個方法都應該寫在try{…}catch{…}里面，將捕獲到的異常信息寫入日志，便于網(wǎng)站管理人員或開發(fā)人員查看。因為，只要是程序，就會存在bug，我們所能做的就是，盡量避免bug的發(fā)生。所以，今天，你try-catch了嗎?

用戶注冊：用戶帳號應該是唯一的，用戶在注冊時，自身是不知道自己所填寫的帳號名是否有重復。若是作為用戶，很耐心的從上至下填完了注冊信息，提交時卻提示“用戶名已被注冊”，看到這樣的提示信息，沒有耐心的用戶就會直接關(guān)掉頁面，這樣我們就會失去一個潛在客戶。為避免這樣的事情發(fā)生，就需要用到jQuery+Ajax通過另外一個處理頁面來進行判斷，讓頁面及時獲取返回的信息來判斷該用戶名是否被注冊。所以，為了達到一個良好的用戶體驗，防止頁面刷新，jQuery+Ajax是不可或缺的。

解決方案：

在網(wǎng)站中新建一個一般處理程序的頁面，如CheckUserName.ashx。

注冊頁面中引入Jquery文件。

綁定注冊頁面填寫帳號的input的焦點離開事件(bulr)，通過Jquery的$.ajax方法來獲取一般處理程序返回的結(jié)果信息。

結(jié)論：要想提升網(wǎng)站質(zhì)量，提高用戶的體驗度，jQuery+Ajax是不可或缺的。技術(shù)不是難點，開發(fā)思路尤為重要。

建站的技巧都是在建站過程中遇到錯誤解決后所積累的經(jīng)驗，以上兩個案例都是比較常見的。

沒有做不好的網(wǎng)站，只有寫不出讓用戶體驗價值高的程序。為了追求更高更專業(yè)的水平，我們必須要站在客戶的角度思考如何才能開發(fā)出讓客戶滿意的功能，少一些不和諧的用戶體驗，少一些bug，就能換來多一分的用戶好評。

解決方案：

CSS濾鏡對于一些技術(shù)人員來說也是一項頭疼的問題，那么我們怎樣才能保證CSS濾鏡在各瀏覽器上的正常使用呢?想解決這個問題的朋友就和小編一起來學習下吧!

一、什么是樣式表濾鏡

其實濾鏡并不是對圖像進行了什么處理，而是在瀏覽器中對使用了該屬性的對象進行一定的修飾。樣式表濾鏡實際上是樣式表一個新的擴展部分，使用這種技術(shù)簡單的語法就可以把可視化的濾鏡和轉(zhuǎn)換效果添加到一個標準的html元素上，例如圖片、文本、以及其他一些對象，為頁面添加一些豐富的變化。如果大家有一些腳本語言的基礎，能夠把濾鏡效果與類似javascript的腳本代碼做一些結(jié)合，就可以擁有一個在樣式表濾鏡與腳本共同作用下建立的強大的動態(tài)交互文檔工具?，F(xiàn)在能使用的濾鏡有13個之多，不過要欣賞到這些濾鏡的特效，必須要求用戶的瀏覽器必須在IE4.0/NC6.0之上，因為只有這些版本的瀏覽器才能支持樣式表濾鏡效果。

二、常用的樣式表濾鏡

隨著樣式表技術(shù)的不斷改進，其濾鏡功能和種類也在不斷增多。如果用戶能夠熟練地混合使用它們，將可以產(chǎn)生意想不到的效果。在操作上，用戶只需要了解具體濾鏡的實際效果后，就能根據(jù)實際進行微調(diào)了。為了讓大家能有針對性地使用濾鏡，下面創(chuàng)新互聯(lián)就把一些常用濾鏡的功能和參數(shù)詳細介紹如下：

1、模糊濾鏡作用：該濾鏡主要是讓圖象產(chǎn)生一種模糊效果。語法：{filter:blur(add=add，direction=direction，strength=strength)} 參數(shù)：該濾鏡主要包括三個參數(shù)，其中add是用來指定圖象是否被改變成印象派的模糊效果，模糊效果是按順時針的方向進行的，它的數(shù)值應該是ture或false;direction參數(shù)是用來設置模糊的方向的，其中0度代表垂直向上，每45度為一個單位，默認值是向左的270度;strength 參數(shù)代表有多少像素的寬度將受到模糊影響，缺省的參數(shù)值是5個像素，而且該參數(shù)值只能使用整數(shù)來指定。

2、遮罩濾鏡作用：該濾鏡可以為對象建立一個覆蓋于表面的膜，其效果就象戴著有色眼鏡看物體一樣。語法： {filter:mask(color=color)} 參數(shù)：該濾鏡的color參數(shù)表示覆蓋對象表面的顏色，例如如果遮罩顏色為綠色，那么就應該設置color=blue。

3、α濾鏡作用：該濾鏡可以實現(xiàn)各種溶入效果，如果大家將該濾鏡與網(wǎng)頁腳本語言結(jié)合起來，對濾鏡的參數(shù)進行處理的話，就能很輕易地做出淡入淡出的效果來。語法：{FILTER：ALPHA(opacity=opacity，finishopacity=finishopacity， style=style，startx=startx，starty=starty，finishx=finishx，finishy=finishy)} 參數(shù)：Opacity參數(shù)代表圖象的起始透明度，其默認的數(shù)值是從0到100，0代表完全透明，100代表完全不透明;FinishOpacity是一個可選參數(shù)，如果想要設置漸變的透明效果，就可以使用他們來指定結(jié)束時的透明度，作用范圍也是0到100;Style表示透明區(qū)域的形狀特征，其中"0"代表統(tǒng)一形狀，"1"代表線形。"2"代表放射狀，"3"代表矩形;startx表示漸變透明效果開始處的X坐標，starty代表漸變透明效果開始處的Y坐標，finishx代表漸變透明效果結(jié)束處的X坐標，finishy代表漸變透明效果結(jié)束處的Y坐標。

4、發(fā)光濾鏡作用：該濾鏡可以給圖象或者文字產(chǎn)生一種發(fā)光效果;語法：{filter:glow(color=color,strength=strength)} 參數(shù)：該濾鏡的color參數(shù)與陰影濾鏡的color參數(shù)功能幾乎是一樣的，不過這里的color參數(shù)是用來設置發(fā)光顏色的;strength參數(shù)是用來指定發(fā)光強度的，其值為1到255之間的任何整數(shù)。

5、斜影濾鏡作用：該濾鏡主要是為對象建立輪廓的影子效果的，它可以在指定的方向建立物體的投影;語法：{filter:shadow(color=color,direction=direction)} 參數(shù)：斜影濾鏡只有兩個參數(shù)，其中color代表投影的底色，該數(shù)值是用英文字母來代替的，例如投影底色是紅色的話，就應該設置color=red;direction參數(shù)是用來設置投影方向的，如果該數(shù)值是0的話，就代表垂直投影，此外該數(shù)值每45度為一個單位，它的默認值是向左的270度。

6、燈光濾鏡作用：燈光濾鏡是模擬光源來投射文字或者圖象，使圖象和文字能產(chǎn)生一定的投射效果;語法：{filter:light} 參數(shù)：一旦為對象定義了"light"濾鏡屬性后，大家就可以調(diào)用它的"方法(Method)"來設置或者改變屬性，該濾鏡可用的方法有：AddAmbient方法是用來加入包圍光源的，AddCone方法是用來加入錐形光源的，MoveLight方法是用來移動光源的，Changstrength方法是用來改變光源強度的，Changcolor方法是用來改變光的顏色的，Clear方法是用來清除所有光源的。

7、陰影濾鏡作用：陰影濾鏡就是給對象添加陰影效果，其工作原理是建立一個偏移量，加上色彩。語法：{filter:dropshadow(color=color,offx=offx,offy=offy,positive=positive)} 參數(shù)：該濾鏡中的Color參數(shù)表示投射陰影的顏色，offx 表示水平方向陰影的偏移量，offy 表示豎直方向陰影的偏移量，Positive參數(shù)是一個布爾值，其數(shù)值如果為TRUE，就為任何的非透明像素建立可見的投影，如果為FASLE，就為透明的像素部分建立透明效果

8、灰度濾鏡作用：該濾鏡主要是將圖象對象轉(zhuǎn)換成灰度形式顯示。語法：{filter:gray} 參數(shù)：該濾鏡沒有參數(shù)。

9、倒置濾鏡作用：使用該濾鏡可以把包括色彩、飽和度、和亮度值等對象的可視化屬性全部翻轉(zhuǎn)。語法： {filter:invert} 參數(shù)：該濾鏡沒有參數(shù)。 10、翻轉(zhuǎn)濾鏡作用：翻轉(zhuǎn)濾鏡主要是實現(xiàn)圖象對象的水平或者豎直翻轉(zhuǎn)效果。語法：{filter:filph} {filter:filpv} 參數(shù)：這種濾鏡也不帶參數(shù)，其中{filter:filph}是實現(xiàn)水平翻轉(zhuǎn)的，{filter:filpv} 是實現(xiàn)豎直翻轉(zhuǎn)的。

11、X光濾鏡作用：X光濾鏡可以讓對象反映出它的輪廓并把這些輪廓加亮。語法： {filter:xray} 參數(shù)：該濾鏡本身不含有參數(shù)。

12、波紋濾鏡作用：波紋濾鏡可以在水平和豎直方向利用正弦波打亂圖象，使圖象產(chǎn)生水波效果。語法：{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)} 參數(shù)：該濾鏡的add參數(shù)是一個布爾數(shù)值，它是用來表示是否要把對象按照波形樣式打亂;freq參數(shù)是用來設置波紋頻率的，也就是指定在對象上一共需要產(chǎn)生多少個完整的波紋;lightstrength參數(shù)可以設置波紋光影的增強效果的，其數(shù)值范圍在0到100之間;phase參數(shù)是用來設置正弦波的偏移量的，strength是設置正弦波的振幅大小的。

好了，大家都知道企業(yè)網(wǎng)站建設都有哪些技巧了嗎？創(chuàng)新互聯(lián)建設各類網(wǎng)站，我們的項目的執(zhí)行過程是透明的，您可以通過創(chuàng)新互聯(lián)自行研發(fā)的項目進度查詢系統(tǒng)對您的項目進度進行查詢，了解您項目當前進度和及時對創(chuàng)新互聯(lián)的工作給予配合。

網(wǎng)頁標題：【建站知識】企業(yè)網(wǎng)站建設技巧
文章地址：http://www.rwnh.cn/news12/167712.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有網(wǎng)站建設等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)