网站设计中动态网页与静态网页的主要有哪些区别？
动态网页呈现的用户数据随着用户、时间、运行环境改变而改变。客户看到的网页内容是动态变化的。
•javaScript程序（用于提高页面与用户的交互能力，其最大的特点就是可以读/写浏览器建立的DOM树，可以对浏览器端的鼠标键盘事件作响应，可以对采集的数据作验证，可以检测浏览器的类型等。浏览器内嵌有JavaScript引擎，专门执行JavaScript代码。）
• AJAX：一种实现动态网页的技术，使用JavaScript的XMLHttpRequest 对象向服务器发出HTTP请求，并提交数据（JSON格式）；服务器处理请求并返回响应数据（XML格式或txt格式或JSON格式）；浏览器不必等待服务器的响应，异步接收响应数据，并局部更新页面的DOM树，从而实现页面的局部更新。
• JQuery：一个功能丰富的小型JavaScript程序库，可快速实现DOM操纵、事件处理、动画、AJAX调用等功能。
1.表示层的设计
1.1表示层设计
整体风格设计
版面布局：上－中－下；左－中－右
色彩、字体字型
控件大小及外观样式、控件命名风格
超链接样式
局部页面设计：
页面功能目标
页面控件布局
数据提交方案：
提交方式：超链接|表单；
提交方法：GET|POST;
参数名称、长度、类型；
接受数据的Servlet URL;
模型类或领域对象或值对象；
页面类型：
静态 html
动态 jsp
1.2表示层缓存控制与字符编码
1.2.1如何禁止浏览器对页面的缓冲
对纯html文件，在<head>标签内加如下
<meta http-equiv=“Pragma” content=“no-cache” />
<meta http-equiv=“Cache-Control” content=“no-cache/>
<meta http-equiv=“Expires” content=“0” />
对JSP代码，在 <head>加：
<%
response.setHeader("Cache-Control","no-cache");
response.setHeader("Pragma","no-cache");
response.setDateHeader ("Expires", 0);
%>
1.2.3字符编码设置
○ 对纯html文件，在标签内加如下
－－告诉浏览器，用UTF-8解析页面
○ 对JSP代码，在 加：
<%@ page language=“java” import=“java.util.*” pageEncoding=“UTF-8”%> －－服务器用pageEncoding指定的编码把jsp文件翻译成JAVA源码（后面再由pageEncoding指定的编码转换为字节码的UTF-8 ）
<%@ page contentType=”text/html;charset=UTF-8”%> －－告诉浏览器，用UTF-8解析页面
2.B/S架构-控制层
涉及到的内容如下：
• 控制器〔控制层〕设计
• Servelt名称、URL
需要接收的参数
封装数据的值对象
• 业务层接口
页面跳转
跳转方式：请求转发|页面重定向
参数传递：参数名称、参数共享方案〔页面、会话、全局〕
是否考虑Cookie关闭的影响|URL重写。
关键词：重庆网站设计，重庆网站建设 标签：
更多资讯请收藏关注
网站模板(www.1yc.cn)
网站首页
高端网站
精品网站
雅致网站
专业仿站
定制版网站
建站常识
网站超市
联系方式
