×

简单网页制作成品

简单制作一个网页作业成品,只需要包含图片,音乐,还有3个小网页的链连?dw简单网页制作成品 学生作业 静态网页

admin admin 发表于2022-05-27 14:11:34 浏览106 评论0

抢沙发发表评论

简单制作一个网页作业成品,只需要包含图片,音乐,还有3个小网页的链连


在网上选一个比较烂的公司网页,保存网页,将网页附带的文件夹xxx.file重命名(如images),让后在网页中统一替换xxx.file为你刚才重命名,
ctrl+f,将xxx.file替换images,这个网页就形成了,自己再加工加工就行了
做人不能太懒

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》
-简单网页制作成品

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》
-简单网页制作成品