欢迎来到森活文化官网 平面活动官网
微信

网络之路,从这里开始

热线电话

021-62677988

森活文化新闻
首页 > 新闻列表 > 【建站知识】企业网站建设技巧

【建站知识】企业网站建设技巧

发布时间: 2016-08-18 16:41

企业网站建设技巧

在开发一个新功能之前,首先要整理好开发思路,再进行开发。往往一个好的开发思路与技巧就能让你事半功倍。只要是程序员都能写出代码,但这些代码的价值却往往体现在一些细节上。下面给大家介绍三个在程序开发过程中总结技巧。

【案例一】过滤不安全的参数,防止SQL注入

做过网站的人都知道,网站往简单了说,无非就是三个页面:首页、列表、详细。很多人认为详细页面做起来最轻松、最简单,因为只需要从数据库读取数据绑定到页面即可,但网站的安全性往往就出在详细页上。因为页面上需要用到GET传值,这种传值方式就会暴露出程序中传递的参数信息,若是传递的参数有问题,不仅会给一些“不法分子”留下了后门,还会大大降低用户的体验度,然后接着就是后期维护以及一大堆的bug修复。与其后期繁琐的修复与维护,还不如在编写的时候就避免,编写出高质量代码。

如果传递了不合法的参数应跳转至错误信息提示页或直接跳转至首页。不合法的情况一般包括三种:参数未传递、参数类型不匹配以及信息不存在。

解决方案:

提前做好错误信息提示页,例如:Error.aspx

在Page_Load中接收参数时,做参数校验,步骤如下:

a.先验证参数是否已传递。如若未传递,则跳转到错误提示页面(提示信息:参数未传递)。

b.验证参数传递的类型是否合法。如若不合法,则跳转到错误提示页面(提示信息:参数类型不匹配)。

c.验证信息是否存在。

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

结论:事实上,每个方法都应该写在try{…}catch{…}里面,将捕获到的异常信息写入日志,便于网站管理人员或开发人员查看。因为,只要是程序,就会存在bug,我们所能做的就是,尽量避免bug的发生。所以,今天,你try-catch了吗?

【案例二】jQuery+Ajax也很重要

用户注册:用户帐号应该是唯一的,用户在注册时,自身是不知道自己所填写的帐号名是否有重复。若是作为用户,很耐心的从上至下填完了注册信息,提交时却提示“用户名已被注册”,看到这样的提示信息,没有耐心的用户就会直接关掉页面,这样我们就会失去一个潜在客户。为避免这样的事情发生,就需要用到jQuery+Ajax通过另外一个处理页面来进行判断,让页面及时获取返回的信息来判断该用户名是否被注册。所以,为了达到一个良好的用户体验,防止页面刷新,jQuery+Ajax是不可或缺的。

解决方案:

在网站中新建一个一般处理程序的页面,如CheckUserName.ashx。

注册页面中引入Jquery文件。

绑定注册页面填写帐号的input的焦点离开事件(bulr),通过Jquery的$.ajax方法来获取一般处理程序返回的结果信息。

结论:要想提升网站质量,提高用户的体验度,jQuery+Ajax是不可或缺的。技术不是难点,开发思路尤为重要。

建站的技巧都是在建站过程中遇到错误解决后所积累的经验,以上两个案例都是比较常见的。

没有做不好的网站,只有写不出让用户体验价值高的程序。为了追求更高更专业的水平,我们必须要站在客户的角度思考如何才能开发出让客户满意的功能,少一些不和谐的用户体验,少一些bug,就能换来多一分的用户好评。

【案例三】css滤镜的兼容性如何实现?

解决方案:

CSS滤镜对于一些技术人员来说也是一项头疼的问题,那么我们怎样才能保证CSS滤镜在各浏览器上的正常使用呢?想解决这个问题的朋友就和小编一起来学习下吧!

一、什么是样式表滤镜

其实滤镜并不是对图像进行了什么处理,而是在浏览器中对使用了该属性的对象进行一定的修饰。样式表滤镜实际上是样式表一个新的扩展部分,使用这种技术简单的语法就可以把可视化的滤镜和转换效果添加到一个标准的html元素上,例如图片、文本、以及其他一些对象,为页面添加一些丰富的变化。如果大家有一些脚本语言的基础,能够把滤镜效果与类似javascript的脚本代码做一些结合,就可以拥有一个在样式表滤镜与脚本共同作用下建立的强大的动态交互文档工具。现在能使用的滤镜有13个之多,不过要欣赏到这些滤镜的特效,必须要求用户的浏览器必须在IE4.0/NC6.0之上,因为只有这些版本的浏览器才能支持样式表滤镜效果。

二、常用的样式表滤镜

随着样式表技术的不断改进,其滤镜功能和种类也在不断增多。如果用户能够熟练地混合使用它们,将可以产生意想不到的效果。在操作上,用户只需要了解具体滤镜的实际效果后,就能根据实际进行微调了。为了让大家能有针对性地使用滤镜,下面小编就把一些常用滤镜的功能和参数详细介绍如下:

