主页 > 网页设计 > dw简单网页制作成品 学生作业 静态网页

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

2023-10-03 22:53来源:m.sf1369.com作者:宇宇

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN >

<html xmlns=>

<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很好操作拆卜的,第一次入手时可能会生疏点。

不过仔细点,做个简单的静态网页还是轮伍很容易的。。腊御或。

给你个找了个基础的教怎么使用dw的文章,看下吧。。。

HTML静态网页成派弯品下载 DW大学键敏生网页作业稿羡枝制作毕业设计 Dreamweaver简单网页成品 链接

如何制作静态网站着陆页 如何导出静态模板 如基纯何下载静态网晌锋弯宴闷页

网上很多建站系统散茄pageadmin或者是的的都是比较简单的,而且还支持纯静态,直接下载就在后冲嫌察台设计和修者神改前端页面。。

相关推荐

怎样把几张照片拼成一个长图

网页设计 2024-01-17

网页图片设计要点有哪些?

网页设计 2023-12-22

如何建立一个学校的表白墙?

网页设计 2023-11-23