dreamweaver静态网页模板（dreamweaver网站模板）

本文目录一览：

• 1、利用Dreamweaver实现静态网页添加分页
• 2、dw简单网页制作成品 学生作业 静态网页
• 3、如何用Dreamweaver制作网页模板
• 4、用Dreamweaver做静态网站时如何建立一个模板，就像mvc里建立一个母版页一样可以在其它页面上用.........
• 5、Dreamweaver如何设计网页模板

利用Dreamweaver实现静态网页添加分页

这个其实还是很简单的，可以通过CSS来实现也可以通过超链接实现。看你掌握的情况。

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

!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(k2){

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;is;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; isp.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(R2){

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"/spanspan 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

如何用Dreamweaver制作网页模板

真不知那些站长，是如何制作网页模板的。隔三岔五将网站来个大更新，不知道他们是怎么忙过来的。 告诉你这个秘密吧，其实是这样的，他们很多都是在“批发”网页，并且你的服务器中也有这样的“批发站”!这个东西就是——模板。常见的网页制作工具FrontPage和DreamWeaver中都有这项功能。如用DreamWeaver 3.0 制作网站的时候，使用模板就能减少大量的重复工作。 如何制作网页模板第一步、建立模板 1、创建模板的页面 最简单的方法是就将一个网页另存为模板文件，通过执行命令：File→Save as Template，DreamWeaver会在网站根目录中建立一个模板的文件夹——Templates来保存这个模板。 当然，其实也可以新建一个模板：Window→Templates，会出现Templates面板，单击右下角的New Template这个按钮，输入文件名之后，就建立好了一个空模板;再单击Open Template按钮打开这个模板，保存后自动存放在网站模板文件夹Templates当中。 新建、打开的模板页面和普通的网页基本没什么不同，同样还可以加入表格、层、图片、动画、脚本和设置页面属性等。 2、要设定可编辑区域 设定模板可编辑区域，一般来说是有两种方法的。 新建一个可编辑的区域：选择命令按钮：Modify→Template→New Editable Region。在空白区域中单击后执行该命令就可以将该区域变为可编辑的区域。 标记某一个区域为可编辑的区域：选择命令按钮：Modify→Template→Mark Selectin as Editable Region。如果某个区域已经有一些文字了，并且希望以后在新建的超文本文件中部分保留其内容，先选中该区域再执行标记命令就可以了。 取消可编辑的状态：选择命令：Modify→Template→Unmark Editable Region。执行命令后会弹出一个对话框，其中有当前已有的可编辑的区域列表，选中要取消的区域名称，点击确认即可。 如何制作网页模板第二步、使用模板 1、根据模板来新建页面 弹出该对话框，从模板列表中选取一个模板，出现的新页面中除了可编辑的区外均有背景，这个是不能进行修改的部分。空白处的Main编辑区就可一直接进行插入表格、文字或者图片等操作，Exp编辑区要保留有原来的文字，修改或重新编辑也都可以。 2、对一个已有内容的页面应用模板 选择模板之后还会弹出一个对话框，让您选择现有的孤的立内容保存到那个可编辑的区域。要是不想保留就直接选择“(none)”。 3、以全面更新站点更新模板 基于某一个模板建立了一些页面之后，对模板进行修改保存的时候，就自动弹出了一个对话框，列出所有的使用了该模板的页面，询问是不是要更新。 还有另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages的对话框中选择一个站点或站点的某一种模板，单击右变的Start按钮，软件会自动搜索与该模板相关联的网页并对其进行更新。也是非常方便的!

用Dreamweaver做静态网站时如何建立一个模板，就像mvc里建立一个母版页一样可以在其它页面上用.........

可以首先建立一个普通的页面，设置成你需要的模板样式，并设置可以编辑区域，然后保存为模板文件，新建网页的时候选择从模板开始，然后找到你新做的模板，在可编辑区域进行编辑就可以了。

Dreamweaver如何设计网页模板

第一、明确你要做什么类型的站，手里有什么资料。在纸上画好大体轮廓。

第二、细化这个网站各个部分。如：背景色要什么颜色、为整个网站定调

即主要用什么颜色，如健康站就用绿色。那个部分要实现什么功能细化这些功能。最重要的是

找到那个地方的信息是要经常变动的，这个地方时模板的核心。

第三、做好这些，用PS做效果图吧。一定要计算好

各个部分的宽度。然后再切图。

第四、把网页按效果图

建好

第五、保存为模板，选择好可编辑区。什么是可编辑区？！

这个就是你为什么做模板的，这个编辑区是里面的内容任意

复制这个模板

其他所有的地方都不能修改

，但是这个区域是可以任意修改的。以后变动模板，所有用这个模板制作的页面都会变动。

具体操作

在这里是文字不能说明白的

，再说了你也没有给悬赏分。只好花十分钟回答你的问题了。

dreamweaver静态网页模板的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于dreamweaver网站模板、dreamweaver静态网页模板的信息别忘了在易优之家进行查找喔。