1、模糊滤镜作用:该滤镜主要是让图象产生一种模糊效果。语法:{filter:blur(add=add,direction=direction,strength=strength)} 参数:该滤镜主要包括三个参数,其中add是用来指定图象是否被改变成印象派的模糊效果,模糊效果是按顺时针的方向进行的,它的数值应该是ture或false;direction参数是用来设置模糊的方向的,其中0度代表垂直向上,每45度为一个单位,默认值是向左的270度;strength 参数代表有多少像素的宽度将受到模糊影响,缺省的参数值是5个像素,而且该参数值只能使用整数来指定。

2、遮罩滤镜作用:该滤镜可以为对象建立一个覆盖于表面的膜,其效果就象戴着有色眼镜看物体一样。语法: {filter:mask(color=color)} 参数:该滤镜的color参数表示覆盖对象表面的颜色,例如如果遮罩颜色为绿色,那么就应该设置color=blue。

3、α滤镜作用:该滤镜可以实现各种溶入效果,如果大家将该滤镜与网页脚本语言结合起来,对滤镜的参数进行处理的话,就能很轻易地做出淡入淡出的效果来。语法:{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity, style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)} 参数:Opacity参数代表图象的起始透明度,其默认的数值是从0到100,0代表完全透明,100代表完全不透明;FinishOpacity是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度,作用范围也是0到100;Style表示透明区域的形状特征,其中"0"代表统一形状,"1"代表线形。"2"代表放射状,"3"代表矩形;startx表示渐变透明效果开始处的X坐标,starty代表渐变透明效果开始处的Y坐标,finishx代表渐变透明效果结束处的X坐标,finishy代表渐变透明效果结束处的Y坐标。

4、发光滤镜作用:该滤镜可以给图象或者文字产生一种发光效果;语法:{filter:glow(color=color,strength=strength)} 参数:该滤镜的color参数与阴影滤镜的color参数功能几乎是一样的,不过这里的color参数是用来设置发光颜色的;strength参数是用来指定发光强度的,其值为1到255之间的任何整数。

5、斜影滤镜作用:该滤镜主要是为对象建立轮廓的影子效果的,它可以在指定的方向建立物体的投影;语法:{filter:shadow(color=color,direction=direction)} 参数:斜影滤镜只有两个参数,其中color代表投影的底色,该数值是用英文字母来代替的,例如投影底色是红色的话,就应该设置color=red;direction参数是用来设置投影方向的,如果该数值是0的话,就代表垂直投影,此外该数值每45度为一个单位,它的默认值是向左的270度。

6、灯光滤镜作用:灯光滤镜是模拟光源来投射文字或者图象,使图象和文字能产生一定的投射效果;语法:{filter:light} 参数:一旦为对象定义了"light"滤镜属性后,大家就可以调用它的"方法(Method)"来设置或者改变属性,该滤镜可用的方法有:AddAmbient方法是用来加入包围光源的,AddCone方法是用来加入锥形光源的,MoveLight方法是用来移动光源的,Changstrength方法是用来改变光源强度的,Changcolor方法是用来改变光的颜色的,Clear方法是用来清除所有光源的。

7、阴影滤镜作用:阴影滤镜就是给对象添加阴影效果,其工作原理是建立一个偏移量,加上色彩。语法:{filter:dropshadow(color=color,offx=offx,offy=offy,positive=positive)} 参数:该滤镜中的Color参数表示投射阴影的颜色,offx 表示水平方向阴影的偏移量,offy 表示竖直方向阴影的偏移量,Positive参数是一个布尔值,其数值如果为TRUE,就为任何的非透明像素建立可见的投影,如果为FASLE,就为透明的像素部分建立透明效果。

8、灰度滤镜作用:该滤镜主要是将图象对象转换成灰度形式显示。语法:{filter:gray} 参数:该滤镜没有参数。

9、倒置滤镜作用:使用该滤镜可以把包括色彩、饱和度、和亮度值等对象的可视化属性全部翻转。语法: {filter:invert} 参数:该滤镜没有参数。 10、翻转滤镜作用:翻转滤镜主要是实现图象对象的水平或者竖直翻转效果。语法:{filter:filph} {filter:filpv} 参数:这种滤镜也不带参数,其中{filter:filph}是实现水平翻转的,{filter:filpv} 是实现竖直翻转的。

11、X光滤镜作用:X光滤镜可以让对象反映出它的轮廓并把这些轮廓加亮。语法: {filter:xray} 参数:该滤镜本身不含有参数。

12、波纹滤镜作用:波纹滤镜可以在水平和竖直方向利用正弦波打乱图象,使图象产生水波效果。语法:{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)} 参数:该滤镜的add参数是一个布尔数值,它是用来表示是否要把对象按照波形样式打乱;freq参数是用来设置波纹频率的,也就是指定在对象上一共需要产生多少个完整的波纹;lightstrength参数可以设置波纹光影的增强效果的,其数值范围在0到100之间;phase参数是用来设置正弦波的偏移量的,strength是设置正弦波的振幅大小的。

好了,大家都知道企业网站建设都有哪些技巧了吗?海淘科技建设各类网站,我们的项目的执行过程是透明的,您可以通过海淘科技自行研发的项目进度查询系统对您的项目进度进行查询,了解您项目当前进度和及时对海淘的工作给予配合。

相关文章:

版权所有 @ 2007-2018上海森活文化传播有限公司 沪ICP备19016509-2