整理了一下电脑，发现之前我做的网页设计作品，虽然一般般，但我感觉都是自己一码一码的敲的，还是挺有feel的！仿佛就在昨天，那时候的回忆，自己一个人在图书馆，静心的做这个网页设计。时间过的很快，转眼间都离开了学校！

成都创新互联公司专注于宜黄企业网站建设,响应式网站开发,商城网站制作。宜黄网站建设公司,为宜黄等地区提供建站服务。全流程按需求定制制作，专业设计，全程项目跟踪，成都创新互联公司专业和态度为您提供的服务

在线演示：http://114.92.228.69/dingxiaowei/webdesign/index.htm

一、作品展示

1.登陆界面

(2)随机抽奖页面

Javascript：

       var Nos;

        function Lottery() {

           //随机生成100-100000的号码

            Nos = Math.round(Math.random() *(100000 - 100) + 100);

            var result =document.getElementById("layer1");

            if (result != null) {

                result.innerHTML = "恭喜这位网友 "+Nos+" 您中奖了！！！;

            }

            T = setTimeout('Lottery()', 10);

        }

(3)表单录入页面

这部分主要就是表格的设计和表单的使用。

登录验证

请输入密码

四、学习该课程的体会与心得

虽然我从大一开始就对web设计比较感兴趣，那时候就自己就在图书馆看看这方面的书籍，后来大一参加过学院组织的电脑节web设计大赛，荣获一等奖。现在大三了，ASP.NET是我一直专研的方向，html+css+js也是其中一部分比较重要的内容。通过此次的课程设计，将我之前所学的知识都能够回顾一遍，能够更加熟练的进行网页设计。

这个大作业，我花了整整两天的时间才能够完成，尤其在首页的布局方面，可谓花尽心思，精确到每一个边距的每一个像素，都要计算好，不然就会出现不随我意的布局效果。

尤其要强调的是javascript，js是一个脚本语言，它不像其他非脚本语言那样严谨，但是如果出现错误，也会使你非常头疼，想完成一个功能，明明觉得是对的，从语言本身的角度，但它就是不能实现你想要的效果，最后通过alert（）函数，进行一步一步的调试，这也不失为一种脚本语言的调试方法，最后找到一个难发现的错误，就是我在定义函数的时候，使用了系统关键字作为函数的方法名，结果怎么在onclick属性里面去调用这个js方法就是没用。同过这个问题的解决，也让我更深刻的理解了js脚本语言的使用，并不是想象中的那么“不严谨”的。

页面的设计最考验的就是人的耐心，有耐心的人才能做出一个优雅的页面，千万不可浮躁，不然就要实现想要的效果就比较困难的，总觉得页面跟你对着干。

我也是通过静下心来，慢慢的对首页进行布局，最终才完成了想要的效果，虽然比不少人家专业的web设计人员，但能做出这样，心里还是比较满意的。

通过这次课程设计，能够将我之前所学得以巩固和融会贯通，让我觉得受益匪浅。