×

html静态网页制作教程 网页怎么制作 静态网页

html静态网页怎么制作啊?HTML静态网页中的模板

admin admin 发表于2022-06-28 13:17:01 浏览115 评论0

抢沙发发表评论

html静态网页怎么制作啊


《html》《head》《title》我的网页《/title》《/head》《body》我的网页《/body》《/html》

最最基本的HTML,把他复制下来粘贴到记事本,然后把记事本的后缀改成html.

HTML静态网页中的模板


简明步骤:打开一个已经存在的网页→另存为模板→新建可编纂区域→保留。
详细:
(1).打开示例站点中已经建好的index.htm文件,打开“文件”,点击“另存为模板”。
(2).选择模板存放的站点,在“另存为模板”对话框中为模板输入一个独一的名称,单击保留按钮。
(3).在“插入栏”选择“模板”,然后单击“可编辑区域”。
(4).频频这个过程。可以再做一些“可编辑区域”。
(5).打开“文件”菜单,单击“保留”。一个模板就做好了。

dw简单网页制作成品 学生作业 静态网页


《!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》
《script type=“text/javascript“》
var fireworks = function(){
this.size = 20;
this.rise();
}
fireworks.prototype = {
color:function(){
var c = [’0’,’3’,’6’,’9’,’c’,’f’];
var t = [c[Math.floor(Math.random()*100)%6],’0’,’f’];
t.sort(function(){return Math.random()》0.5?-1:1;});
return ’#’+t.join(’’);
},
aheight:function(){
var h = document.documentElement.clientHeight-250;
return Math.abs(Math.floor(Math.random()*h-200))+201;
},
firecracker:function(){
var b = document.createElement(’div’);
var w = document.documentElement.clientWidth;
b.style.position = ’absolute’;
b.style.color = this.color();
b.style.bottom = 0;
b.style.left = Math.floor(Math.random()*w)+1+’px’;
document.body.appendChild(b);
return b;
},
rise:function(){
var o = this.firecracker();
var n = this.aheight();
var c = this.color;
var e = this.expl;
var s = this.size;
var k = n;
var m = function(){
o.style.bottom = parseFloat(o.style.bottom)+k*0.1+’px’;
k-=k*0.1;
if(k《2){
clearInterval(clear);
e(o,n,s,c);
}
}
o.innerHTML = ’.’;
if(parseInt(o.style.bottom)《n){
var clear = setInterval(m,20);
}
},
expl:function(o,n,s,c){
var R=n/3,Ri=n/6,Rii=n/9;
var r=0,ri=0,rii=0;
for(var i=0;i《s;i++){
var span = document.createElement(’span’);
var p = document.createElement(’i’);
var a = document.createElement(’a’);
span.style.position = ’absolute’;
span.style.fontSize = n/10+’px’;
span.style.left = 0;
span.style.top = 0;
span.innerHTML = ’*’;
p.style.position = ’absolute’;
p.style.left = 0;
p.style.top = 0;
p.innerHTML = ’*’;
a.style.position = ’absolute’;
a.style.left = 0;
a.style.top = 0;
a.innerHTML = ’*’;
o.appendChild(span);
o.appendChild(p);
o.appendChild(a);
}
function spr(){
r += R*0.1;
ri+= Ri*0.06;
rii+= Rii*0.06;
sp = o.getElementsByTagName(’span’);
p = o.getElementsByTagName(’i’);
a = o.getElementsByTagName(’a’);
for(var i=0; i《sp.length;i++){
sp[i].style.color = c();
p[i].style.color = c();
a[i].style.color = c();
sp[i].style.left=r*Math.cos(360/s*i)+’px’;
sp[i].style.top=r*Math.sin(360/s*i)+’px’;
sp[i].style.fontSize=parseFloat(sp[i].style.fontSize)*0.96+’px’;
p[i].style.left=ri*Math.cos(360/s*i)+’px’;
p[i].style.top=ri*Math.sin(360/s*i)+’px’;
p[i].style.fontSize=parseFloat(sp[i].style.fontSize)*0.96+’px’;
a[i].style.left=rii*Math.cos(360/s*i)+’px’;
a[i].style.top=rii*Math.sin(360/s*i)+’px’;
a[i].style.fontSize=parseFloat(sp[i].style.fontSize)*0.96+’px’;
}
R-=R*0.1;
if(R《2){
o.innerHTML = ’’;
o.parentNode.removeChild(o);
clearInterval(clearI);
}
}
var clearI = setInterval(spr,20);
}
}
window.onload = function(){
function happyNewYear(){
new fireworks();
}
setInterval(happyNewYear,1000);
}
《/script》
《style type=“text/css“》
.STYLE2 {font-size: 24px; color: #FFFFFF; }
《/style》
《script language=“javascript“》
function mbcheck()
{
if(document.form1.text.value==““)
{
alert(“请输入留言内容“);
document.form1.text.focus();
return false;
}
return true;
}
《/script》
《style type=“text/css“》
《!--
body {
background-color: #CCFFFF;
}
--》
《/style》
《/head》
《body 》

《table width=“1099“ height=“120“ border=“0“ align=“center“》
《tr 》
《td width=“120“ height=“120“ align=“left“ valign=“top“》《img src=“picture/未命名-1.png“ width=“1100“ height=“120“ /》《/td》
《/tr》
《/table》
《table align=“center“》
《tr align=“center“》
《td width=“122“ height=“40“ bgcolor=“#6666FF“ class=“STYLE10“》《a href=“index.asp“》首页《/a》《/td》
《td width=“148“ bgcolor=“#6666FF“》《span class=“STYLE14“》言情小说《/span》《/td》
《td width=“145“ bgcolor=“#6666FF“》玄幻小说《/td》
《td width=“127“ bgcolor=“#6666FF“》都市言情《/td》
《td width=“118“ bgcolor=“#6666FF“》历史武侠《/td》
《td width=“96“ bgcolor=“#6666FF“》恐怖小说《/td》
《td width=“147“ bgcolor=“#6666FF“》网络小说《/td》
《td width=“148“ bgcolor=“#6666FF“》论坛《/td》
《/tr》
《/table》
《/p》
《form id=“form1“ name=“form1“ method=“post“ action=“tiezi-save.asp“ onsubmit=“return mbcheck();“》
       
《table width=“600“ height=“250“ border=“1“ align=“center“ bordercolor=“#171717“》
《tr》
《td colspan=“2“ bgcolor=“#8E8E8E“》《div align=“center“》《span class=“STYLE2“》发帖《/span》《/div》《/td》
《/tr》
《tr》
《td width=“178“ bgcolor=“#BEBEBE“》《span class=“STYLE3“》《/span》用户名《/td》
《td width=“406“ bgcolor=“#BEBEBE“》《span class=“STYLE3“》
《label》
《input name=“name“ type=“text“ id=“name“ /》
《/label》
《/span》《/td》
《/tr》
《tr》
《td bgcolor=“#BEBEBE“》《span class=“STYLE4“》请问你想说《/span》《/td》
《td bgcolor=“#BEBEBE“》《span class=“STYLE3“》
《label》
《textarea name=“message“ id=“message“》《/textarea》
《/label》
《/span》《/td》
《/tr》
《tr》
《td colspan=“2“ bgcolor=“#BEBEBE“》《span class=“STYLE3“》《/span》《span class=“STYLE3“》
《label》                         
《div align=“center“》
《input type=“submit“ name=“Submit“ value=“提交“ /》
          
《input type=“reset“ name=“Submit2“ value=“重置“ /》
                                          《/div》
《/label》
《label》《/label》
《/span》《/td》
《/tr》
《/table》
《/form》

《p class=“STYLE2“》 《/p》
《/body》
《/html》
-html静态网页制作教程