足球活动宣传网页@.NET

拖了蛮久才写这篇总结的，这段时间状态不好，很多事情一直拖着，养成了很坏的习惯，现在无论如何也要搞定之。这个网页是在这样的一个背景下产生的：跟阿瑞，阿波还有北京人在北京踢了次球后，很有feeling，那时阿瑞就说回去组织场足球比赛，我呢就一直期待着它的到来。后来阿瑞比较忙，就没提了，发现我在校内提的这件事还是有蛮多人响应的，接着就不知道是哪根筋不对，想做个网页玩~

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标签引入脚本，局部的资源结构图下图：

动了动手，前台后台瞎玩了玩，手法业余山寨，大牛看到请无视，记录同时也是总结，以后继续玩~