足球活动宣传网页@.NET
时间:2011-02-07 来源:litstrong
1. 这次把之前.NET的东西拿来改了改,基本就成了那个网页,难点有两个地方,一个是P图,一个是网页。网页部分其实比较简单,直接加张图片就行了,但对于前台美工,确实没啥积累,不懂的怎么弄,效仿着之前不知道在哪下到的一个Sample,用一个渐变1px的图片,进行平铺,做成Body的背景,效果还是蛮不错的。
2. 可是一开始却报了这样的一个错误:"另一个程序正在使用此文件,进程无法进行。(异常来自HRESULT:0x80070020)",并且发现http://localhost加载的不是原目录下的文件,而是PHPCMS,在这里才知道是PHPCMS占用了80端口,是httpd进程占用了80端口,把该进程杀了之后还是不行,于是PHPCMS光荣的被我卸载了。
3. IIS可以使用了之后,试了下基本的使用,又报了500.19的错误,原因是权限不足,这里说加个Everyone角色就可以解决问题,懒惰的我跑到根目录,把权限全开。
4. .NET程序写好后,如果部署成虚拟目录的话,会有"使用注册为 allowDefinition='MachineToApplication' 的节是错误的"这个错误,在这里有解决办法,把相应的节删掉就可以,如果部署成应用程序的话,就直接可以跑了。
5. 后来还是不行,弄了半天后发现,是因为把图片放进了App_Data这个文件夹中了,然后这个文件夹比较特殊,特别进行了限制访问,在配置文件中有说明,详见这里。
6. 程序环境的基本配置到这儿,就差不多了,在P图方面,主要是借鉴,素材来源于网上,把下面的三张图改成了第四张图,你们开得出变化的:
7. 然后就是写后台,数据库用Access,之前用过.NET+Access,所以这样开发起来最快,COPY几下就行了,后台的业务比较简单,直接将字段插入数据库就行了,获得IP的方法见此,电话号码部分,我只做了简单的认证,用正则表达式,要求该号码必须是数字。源代码中用到的相对路径,“../”表示上一级目录开始,“./”表示当前同级目录开始,“/”表示根目录开始。这里用到了footer这个DIV,很方便,而且DIV+CSS真的很强大,直接将网页进行布局,分成一块一块的。对于编码问题,参见了这里。到此位置,网页的最主要部分做出来了,可以挂上去了,到这里看,局部图片如下:
8. 后来想到放上面加入倒计时的功能,想到FZU的OJ上用到过一个倒计时功能,做的很炫,我山寨了一个比较SB的效果,图片资源来自于这里,倒计时通过JS脚本去实现,这里提供了多种实现的方法(我用的那个方法在Chrome下才可以使用,目前),关于倒计时的脚本,还可以参考这、这。可以在这里看到该效果,不过,时间已经到了,倒计时的某时效果见下图:
9. Chrome真的蛮帅的,可以查看网页元素什么的,关于网页的内容在时间上的响应,可以从下图看到(蛮喜欢这这样的效果的):
10. 图片实时重新加载的花费有点大,我把图片的格式转成了GIF格式的应该有点帮助,网页同时引入了一个分享的脚本,是JiaThis做的。只需往网页中加一行引入脚本的代码就可以了,很简单。
11. 把网页代码文件结构重新优化了下,Imges中放图片,JS中放脚本,CSS中放css,源代码中通过Link引入css,通过script标签引入脚本,局部的资源结构图下图:
动了动手,前台后台瞎玩了玩,手法业余山寨,大牛看到请无视,记录同时也是总结,以后继续玩~