dw网页设计案例（DW如何制作校园网页设计）

本文目录

• DW如何制作校园网页设计
• DW批量做网页的方法
• 哪里有Dreamweaver的制作实例教程我想快速学会作一个简单的网页.谢谢!
• dw简单网页制作成品 学生作业 静态网页

DW如何制作校园网页设计

DW如何制作校园网页设计。dw是一种功能强大的集网页制作和设计功能于一身的设计软件。它的作用主要有：1. 网页美工、web前端工程师、网页美术设计、程序员、美甲店面设计等。2. 学ae动效软件(软件主要包括。等) 当然c4d在ui设计中还是应用广泛的，这些软件我们学习的是不一样的。它主要是在ui设计中用来做界面动效设计，是矢量软件，一般用于做交互动效设计等。c4d就不用多说了吧？只要把基础的软件学会了，基本上也能胜任这份工作的。这个不用说了，大家自己不要问其他人。基本上只要有ps基础的话，基础都是不会的。我学的就是这个。

DW批量做网页的方法

DW批量做网页的方法

　　DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。下面是Y JBYS我整理的DW批量做网页的方法，希望对你有帮助!

　　一、建立模板

　　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。执行该命令后会弹出一个对话框，其中有当前已有的可区域列表，选中要取消的.区域名称，确认即可。

　　举例：在大片空白区中随便单击一下，执行Modify→Template→New Editable Region命令，在弹出对话框中输入名称：Main;选中左下角本页说明下面的文字，执行Modify→Template→Mark Selectin as Editable Region命令，输入名称：exp。可以看到可区显示为浅蓝色，保存即完成模板制作。

　　二、使用模板

　　1、根据模板新建页面

　　命令：File→New From Template。弹出对话框，从模板列表中选取模板，出现的新页面中除可区外均有淡黄色背景，是不能进行修改的部分。空白的Main区可直接进行插入表格、文字、图片等操作，Exp区保留有原来的文字，修改或重新均可。2、对一个已经有内容的页面应用模板

　　命令：Modify→Template→Apply Template to Page。选择模板后还会弹出一个对话框，让您选择现有的孤立内容保存到哪个可区域(Choose Editable Region for Orphaned Content)。要是不想保留则可以选择“(none)”。

　　举例：我们先新建一个普通页面，输入：“CIW电脑工作室”，执行Modify→Template→Apply Template to Page命令，选择模板test，现有内容保存区域选择Main，确认后可看到页面自动变成了模板页的形式，而“CIW电脑工作室”这一行字就出现在主窗口中。

　　3、更新模板以全面更新站点

　　基于某一模板建立了一些页面后，对模板进行修改后保存时，就会自动弹出一个对话框，列出所有使用了该模板的页面，询问是否要更新。

　　另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages对话框中选择一个站点或站点的某一种模板(同一站点中可以使用多个模板)，单击右侧的Start按钮，软件会自动搜索与模板相关联的网页并进行更新。非常方便!

　　举例：Test模板左侧图形中的“读书破万站”图片是用一个图层叠加在另一幅图片之上的，现在不想要它，同时还想将所有页面中的该图片均删除。就可以打开模板test.dwt，删除该图层，保存模板，单击右侧的“Update”按钮即可。

哪里有Dreamweaver的制作实例教程我想快速学会作一个简单的网页.谢谢!

《巧夺天工—Dreamweaver MX 2004入门与进阶实例
Dreamweaver是Macromedia公司开发的集网页制作与网站管理于一身的网页软件。它以强大的功能和友好的操作界面倍受广大网页设计者的欢迎，已经成为网页制作的首选软件。
本教材以一个完整网站实例的创建过程为主线，并配以大量的经典实例，全面、系统、深入地讲解了Dreamweaver MX 2004的基本功能、使用方法和高级网页制作技巧。全教材共分为13章，分别讲述了Dreamweaver MX 2004的工作界面、网站设计总规划和站点的建立、表格的应用、超级链接、图像和多媒体的应用、网页布局设计、CSS样式表、图层和行为、动态网页——制作留言板、模板、库和框架、站点的发布与管理、用HTML编写网页等。
全教材内容丰富、结构严谨、可操作性强。通过浅显易懂的文字，深入浅出的方式，好学实用的知识，图文并茂的编排，帮你在短时间内制作出相当专业的网站。本教材所附的教学光盘设计独具匠心，包含了Dreamweaver基础知识和各种典型案例的详尽讲解。你能目睹到网站设计人员制作各种网页的全过程，光盘中还提供了教材中的源文件及其所需的素材文件，供你根据需要进行查看和修改。本教材适合想快速入门并提高网页制作技能的初、中级用户使用，是高效率的网页制作培训教材。
光盘下载地址：
http://www.cfan.com.cn/pages/20050532/0004.htm

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 = ;
var t = ;
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.style.color = c();
p.style.color = c();
a.style.color = c();
sp.style.left=r*Math.cos(360/s*i)+’px’;
sp.style.top=r*Math.sin(360/s*i)+’px’;
sp.style.fontSize)*0.96+’px’;
p.style.left=ri*Math.cos(360/s*i)+’px’;
p.style.top=ri*Math.sin(360/s*i)+’px’;
p.style.fontSize)*0.96+’px’;
a.style.left=rii*Math.cos(360/s*i)+’px’;
a.style.top=rii*Math.sin(360/s*i)+’px’;
a.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》