1.2研究意义

相信大家都已经发现21世纪与以往最大的不同就是互联网的普及，21世纪，互联网的不仅迅猛发展，而且日渐成熟。我们生活的方方面面都有它的存在。人们亲身体会到互联网带给大家的便捷。互联网凭借其独有的优势以霸主的身份快速的渗透到现在生活中的越来越多的领域。悠久的饮食文化、孕育推陈出新的美食特色、加上种类多样的选择无疑可以使周口美食在互联网上能占有一席之地，周口特色美食在网上推广，以及各种美食做法的详述也必定可以受到全国乃至全世界的美食爱好者的追捧。设计开发此周口美食网站最基本的原则，主要是为了将周口美食信息尽可能全面，详细的介绍并展示给大家，使得更多的传统美食做法得到广泛推广，也可更多美食创意被激发出来。

2.相关技术的介绍

我使用ADO.NET技术,并且用它自带的数据库为主,借助Visual Studio 2010平台实现了网站页面布局,页面的动态效果是通过JaveScript实现的,并且借助Photoshop软件实现图片的美化。 

2.1开发环境

Visual Studio 2010比起Visual Studio 2008,又更加的完善了自己,例如它的代码编辑器就变得更加完善、虽然控件会让很多编程大咖想吐,但是对于初学者vs2010提供的超多多功能控件提供了极大的便利的应用程序,这种可视化的操作对于初学者来说会引起他们的兴趣,因为可以很快的看见效果。Photoshop我们简称为ps,是一款功能极其强大的的图形处理设计软件,例如,它可以对图片进行等比缩放,修改样式等,为网站前端开发者设计网站平台页面设计提供了非常大的方便。

2.2 DIV+CSS布局

DIV+CSS是一种网站标准,其实它的标准叫法是XHTML+CSS。只不过是人们习惯了叫做DIV+CSS,DIV是HTML语言中的一个标记,类似于盒子模型,里面可以嵌套任何HTML元素,例如可以嵌套有序列表,无序列表,嵌套表格,表单等,DIV是块级元素,所以它会自占一行,如果想要改变这种规则,则需要改变它的样式,这也就引入了CSS,俗称样式表它是一种表现形式,任何HTML元素,都需要CSS来设计样式,所以一个网页基本组成就是DIV+CSS。如刚才提到的DIV自占一行,如果想要改变,有需要设置样式,通过float这个属性,设置它的浮动,这样这个标签就可以和其他标签并列使用了。DIV+CSS在网站布局中的应用非常广泛,近几年更是非常火爆。

2.3 JavaScript技术

JavaScript是一种所有主流浏览器都支持的脚本语言,目前,全世界大部分网站制作都是用JavaScript,它可以使网页呈现动态的效果。作为一个web开发工程师,如果想提供漂亮的网页,令用户满意的上网体验,JavaScript是必须的。JavaScript之所以这么火,最主要是因为它可以使页面动起来,不会像单纯静态页面那样那么死板,是一种让页面变得充满活力,具有魅力的编程语言。使用过JavaScript的人都知道,用这种编程语言制作出来的特效,真的是绚丽无比,例如我们浏览网页时看见的二级乃至三级菜单,特效导航,图片轮转,文字浮动等等一系列特效,都是这种编程语言的功劳,虽然他的功能是如此强大,但是它的语法却不是很难,学它作为基础,然后用它的封装库JQuery,到时会方便很多。

 web前端编程人员应该都知道JavaScript的效率相对比较低,写在网页源代码时必须要注意书写的位置,是需要分先后顺序执行了,除非用这种方法去执行window.onload(function (){}),这让页面的代码结构不够清晰,这也就是它的最大的局限性。

3.系统的分析与设计

在进行开发网站之前,需要进行项目规划,所以早应在项目规划中确定网站前台的页面的设计,这是网站成型的必要条件。无例外,做好前台页面的设计与规划也是我的网站周口美食网的前提条件。