静态页面开发规范
静态页面(html 及css)开发规范
规范目的：
为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量且统一的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发。本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改。
基本准则：
符合web标准, 语义化html, 结构表现行为分离, 兼容性优良。
页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度。
主要内容：
（1）文件规范，文件位置及命名
（2）Html规范，书写规范及注意事项
（3）CSS规范，书写规范及注意事项
规范内容：
一、文件规范
1. html, css, img文件均归档至<系统开发规范>约定的目录中；
2. html文件命名: 英文命名, 后缀.htm。同时保存好相应的设计稿放于同目录中, 若界面稿命名为中文, 请重命名与html文件同名, 以方便后端开发人员添加功能时查找对应页面；
3. css文件命名: 英文命名, 后缀.css. 共用core.css, 首页index.css, 其他页面依实际模块需求命名。
二、html书写规范
1. 文档类型声明及编码: 统一为html5声明类型，写法如下：
编码统一为utf-8，写法如下：
书写时利用IDE实现层次分明的缩进。
2. css文件如无特殊情况，应链接至网页头部
... 标签内3. 引入外部css文件时，应去除类型声明，写法如下：
4. 所有编码均遵循xhtml标准, 标签& 属性& 属性命名必须由小写字母及下划线数字组成；且所有标签必须闭合：
包括br (
), hr(
)，,
属性值必须用双引号包括,写法如下：
5. 充分利用无兼容性问题的html自身标签, 比如span, em, strong, optgroup, label,等等；
需要为html元素添加自定义属性的时候, 首先要考虑下有没有默认的已有的合适标签去设置
6. 语义化html, 如标题根据重要性用h*(同一页面只能有一个h1,h1用于logo), 段落标记用p, 列表用ul, 内联元素中不可嵌套块级元素；
h1请使用在logo上，h2-h6 应用在各级标题上。
7. 尽可能减少div嵌套
书写示例：
不合理代码如下：
正确写法如下：
欢迎访问XXX, 您的用户名是
用户名
8. 书写链接地址时, 必须避免重定向，请在URL地址后面加上“/”，书写示例：
href=”https://www.wendangku.net/doc/a713225235.html,/”
9. 在页面中尽量避免使用style属性，即：
style="..."
10. 必须为含有描述性表单元素(input, textarea)添加label，书写示例：
不合理代码如下：
姓名:
正确写法如下：
11. 能以背景形式呈现的图片, 尽量写入css样式中。
12. 重要图片必须加上alt属性以及height,width属性，避免图片加载失败而导致错位，书写示例：
给重要的元素和截断的元素加上title
13. 给区块代码及重要功能(比如循环)加上注释, 方便后台添加功能。
14. 特殊符号使用: 尽可能使用代码替代，书写示例：
> > 空格
15. 书写页面过程中, 请考虑向后扩展性。
16. class和id的书写规范请参考css部分
二、CSS书写规范
1. 编码统一为utf-8。
2. 协作开发及分工:共用css文件core.css 暂时由tech yjbao负责维护。
协作开发过程中, 每个页面请务必都要引入, 此文件包含reset及头部底部样式, 此文件不可随意修改;
3. class与id的使用: id是唯一的并是父级的, class是可以重复的并是子级的, 所以id 仅使用在大的模块上, class可用在重复使用率高及子级中。
4. class与id命名: 大的框架命名比如header/footer/wrapper/left/right之类的在core中将由yjbao统一命名
其他样式名称由小写英文& 数字& _ 来组合命名, 如q_comment, 避免使用中文拼音, 尽量使用简易的单词组合；
命名要语义化, 简明化。
5. 规避class与id命名相同
6. 为JavaScript预留钩子的命名, 请尽量以js_ 起始, 比如: js_hide, js_show。
7. css书写顺序
遵循（布局定位属性–>自身属性–>文本属性–>其他属性），同类属性应写在一起。
属性列举:
布局定位属性主要包括: margin＆padding＆float（包括clear）＆position（相应的top,right,bottom,left）＆display＆visibility＆overflow 等
自身属性主要包括: width & height & background & border
文本属性主要包括：font＆color＆text-align＆text-decoration＆text-indent等
其他属性包括: list-style(列表样式)＆vertical-vlign＆cursor＆z-index(层叠顺序) ＆zoom等
书写示例：
.class{
float:left;
display:inline;
margin-right:10px;
width:100px;
height:200px;
border:1px solidl red;
font-size:14px;
font-weight:700;
cursor:point;
zoom:1;
}
备注：(此处为了展示需求，进行了换行，实际书写过程中，请写在一行内)
8. 书写代码前, 考虑并提高样式重复使用率；
充分利用html自身属性及样式继承原理减少代码量。
9. 样式表中中文字体名, 请务必转码成unicode码, 以避免编码错误时乱码，书写示例：
如需设置当前字体为微软雅黑写法如下：.txt{ font-family:\5fae\8f6f\96c5\9ed1}
常用字体的对照表
10. 背景图片请尽可能使用css sprite技术, 减小http请求；
考虑到多人协作开发, sprite按模块制作；并且制作完成后，使用yahoo图片压缩工具smush.it进行无损压缩。
工具地址：www.smush.it
sprites之前的原图应进行保留，以备修改。
Sprites适用的基本规范
（1）图片尽可能使用横向排列
（2）hover变化效果相关图片靠在一起
（3）需要平铺的图片尽量不要合并在sprites中
（4）sprites之前的原图要进行保留，合并产生的图片也应保留原图和参考线。
11. 使用table标签时(尽量避免使用table标签)
请不要用width/ height/cellspacing/cellpadding等table属性直接定义表现, 应尽可能的利用table自身私有属性分离结构与表现, 如thead,tr,th,td,tbody,tfoot,colgroup,scope；
(cellspaing及cellpadding的css控制方法: table{border:0;margin:0;border-collapse:collapse;} table th, table td{padding:0;})
12. 禁止使用 强制兼容ie8
13. 用png图片做图片时, 要求图片格式为png-8格式,若png-8实在影响图片质量或其中有半透明效果, 请为ie6单独定义背景:
书写示例：
_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(sizingMethod=crop, src='img/bg.png');
14. 避免兼容性属性的使用, 比如text-shadow || css3的相关属性
这些属性可在后期采用渐进增强的方式进行单独引入。
关于如何采用渐进增强的方式，将在后期考虑使用Modernizr.js 来进行浏览器甄别。
对支持css3 html5的浏览器单独写代码。
这里不做具体的要求，之后会作为一个单独的项目来进行。
15. 减少使用影响性能的属性,主要是定位和浮动, 比如position:absolute || float
16. 必须为大区块样式添加注释, 小区块适量注释，以便后台人员嵌套代码。
17. 要注意利用CSS简写，简写是书写高效CSS的方法之一。可以减少代码冗余。
不过在书写过程中一定注意书写时的顺序问题。不然可能导致所设样式无效。
Font书写示例：
font:font-style font-variant font-weight font-size/line-height font-family
注意：font-style font-variant font-weight必须按照顺序放在最前面。这三项为可选项，而之后的除了line-height为可选项外其他为必选项，任何一个属性被忽略，整行属性将无效。
p{
font-style:italic;
font-variant:small-caps;
font-weight:700;
font-size:12px;
line-height:24px;
font-family:airal;
}
简写后为：p{font:italic small-caps 700 12px/24px arial;}
色彩值在采用16进制时，如果对应的三原色值相同的话就可以采用缩写。如：p{color:#ff0000;}可以简写为p{color:#f00;}
所有用到16进制色彩值的地方都可以使用简写，比如background-color、border-color、text-shadow、box-shadow等。
其他可使用简写的标签有且不限于以下：margin,padding,border,border-radius,background,list-style等
三、图片规范
1. 所有页面元素类图片均放入img文件夹
测试用图片如商品图片、广告范例先放于img/temp文件夹，提醒后端开发人员代码嵌入将其删除。
2. 图片格式仅限于gif || png || jpg，尽量使用png格式的图片。
3. 命名全部用小写英文字母|| 数字|| _ 的组合；
不得包含汉字|| 空格|| 特殊字符；
尽量用易懂的词汇, 便于团队其他成员理解；
命名分头尾两部分, 用下划线隔开, 比如ad_left01.gif || btn_submit.gif
4. 在保证视觉效果的情况下选择最小的图片格式与图片质量, 以减少加载时间
5. 尽量避免使用半透明的png图片
如果要使用，请使用png-8 或者gif格式保证向前向后兼容。
6. 运用css sprite技术集中小的背景图或图标, 减小页面http请求, 但注意, 请务必在对
应的sprite psd源图中划参考线, 并保存至img目录下。
四、注释规范
1.html注释
（1）给重要循环区块添加注释，方便后台人员添加代码。
书写示例：
- …
….
（2）给关键区块添加注释信息
….
2.css注释
（1）css文件开始部分添加模块信息，编辑人信息，编辑日期，修改项目/* common.css
* 全站基础样式，严禁随意修改
* 创建人：yjbao mail:baoyanjuan@https://www.wendangku.net/doc/a713225235.html,
* 创建时间：2011-7-10
* 修改：h3标签加粗2011-7-18
*/
（2）按模块添加注释信息
/* reset 基础样式重置
-------------------------------------------*/
body{ padding:0; margin:0}…
（3）给重要区块添加注释信息，例如图片拼合等
/* 已整合title nav top_site 背景图main.png */
.nav, .top_site, .title{ background:url(../img/main.png) no-repeat} 五、开发及测试工具的约定
1. 建议使用Aptana || Dw || Vim , 亦可根据自己喜好选择, 但须遵循如下原则:
（1）不可利用IDE的视图模式直接绘制代码;
（2）不可利用IDE生成相关功能代码, 比如Dw内置的一些功能js
（3）编码必须格式化
2.测试工具及浏览器测试顺序
为保证页面质量，在交付前应进行严格的兼容测试，确保各浏览器显示基本一致。
测试顺序：前期开发仅测试FireFox & IE6 & IE7 & IE8 , 后期优化时加入Opera & Chrome
另需注意测试360/遨游2/腾讯TT/搜狗浏览器的显示情况。
六、其他规范
1. 开发过程中严格按分工完成页面, 以提高css复用率, 避免重复开发
2. 减小沉冗代码, 书写所有人都可以看的懂的代码. 简洁易懂是一种美德. 为用户着想, 为服务器着想。
web项目前端开发经验总结
web项目前端开发经验总结 最近这一个月完成了自己的第一个java web项目，是给某杂志社做的在线投稿系统，虽然进度很慢，但是中间确实学到了不少东西，深刻体会到了自己看几个月书都不如做一个项目来的实在。这个项目自己主要负责的是JSP页面、JS脚本、CSS样式表的编写，虽然主要做的是前端，但是在设计前端后台交互功能时，对MVC架构和数据库又多了一分了解，这一个月的时间，自己在技术上也确实成长了不少。 下面分成几块总结一下自己的这个项目中的心得吧： 1.项目开发流程：从确认需求开始，到原型设计，再到原型测试，这些都没什么说的了，主要是刚开始开发前端JSP页面时，自己走了很多弯路，想到有什么页面就写什么页面，GET和POST的路径也是随心所欲，想到什么名字就起什么名字，结果发现这样做严重影响了项目开发的进度，后来经过主管的提点后，我幡然醒悟，其实，面向对象的思想就贯穿在整个项目当中，在前面的原型设计的过程中，除了页面的设计还有数据库的设计，数据库的每个表就对应着Java中的每个实体类，这个类封装了数据库中的列作为属性，封装了数据库的增删改查作为方法，就拿这个投稿系统为例，实体主要有用户、稿件等等，实体间还有着一对一映射或者一对多映射等对应关系。其实，整个系统的开发就是围绕着这些个实体进行的，甚至于我们可以把实体名字做为二级目录，把实体的增删改查作为GET或POST 的路径，譬如account/add、paper/delete等等，有了这些路径，那么与之对应的GET和POST的Controller也就有了，接下来我们要做的就是，定义Controller中返回的视图，写完Controller后再把与实体相关的增删改查方法写到服务层中，再把项目的整个骨架搭起来，再去处理细节，很快的，这个项目就成型了。这里前端和后台的配合尤为重要，数据交互是整个系统的核心。 2.JSP页面设计：提到JSP页面，在这里我想说的一点是，其实JSP页面是在服务器生成的，那么传给JSP页面的变量、参数都会在服务器转化为它们具体的值，然后再传给客户端。JSP页面可以实现很多服务器端的功能，因为可以直接在页面嵌入JAVA代码，但是我们必须明确的一点是，JSP页面主要是用来呈现视图的，不要再其中套入大量的代码，要明确前端与后台的分工。 3.JSTL标签：JSTL标签就是JSP standard taglib，即JSP标准标签库，首先，EL表达式可以非常方便的取出Controller返回的View包含的Model，甚至都无需声明EL 表达式。其次，JSTL标签可以实现很多的逻辑控制功能，比如最基本的c:if判断、c:forEach 循环，甚至有更强大的c:choose，有了这些，我们可以大大简化代码量，JSP页面中用几十行java写的代码，有时用几句JSTL标签组合就实现了，此外，像fmt:parseDate和 fmt:formatDate也是很好用的标签，用于日期的解析和格式化，此外JSTL更有强大的函数标签库fn:，项目中我也只用到了fn:length取后台传的list的长度。要善用JSTL标签，但是又不要完全依赖于它，JSTL标签很方便、快捷，但是切记，JSTL功能有限，不要完全依赖于它。 4.shiro框架：shiro框架是apache的一款面向java web项目的权限控制框架，这个框架无论前端、后台都十分好用，在前端，我们可以使用shiro强大的标签库，通过用户角色赋予用户不同的访问权限。譬如，如果一个系统的用户有访客、用户、管理员三种角色，我们就可以通过shiro标签来控制游客不能访问哪些内容，页面向用户和管理员呈现的不同内容，这就是shiro标签的神奇之处。 5.sitemesh框架：这个主要是用来将所有页面套用固定格式，用以页面的复用，其实有些时候标签更为方便，而且sitemesh框架的内存开销是的二倍，还会导致拦截器出现一些莫名的bug，所以并不推荐使用。
如何将PHP动态网站转换成真正的静态网页
如何将PHP网页转化为纯静态网页 适用范围： 1.网站的页面或部分页面片段不需要频繁刷新动态数据的 2.极度依赖SEO的企业官网、推广页面等 技术要点： 1.PHP动态生成页面 2.PHP读取生成的页面内容 3.PHP将读取的页面内容存储为纯静态文件（如：.html） 4.对外部请求直接使用静态文件路径 优点： 1.利于SEO优化 2.降低服务器资源损耗 3.提高浏览器响应速度 代码程序： 1.动态页面原网页：http:localhost/Index.php
网站生成静态面的几种策略精编
网站生成静态面的几种 策略精编 Document number：WTT-LKK-GBB-08921-EIGG-22986
[转]网站生成静态页面的几种策略 2008-02-02 11:13 网站生成静态页面，及网站数据采集的攻、防原理和策略 目前很多人都开始注重动态页面生成HTML页了，但选择哪种生成HTML的方法和防采集却不防搜索引擎的问题却经常困扰大家。解决此问题则是本文产生的原因。 首先祥细说一下常用的几种生成HTML的方法： 生成HTML方法主要步骤只有两个： 一、获取要生成的html文件的内容 二、将获取的html文件内容保存为html文件 我在这里主要说明的只是第一步：如何获取要生成的html 文件的内容： 目前常用获取html文件的内容的方法有几下几种： 1、 str="内容" str=str&"内容数据库读取内容........." 这种方法与是在脚本内写要生成的html内容，不太方便预览生成页面的内容，无法可视化布局页面，更改html模板时会更加复杂。 用这种方法的人很多，但我感觉这种方法是最不方便的。
2、 制作单独的HTML模板页，动态的内容用特定的字符作为标记(如：有人用$title$标记为网页标题)，用或者将其模板内容载入，然后再用替换方法把原先定好的标记替换为动态内容(如：Replace(载入的模板内 容,"$title$",rs("title" ) ) )。 3、 用XMLHTTP或serverXMLHTTP获取动态页所显示的HTML内容， 我常用的生成html文件的实例： 'weburl是要获取的动态页地址 'getHTTPPage(weburl)是获取动态页内容的函数 weburl="")&""‘指定动态页地址 body=getHTTPPage(weburl)'用函数取到动态页地址的内容 此方法最大的好处就是不用费力气专门去写静态的模板页面，只是将原来就有的动态页面转换为HTML静态页面，但生成速度不是太快。 我常用的生成HTML的方法就是第3种：用XMLHTTP获取动态页生成的HTML内容，再用或者保存成html文件。 第二步是生成文件的方法： ASP里常用的有用生成文件和生成文件两种 1、
web开发心得体会
web开发心得体会 【篇一：web开发技术及其应用学习心得】 web开发技术及其应用学习心得 从大学开始接触web应用开发技术，但是大学里概念性的东西过强，导致学 完后对于如何实际应用开发并不是很有条理。 一、何为web应用程序 我刚开始学习的是java和c++应用程序，这些程序只能在本机上运行，接 触了web应用程序开发，才知道原来自己一直在接触使用web应 用程序，像在学校使用的教务管理系统还有经常用上的人人网，都 是web应用程序，web应用程序首先是“应用程序”，和用标准的程 序语言，如c、c++、c#等编写出来的程序没有什么本质上的不同。 然而web应用程序又有自己独特的地方，就是它是基于web的，而不是采用传统方法运行的。换句话说，它是典型的浏览器／服务器 架构的产物。也就是说我们开发的程序是运行在服务器端，客户使 用浏览器就可以使用程序提供的服务。 二、web应用程序开发常用语言 web应用程序开发常用语言有jsp、asp、php、https://www.wendangku.net/doc/a713225235.html,等，自己在网上对 这些语言进行的一些了解，这些语言各有各的优势和缺点，编程者 可以根据各自的情况选择编程语言，我起初学习web编程的时候是 学的jsp，它的底层语言是java，由于有过java和网页设计的基础 学习起来也不是很麻烦，上手还是比较快的，但是随着系统的复杂 度的提高我发现开发越来越麻烦，每个表单和控件都要自己定义引用，后来通过同学的推荐，开始着手学习https://www.wendangku.net/doc/a713225235.html,,它是微软公司继asp后推出的又一门服务器端脚本语言，https://www.wendangku.net/doc/a713225235.html,一般分为两种开发 语言，https://www.wendangku.net/doc/a713225235.html,和c#，c#相对比较常用，因为是.net独有的语言，https://www.wendangku.net/doc/a713225235.html,则为以前vb程序设计，适合于以前vb程序员，如果新接 触.net，没有其他开发语言经验，建议直接学习c#。 三、如何学好https://www.wendangku.net/doc/a713225235.html, 学习https://www.wendangku.net/doc/a713225235.html,我个人觉得首先应该对html标签有所了解，因为开发 动态网 页还是要跟html标签打交道，多了解一些你在编程的时候更容易上手，还有html提供的一些表单，最好能熟悉，在https://www.wendangku.net/doc/a713225235.html,中也提供
javaweb开发要学习的所有技术和框架总结：
学习javaweb开发要学习的技术和框架总结： 前言：当初想学习javaweb开发的时候，希望能够全方面地学习（这样找工作时就胸有成足了）。但是对这个根本不理解，又不认识从事这方面的熟人，所以学习起来无从下手。经过了一年的‘死’学习，从网上，从书本，从视频里面深入了解了java。想从事java的朋友，只要把这些技术全学会了，哪就业肯定没有问题了。 前端技术： HTML, CSS, JA V ASCRIPT, JQUERY, AJAX HTML “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（外语：Head）、和“主体”部分（外语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 CSS 级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。 JavaScript JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 jQuery jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。
静态网页设计-教学大纲
《静态网页设计》教学大纲 课程类别：专业基础课 课程属性：必修课 学分/学时： 4学分/64学时 制订人：课题组 适用专业：信息技术相关专业 一、课程的性质 “静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。 二、与其它课程的关系
三、教学目标 1.知识目标 (1)网站、网页、网页设计等的基本概念； (2)理解HTML语言中的各种文本格式、段落设置、列表等标记知识； (3)理解和掌握基本的DIV＋CSS技术知识； (4)理解和掌握表格的基本知识； (5)理解和掌握数据表单的基本知识； (6)理解和掌握基本的框架网页知识； (7)理解和掌握网页图像、动画等多媒体应用知识； (8)理解和掌握网页超级链接知识； (9)掌握基本的动画制作知识； (10)了解网页美工相关知识； (11)了解网站的测试、发布与维护的基本知识； (12)掌握网站制作流程 2.能力目标 (1)能运用HTML语言设置和编辑网页元素； (2)会使用Dreamweaver等网页设计工具制作网页； (3)能使运用基本的CSS技术设置网页风格； (4)能在网页中嵌入图像、动画、视频等多媒体元素； (5)能运用表格布局并设计网页； (6)能正确运用文字超链接、图像超链接技术设计网页； (7)掌握框架制作网页的方法，会使用框架设计网页； (8)掌握制作表单的方法，会利用表单建立交互式页面； (9)能看懂基本的HTML网页源代码。
(10)会设计网页线框图，并能运用PS进行网页效果图设计 (11)掌握切片的基本原则和基本方法，综合运用网页排版技术进行切片素材排版 (12)熟悉网站项目工作流程，能独立进行中小型网站设计。 3.素质目标 (1)具有信息资料收集与整理能力； (2)具备简单的需求市场分析能力； (3)具有一定的语言表达、沟通和协调能力； (4)具有良好的心理素质和责任意识，能及时完成任务的能力； (5)具有踏实肯干的工作作风； (6)具有一定的创新意识和艺术设计素质 四、内容结构与目标任务
PHP生成静态页面--实例
看到很多朋友在各个地方发帖问PHP生成静态文章系统的方法，以前曾做过这样一个系统，遂谈些看法，以供各位参考。好了，我们先回顾一些基本的概念。 一，PHP脚本与动态页面。 PHP脚本是一种服务器端脚本程序，可通过嵌入等方法与HTML文件混合，也可以类，函数封装等形式，以模板的方式对用户请求进行处理。无论以何种方式，它的基本原理是这样的。由客户端提出请求，请求某一页面----->WEB服务器引入指定相应脚本进行处理----->脚本被载入服务器----->由服务器指定的PHP解析器对脚本进行解析形成HTML 语言形式---->将解析后的HTML语句以包的方式传回给浏览器。由此不难看出，在页面发送到浏览器后，PHP就不存在了，已被转化解析为HTML语句。客户请求为一动态文件，事实上并没有真正的文件存在在那里，是PHP解析而成相对应的页面，然后发送回浏览器。这种页面处理方式被称为“动态页面”。 二，静态页面。 静态页面是指在服务器端确实存在的仅含HTML以及JS，CSS等客户端运行脚本的页面。它的处理方式是。由客户端提出请求，请求某一页面---->WEB服务器确认并载入某一页面---->WEB服务器将该页面以包的形式传递回浏览器。由这一过程，我们对比一下动态页面，即可方现。动态页面需由WEB服务器的PHP解析器进行解析，而且通常还需连接数据库，进行数据库存取操作，然后才能形成HTML语言信息包；而静态页面，无须解析，无须连接数据库，直接发送，可大大减轻服务器压力，提高服务器负载能力，大幅提供页面打开速度和网站整体打开速度。但其缺点是，不能动态地对请求进行处理，服务器上必须确实存在该文件。 三，模板及模板解析。 模板即尚未填充内容html文件。例如： temp.html
教你制作静态网页的方法
教您制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开与保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b、设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c、设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d、网页文本的输入与属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e、网页图片的插入与属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。
Java Web项目开发总结
1、In Action （1）根据添加信息（insert）来考虑表中的字段，进行建表。使用PD画出ER图。要注意字段的数据类型的确定以及建表要满足三范式，减少数据冗余； （2）表建好后，根据表中各个字段来建pojo中的属性。要注意属性的数据类型和字段的数据类型要一致； （3）根据pojo中的属性确定bean的属性，直接拷贝即可，用于页面展示。在bean中，统一使用String类型变量接收前台页面传递的参数；每个HTML表单对应一个bean。HTML 表单中的字段和bean中的属性一一对应。 （4）自顶向下，依次定出action、manager、dao。先写出轮廓，跑通整个流程，再写具体实现，一点点累加，便于调试错误； （5）根据数据实体和具体业务逻辑，使用StarUML画类图，进行OOA和OOD，灵活运用设计模式。 （6）API命名： CRUD：add，get，update，delete，[list] 严格区分单复数形式，单数表示对象，复数表示对象集合。 对象、属性最好单个单词。 （7）前后台都要校验。 （8）按照资源方式组织数据接口，对前端开发帮助很大。即通过REST来实现资源的增、删、改、查。 （9）软件开发，思路最重要！代码开发多了，思路就有了。 a、一个版本一个版本递增的开发；每个版本增加一点内容； b、总结开发思路；第一步怎么做，下一步怎么做？ c、用文档记录开发的思路，即第一个版本开发实现了什么功能以及开发步骤，下一个版本实现了什么功能等等？
d、程序员进行程序开发时，不要仅仅停留在代码，要深入到底层的运行机制，才可以对程序的运行机制有更准备的把握； （10）网页模板 request到template.jsp文件（此文件假设包括三个部分，即title、banner、body） web客户——> title banner———————>include：banner.jsp body————————>include：showcart.jsp （11）一步一步的定位。根据结果进行分析。 （12）分页控件 假分页： 基本思想是将所有的数据从数据库中取出，只显示有用的部分。靠的是程序的算法，实际上就是在ResultSet上进行操作。 真分页：（数据库中的一种实现） 任何数据库都会提供分页的函数操作：Oracle、MySQL（limit，即limit 开始的记录, 要查询的行数）、SQL Server（top） 基本思想是在数据库中编写特定的SQL语句。程序中只读取有用的部分，没用的部分不会加载到内存中。 （13） 2、TIPS
网站html静态化解决方案
网站html静态化解决方案 篇一：关于网页是否要静态化HTML的问题 关于网页是否要静态化HTML的问题 很多人提倡在网站设计时将页面静态化，难道页面静态化就没有什么缺点吗？有人问关于网页静态化的问题：很多人提倡在网站设计时将页面静态化，难道页面静态化就没有什么缺点吗？专家回答如下： 虽然页面静态化在一定程度上提高了页面访问速度和有利于搜索引擎优化以外，其实静态化带来的问题和后续成本也是不容忽视的：1、由于生成的文件数量较多，存储需要考虑文件、文件夹的数量问题和磁盘空间容量的问题，导致需要大量的服务器设备；2、程序将频繁地读写站点中较大区域内容，导致硬件损耗大、站点备份麻烦；3、页面维护的复杂性和大工作量，增加了更新维护难度和网站管理人员工作强度。 楼上说的有道理，不是每个网站都耗得起这个成本，如果你们公司的开发人员实力和时间都允许，那么可以实施你们的网站静态化，否则不提倡。 页面静态化有利用于蜘蛛的抓取,可以增加网页的权重. 楼上的楼上,不用担心,网页的静态化不会增加多少磁
盘容量,一个网页也就是几十K,现在硬盘很便宜.页面的维护不会有问题,网站后台还是采用动态的数据库管理,前台显示页面,可以生成静态的html 篇二：WEB网站架构分析HTML静态化 HTML静态化 1 介绍 其实大家都知道，效率最高、消耗最小的就是纯静态化的html页面，所以我们尽可能使我们的网站上的页面采用静态页面来实现，这个最简单的方法其实也是最有效的方法。但是对于大量内容并且频繁更新的网站，我们无法全部手动去挨个实现，于是出现了我们常见的信息发布系统CMS，像我们常访问的各个门户站点的新闻频道，甚至他们的其他频道，都是通过信息发布系统来管理和实现的，信息发布系统可以实现最简单的信息录入自动生成静态页面，还能具备频道管理、权限管理、自动抓取等功能，对于一个大型网站来说，拥有一套高效、可管理的CMS是必不可少的。 除了门户和信息发布类型的网站，对于交互性要求很高的社区类型网站来说，尽可能的静态化也是提高性能的必要手段，将社区内的帖子、文章进行实时的静态化，有更新的时候再重新静态化也是大量使用的策略，像Mop的大杂烩
静态化技术文档
2010-01-26 09:59 首先说说为什么要静态化。 对于现在的Web Application来说，动态页面是占有绝对高的地位的，正因为有了动态化，才有了现在Web的丰富多彩，但是如同所有别的事实一样，好处往往都是有代价的。 为了产生出动态的效果，每一次对页面的请求都会要求服务器对页面进行编译或者执行，这些操作都很消耗系统资源。如果这期间还有和数据库的通讯，那么代价将会更大。 如果一个页面在一定的时间内，其内容没有发生改变，那么就不必为每一次对它的访问进行一次“新”的编译或执行。我们可以把它在这段没有发生改变的时间内的结果保存到一个静态的页面里面，然后每次访问这个页面时，就用刚才保存的静态页面进行回复。这样便能大大地减少系统资源的消耗，并且提高对客户的响应速度。而这个过程就称之为页面静态化。 现在所面临的问题就是如何在JSP中将页面的内容保存下来。 在访问JSP页面的时候，服务器会先将JSP文件编译为Servlet文件，然后对这个Servlet编译、执行，并最终把结果返回给客户端。而我们的任务就是要把这个最终生成的HTML静态页面保留下来，存放在服务器上。 解决的方法其实很简单。普通的对于JSP的访问，最终的数据流是回写到客户端的，如果我们把它重定向，让它回写到服务器上一个本地的文件，这样就能把JSP的执行结果保存起来，而这个文件就是我们想要得到的静态化的结果。 好了，说了那么多废话，现在说说具体怎么实现。 看过将JSP编译成的Servlet文件以后，可以知道这个Servlet是通过一个"JspWriter"类型的对象将数据回写给客户端的，而这个对象正是JSP里面的内置对象"out"，现在我们只需要定义一个自己的类，让它继承"JspWriter"类，覆盖里面的输出相关函数，让数据都输出到一个指定的文件就可以了。 例如（省略了部分重载函数）： 程序代码 import java.io.*; import javax.servlet.jsp.*; public class ConstPageWriter extends JspWriter { private PrintWriter pw; public ConstPageWriter(String fileName){ super(JspWriter.DEFAULT_BUFFER, false); try{ pw = new PrintWriter(fileName, "UTF-8"); }catch(Exception e){ e.printStackTrace(); } } @Override public void print(String arg0) throws IOException { pw.print(arg0);
静态网页制作心得体会
静态网页制作心得体会 姓名：张继宏第三组8.18 20世纪40年代科学字发明了计算机之后，人们的工作效率大大提高，但是单个计算机能够存储和处理的信息是非常有限的，为了便于信息的传递和处理，人们就把众多的计算机连接起来。 网页制作的心得体会----网页制作论文摘要通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人，我觉得这点我已经基本上做到了。 关键字页面设计ASP和数据库 1.一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 2.题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。 3.不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。选定了一个好的题材，是不是可以立刻动手制作了？不，经验告诉我们，必须要先规划框架。这是很重要的一步！每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。 规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站(有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费钱。 大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。 为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，即所有的主要链接都在首页上，链接的层次不多，深度浅。 框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也为你的主页将来发展打下良好的基础。
ASP生成静态网页技术的实现-最新文档
ASP生成静态网页技术的实现 当今大型网站页面都改用了静态的页面，这是因为静态页面可以提高浏览速度，减轻服务器的负担，方便搜索引擎收录，网站更安全，静态页面从理论上讲是没有攻击漏洞的，基于以上的好处所以现在知名、主流的大站基本上都静下来了。 ASP（Active Server Pages）是 Web 的服务器端脚本编写环境，也是绝大多数从事网站开发人员很熟悉的编程环境。如何用asp生成静态网页一般有两种方法：1使用FSO生成，2使用XMLHTTP生成。下面将综合这两种方法来实现静态页的生成。 1 ASP生成静态页的方法 我们用标签替换的方法生成静态网页，做一个模版页 mb.asp，生成静态页的时候直接把需要变化的部分的标签替换掉就行了。此例中我们把模板页mb.asp设置两个标签%title%和%content%。模板页可以是静态页也可以是动态页，但出于实际应用的方便我们用动态页做为模板页。静态网页执行页面为do.asp里面是具体生成静态页的代码。 2 程序中用到相关技术的方法和属性 1） Request.ServerVariables Request.ServerVariables（"Server_Name"）服务器的主机名、DNS地址或IP地址 Request.ServerVariables（"Server_Port"）接受请求的
服务器端口号 Request.ServerVariables（"Path_Info"）客户端提供的路径信息 2） ADODB.Stream对象 mode 读写模式，可选值：1-读，2-写，3-读写 type 数据类型，可选值：1-二进制，2-文本 charset 编码方式，可选值：utf-8，gb2312 position 数据流位置，表示数据操作从这里开始，第一个位置的值为 0，不是 1。 size 数据流大小（字节） LoadFromFile 从文件读取数据到 Stream 对象，Stream 对象原有内容将被清空 SaveToFile 将 Stream 对象数据保存为文件，第二个参数：1-不允许覆盖，2-覆盖写入 Open 打开数据流 Close 关闭数据流 Read（[长度]）从 Stream 对象中读取二进制数据，不指定长度表示全部读取 ReadText（[长度]）从 Stream 对象中读取文本数据，不指定长度表示全部读取 Write（buffer）将缓存数据写入 Stream 对象 WriteText（data， [option]）将文本数据写入 Stream 对
(完整word版)程序员-web前端-个人年度工作总结
2016个人年度工作总结 工作回顾 在我进入公司的这七个月里，我陆续接触了公司的软件开发平台，一些已经完成的项目,b2b,收银等。在工作之余，我也在努力的学习，和同事及客户友商进行交流，学习先进的开发技术，请教别人相关开发技术问题。 存在问题 1.由于开始对公司开发平台不是很熟悉，所以在了解客户所要开发的功能及表单过程中多次出现因为需求的原因，而不断修改的情况。在与客户交流的时候，这个问题多次困扰着我，对方的需求不明，每次交流的过程中都在变更需求，从而导致了效率比较低的问题。 2.在工作过程中，用到很多我所不知道或很多我知道但不太熟悉的领域，在这个领域内，我需要不断的学习。 3.学习的知识不够广泛。对专业知识技能方面还需要努力的加强，这方面也是目前最欠缺，希望高总能给予指导和培养。一个项目中，涉及的技术往往有多种，知识多了，就会灵活变通，所以我会加强这方面的学习。 工作心得 1. 每一个项目在开始着手的第一步，一定要和客户把需求沟通清楚，只有了解了项目的需求，才有可能真正做好一个项目。 2. 工作中，有一个无论是技术，还是经验都比较让人肯定的前辈带领，将任务详细化，详细到，每个页面、甚至是一个页面中的图片什么时候做好，做到什么程度，这样把工作进度有计划有方向的赞定下来，做事很有效率。所以希望高总多给予我们一些指导。 3. 每周的工作小结真的很重要，这让我们每天都有计划的知道自己干了什么，不是漫无目的的工作，所以我们应该养成，周记、月记、年记的工作习惯。
4. 工作并不是一成不变的，也许有一天你要去其他岗位帮忙，所以同事之间的技术要互相学习，也许有一天，公司需要你发挥其他的技能帮忙，所以互相学习也是很重要的。自己的工作不能仅仅局限于自己的业务范畴。 工作计划 1. 要提高工作的主动性，做事干脆果断，不拖泥带水。 2.工作要注重实效、注重结果，一切工作围绕着目标的完成。 3. 要提高大局观，是否能让其他人的工作更顺畅作为衡量工作的标尺。 4. 精细化工作方式的思考和实践。 5. 虚心请教比我做的优秀的其他同事，向他们学习技术或经验。其实作为一个新员工，所有的地方都是需要学习的，多听、多看、多想、多做、多沟通，向每一个员工学习他们身上的优秀工作习惯，丰富的专业技能，配合着实际工作不断的进步，不论在什么环境下，我都相信这两点：一是三人行必有我师，二是天道酬勤。 在参加工作的这短短的七个月中，我深刻的体会到，把自己所有的精力都投入进去，技术工作都不可能做到完美程度，毕竟技术工作太繁杂，项目多而人手少，但多付出一些，工作就会优化一些，这就需要认认真真沉下心去做事情，职业做事，诚信待人。
教你制作静态网页的方法
教你制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点：站点----管理站点----新建----站点（前三步也可直接从“新建站点”进入下面的设置向导对话框）----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开和保存网页文件 创建：文件----新建----创建 打开：文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存：文件---保存或另存为 b. 设置网页的页面属性 修改---页面属性---然后设置（标题、背景、背景图像、文本等） c. 设置网页对象的颜色 网页对象，如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d. 网页文本的输入和属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法：1、汉字输入法设置为全角方式，按空格键即可输入。2、属性面版格式中：预先格式化的 换行：ENTER、SHIFT+ENTER 实例练习： 1、输入以下文字 书签夹在诗集里， 落叶夹在深秋里。 喜悦夹在生活里， 追求夹在人生里。 2、第一次设置格式为“无”，字体为“华文行楷”，字体颜色为“红色”，字号为“5号”，添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”，字体为“楷体”，字体颜色为“蓝色”，字号为“5号”，添加项
目符号，对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e. 网页图片的插入和属性设置 插入图片，在对话框中选择图片。（最好在建立站点时将欲用的图片素材复制到本地站点目录中） 插入图像占位符，在图片准备好后再加入图片。加入方法：1、双击图像占位符；2、点“属性面版”中的“指向文件”，拖到右边文件中要插入的文件处。 在图像属性面版中设置 f. 插入层 方法: 1、点击插入面版中的“描绘层”；2、在网页编辑器窗口中按住鼠标左键拖画出定位用的层； 3、可以随意移动层的位置； 4、可在层中插入图像、文字等。 g. *插入表格,用表格定位 方法： 1、先用鼠标点至欲插入表格的位置； 2、点插入面版中的“表格”—“插入表格”； 3、确定行数、列数后确定即将表格插入到选定位置了； 4、可在表格中任何单元格里插入图像、文字等。 h. 建立超链接 方法: 1、选中要建立超链接的文字或图像； 2、点右键“创建链接”打开的窗口或在属性的链接栏里，填入链接的目标。（如：本网站另一个网页，或外部网页如https://www.wendangku.net/doc/a713225235.html,，或电子邮件如：mailto:zdhwangji@https://www.wendangku.net/doc/a713225235.html,） 3、在页面属性里修改链接的属性：修改--页面属性（链接、活动链接、访问过链接） 二、制作实例1
Web开发经验总结
1，不要认为Struts已经过时了，也不要盲目的去追随JSF以及更新的MVC框架，在目前Struts仍旧是 最为优秀的MVC框架，尤其是后来与Spring、Hibernate （或者Ibatis ）的结合，使得Struts的应用得到了进一步的发展，也许你认为Webwork2、SpringMVC 或者JSF更为优秀和实用，那么也没有关系，其 实只要对你或你的公司适用，那么就可以了。 2，你知道Javascript中的typeof和instanceof操作吗，如果不知道，劝你还是看看这方面的知识吧， typeof返回的是对象的类型，例如string、number、object等等，而instanceof判断的是一个对象是否是 某个类的实例，例如： var arr=new Array（）; var type=typeof（arr）;〃返回object var flag=arr instanceof Array;// 返回true var flag2=arr instanceof Object;// 返回true; 在实际使用过程中，你会发现instanceof是更为强大的，当然了许多时候typeof用起来很方便，但是对 于复杂的场合typeof就不太适用了，尤其是对于自定义对象以及对象之间有着复杂的继承关系时，使用 instanceof可以方便的对这些进行判断。 3，虽然你可能知道javascript中typeof的用法，但是如果你不能做对下面的题，说明你对typeof的理解 还是不够的，例如： var a; var rs=typeof（a）;〃请问rs的值是什么？ （A）object （B）variable （C）undefined （D） string （E）null （F）以上答案全不正确 如果你选择A还算对JS有一些了解，如果选择B则基本上是乱猜的，如果选择D什么也说明不了，如 果选择E则说明你对于Java和Javascript有些东西还没有分清楚，选择F也是不正确的。答案是C，记 住在Javascript之中，如果一个变量没有初始化，那么该变量的类型为undefined。 4，也许你一直在抱怨Javascript之中没有列表、哈西表以及堆栈、队列等数据结构，如果真的在抱怨，
静态网页制作
静态网页制作 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点：站点----管理站点----新建----站点（前三步也可直接从“新建站点”进入下面的设置向导对话框）----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开和保存网页文件 创建：文件----新建----创建 打开：文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存：文件---保存或另存为 b. 设置网页的页面属性 修改---页面属性---然后设置（标题、背景、背景图像、文本等） c. 设置网页对象的颜色 网页对象，如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d. 网页文本的输入和属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法：1、汉字输入法设置为全角方式，按空格键即可输入。2、属性面版格式中：预先格式化的 换行：ENTER、SHIFT+ENTER 实例练习： 1、输入以下文字 书签夹在诗集里， 落叶夹在深秋里。 喜悦夹在生活里， 追求夹在人生里。 2、第一次设置格式为“无”，字体为“华文行楷”，字体颜色为“红色”，字号为“5号”，添加项目符号。然后保存、预览。
3、第二次设置格式为“标题一”，字体为“楷体”，字体颜色为“蓝色”，字号为“5号”，添加项目符号，对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e. 网页图片的插入和属性设置 插入图片，在对话框中选择图片。（最好在建立站点时将欲用的图片素材复制到本地站点目录中） 插入图像占位符，在图片准备好后再加入图片。加入方法：1、双击图像占位符；2、点“属性面版”中的“指向文件”，拖到右边文件中要插入的文件处。 在图像属性面版中设置 f. 插入层 方法: 1、点击插入面版中的“描绘层”；2、在网页编辑器窗口中按住鼠标左键拖画出定位用的层； 3、可以随意移动层的位置； 4、可在层中插入图像、文字等。 g. *插入表格,用表格定位 方法： 1、先用鼠标点至欲插入表格的位置； 2、点插入面版中的“表格”—“插入表格”； 3、确定行数、列数后确定即将表格插入到选定位置了； 4、可在表格中任何单元格里插入图像、文字等。 h. 建立超链接 方法: 1、选中要建立超链接的文字或图像； 2、点右键“创建链接”打开的窗口或在属性的链接栏里，填入链接的目标。（如：本网站另一个网页，或外部网页如https://www.wendangku.net/doc/a713225235.html,，或电子邮件如：mailto:zdhwangji@https://www.wendangku.net/doc/a713225235.html,） 3、在页面属性里修改链接的属性：修改--页面属性（链接、活动链接、访问过链接）
JSP生成静态页面
jsp生成静态页面 转自：https://www.wendangku.net/doc/a713225235.html,/space/?233 生成静态页面技术解决方案系列（一） 2006-10-26 相信很多人都希望自己的页面越快越好，最好是能静态的，提高客户访问速度。也便于搜索引擎搜索。所以，就希望我们的动态读取数据库的页面，尽可能的生成静态页面。一下系列文章，介绍一下个人的解决方案。 本系列将介绍个人的一种方法，在不改变原来jsp 文件的基础上，只需 要加入少量的代码，就让你的新闻发布系统，很容易就完全变成静态的页面。 本文假设你是用java开发的web动态页面。 第一步，加入servlet.代码如下。 public class ToHtml extends HttpServlet { public void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String url = ""; String name = ""; ServletContext sc = getServletContext(); String file_name = request.getParameter("file_name");// 你要访问的jsp 文件名,如index，不包括扩展名 // 则你访问这个servlet时加参数.如 http://localhost/test/toHtml?file_name=index url = "/" + file_name + ".jsf";// 你要生成的页面的文件名。我的扩展名为jsf . name = ConfConstants.CONTEXT_PATH+"\\"+ file_name + ".htm";// 这是生成的html文件名,如index.htm.文件名字与源文件名相同。扩展名为htm //ConfConstants.CONTEXT_PATH为你的应用的上下文路径。