网页设计及编程分析

《网页设计及编程分析》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网页设计及编程分析绪论:当今社会是一个计算机时代，程序代码和数据库的联系越来越紧密，学好这两个方而的操作是非常实用和冇必要的。简易的文章系统实际上已经可以做不少的事情，比如以卜•功能：页面Z间的跳转，查看门己的平时作业，实现与数据库的连接，读取数据库中存储信息，进行登录验证，对于文章则可以进行查看，增加,删除，修改四大功能。关键字：网页设计，文章管理，HTML,编程。（-）开发技术介绍：•涉及到的软件：该文章系统使用的软件和版本分别是VisualStudio2010和SQLServer2008。HTML页面的设计和页面的跳转，js文件

2、的编写和调试以及相关代码的实现均在VisualStudio2010中实现；而SQL2008其实是作为沟通客户端和服务器端中间的一个桥梁进行沟通，主耍用于数据的存储，再加上英他网页设计相关的编程语言，共同来实现客户端和服务端Z间的数据传输和我们需要的这些功能。•使用的开发技术主要为以下几方面：1.HTML（超文本标记语言）HTML主要用于整个文章管理系统的网页界面设计，即内容的呈现。当中会用到HTML屮的标签，比如《a》标签用来进行链接其他网页，页面的布局主要采用《div》标签，当然也可以用《table》标签来代替，但是《div》更简便

3、小巧，加载速度更快速，《button》标签用于添加按钮，点击可跳转页面，framed标签用于显示内容等，《img》标签则用于添加所需图片，此外还冇《p》标签，《br/》标签等。我们会用到的html页而依次为：Home,html（主页）、Login,html.（登录）、homeworks,html（平时作业）、Articles,html（文章管理界面）、Articlecontent,html（文章内容）、updateArticle.html（修改文章）、insert,html（添加文章）七个主要的网页。1.CSS（层叠样式表）CSS主要

4、负责网页风格设计，对网页进行统一样式管理，即外观样式。CSS是通过建立样式表来统一地控制HTML中各个标签的显示风格，它可以使我们更有效地控制网页外观，规范化，减少一些不必要的操作和重复的语句，简明有序，更有效地保持页面的一致性，同时也可以实现一些特殊的效杲，相对于传统的HTML,CSS能够对网页中的对象的位置排版进行更为精确的控制，是HTML的必备辅助。当然木系统使用的皮肤文件主要述是来源于网上模版下载，因为自己编写会很耗时还不美观，所以下载之后只需要自己对皮肤文件进行修改和完善，CSS主要使用的是原皮肤文件上的，不会对原来的样式表

5、做很大的改动。2.JavascriptJavascript一方面可以给HTML增加网页的一些动态效果，如下方一段小代码：《scripttype二"text/javascript〃》functionxianshil(){document.getElemcntByld("cdl")・style,display="block";functionyincangl(){document.getElementByTd(，，cdl，/)・style.display二"none";《/script》当然JavaScript也可以用于服务器端编程，此次

6、开发屮主要使用到的是Ajax。Ajax也是一种JavaScript编程语言，是一种通信方式。在Ajax中JavaScript主耍被用来传递用户界而上的数据到服务端并返回结果。也就是说Ajax相当于在前台和后台Z间的一个中介，就好比一个接口，负责在客户端和服务端Z间进行数据的请求和响应的传递，是等一下从数据库读取信息很重要的一个部分，在木系统Ajax将会用到很多次，不管是登录还是文章管理，所以需要好好了解学习。1.JqucryJquery是口前最受欢迎的Javascript库（第三方函数库），可以有效简化HTML和Javascript之

7、间的操作。但是在使用Jquery的时候首先要引用一个有Jquery的文件，该系统中使用的为以下两个版本，分别是Jqueryl.10.2和Jqueryl.4.1.。《scriptsrc=，z../script/jquery-1.10.2.min.js〃type二〃text/javascript“》《/script》《scriptsrc=〃・・/script/jquery一1.4.1.js〃type="text/javascript"》《/script》用Jquery可以遍历所有的div元素，Jquery主要通过代码来查询各个元素以便进行

8、更深层次的操作，比如带id的元素直接可以用$(“#id”)来查找到该元素，专门针对此元素做相应的显示风格和功能处理，和Jquery对应的即为js文件,js文件主要负责程序逻辑，HTML通过事件和js交互，那么就需要使用J