网页设计及编程分析.doc

网页设计及编程分析 绪论: 当今社会是一个计算机时代，程序代码和数据库的联系越来越紧密，学好这两个 方而的操作是非常实用和冇必要的。简易的文章系统实际上已经可以做不少的事 情，比如以卜?功能：页面Z间的跳转，查看门己的平时作业，实现与数据库的连 接，读取数据库中存储信息，进行登录验证，对于文章则可以进行查看，增加, 删除，修改四大功能。 关键字：网页设计，文章管理，HTML,编程。 （-）开发技术介绍： ?涉及到的软件： 该文章系统使用的软件和版本分别是Visual Studio 2010和SQL Server 2008。 HTML页面的设计和页面的跳转，js文件的编写和调试以及相关代码的实现均在 Visual Studio 2010中实现；而SQL 2008其实是作为沟通客户端和服务器端中 间的一个桥梁进行沟通，主耍用于数据的存储，再加上英他网页设计相关的编程 语言，共同来实现客户端和服务端Z间的数据传输和我们需要的这些功能。 ?使用的开发技术主要为以下几方面： HTML （超文本标记语言） HTML主要用于整个文章管理系统的网页界面设计，即内容的呈现。当中会用到 HTML屮的标签，比如《a》标签用来进行链接其他网页，页面的布局主要采用《div》 标签，当然也可以用《table》标签来代替，但是《div》更简便小巧，加载速度 更快速，《button》标签用于添加按钮，点击可跳转页面，framed标签用于显 示内容等，《img》标签则用于添加所需图片，此外还冇《p》标签，《br/》标签 等。 我们会用到的html页而依次为： Home, html （主页）、Login, html.（登录）、homeworks, html （平时作业）、 Articles, html （文章管理界面）、Articlecontent, html （文章内容）、 updateArticle. html （修改文章）、insert, html （添加文章）七个主要的网页。 CSS （层叠样式表） CSS主要负责网页风格设计，对网页进行统一样式管理，即外观样式。CSS是通 过建立样式表来统一地控制HTML中各个标签的显示风格，它可以使我们更有效 地控制网页外观，规范化，减少一些不必要的操作和重复的语句，简明有序，更 有效地保持页面的一致性，同时也可以实现一些特殊的效杲，相对于传统的HTML, CSS能够对网页中的对象的位置排版进行更为精确的控制，是HTML的必备辅助。 当然木系统使用的皮肤文件主要述是来源于网上模版下载，因为自己编写会很耗 时还不美观，所以下载之后只需要自己对皮肤文件进行修改和完善，CSS主要使 用的是原皮肤文件上的，不会对原来的样式表做很大的改动。 Javascript Javascript 一方面可以给HTML增加网页的一些动态效果，如下方一段小代码： 《script type二text/javascript〃》 function xianshil() { document. getElemcntByld(cdl)?style, display = block; function yincangl () { document. getElementByTd(，，cdl，/ )? style .display 二none; 《/script》 当然JavaScript也可以用于服务器端编程，此次开发屮主要使用到的是Ajax。 Ajax也是一种JavaScript编程语言，是一种通信方式。在Ajax中JavaScript 主耍被用来传递用户界而上的数据到服务端并返回结果。也就是说Ajax相当于 在前台和后台Z间的一个中介，就好比一个接口，负责在客户端和服务端Z间进 行数据的请求和响应的传递，是等一下从数据库读取信息很重要的一个部分，在 木系统Ajax将会用到很多次，不管是登录还是文章管理，所以需要好好了解 学习。 Jqucry Jquery是口前最受欢迎的Javascript库（第三方函数库），可以有效简化HTML 和Javascript之间的操作。但是在使用Jquery的时候首先要引用一个有Jquery 的文件，该系统中使用的为以下两个版本，分别是Jqueryl. 10. 2和Jqueryl. 4. 1.。 《script src=，z.. /script/jquery-1. 10. 2. min. js〃 type二〃text/javascript“》 《/script》 《 script src=〃??/script/jquery一1. 4. 1. js〃 type=text/javascript 》 《/script》 用Jquery可以遍历所有的div元素，Jquery主要通过代码来查询各个元素以便 进行更深层次的操作，比如带