admin 管理员组

文章数量: 1184232


2024年5月9日发(作者:oracle高级语法实例)

维普资讯

责编:刘

m # 女 

赓 

☆ 《《 。≮ ## ## # # e☆ 

投稿:popcfan@ruan.tOm.cn 

《 ##。#### § 

统 我们的网站风格 

/王

上网时看着许许多多别具一格的个人网站,是不是 

勇 

也想自己做一个,在网上安个家呢?不过,在你辛辛苦 

苦地制作网页的时候,有没有想过怎样可以使制作过程 

更简便,提高工作效率,从而快速制作一个网站呢?下 

面,我将会以大家常用的网页制作软件D reamweaver为 

例,说一说如何利用“模板”功能快速地进行网页制作。 

首先,我来介绍一下什么叫做“模板”。顾名思义,“模 

板”就是一个“模子”,一个“规格”。通常情况下网站内 

各个网页的标题、导航栏都是相同的,而下方的正文部 

分不同,所以网页模板就是指先建一个模板,把网页中 

无需变化的对象固定下来,然后在制作每一页时都可先 

调出模板,这样就可以直接编辑每页中不同的部分,而 

节省下了相同部分的编辑和制作的时间,从而可以快速 

实现网页制作。好了,下面我就来具体介绍一下如何制 

作模板。 

么,使用此模板生成的页面将是无法编辑的。首先我们 

选中页面标题区的单元格,然后执行菜单“M 0 d i f y/ 

Templates/New Editable R ̄gion”命令,建立一个新的 

可编辑区。此时你将看到一个新打开的对话框(如图4), 

再输入一个可编辑区域的名称“P 0P Cf aI-1 l”,最后按下 

在模板制作之前,我们需要制作好一个网页(如图 

1)。在制作这个网页时我们应该将页面上无需变化的部 

分都预先制作好,并确定在固定位置上;将需要变化的 

部分,如填写文本内容的部分预留出空间,以便以后的 

编辑和制作。 

“0 K”按钮。这时页面中就生成了一个{}包围的可编辑区 

域的标记(如图5),此标记表示当前区域为可编辑区。同 

样道理设置好正文可编辑区域并将模板保存退出。 

、…’’J…、’、…… 、 、’、 

… 

f鳓 

现在,就可以应用模板了。我们要在Dreamweaver中 

现在,我们就一起来制作一个模板。首先执行菜单 

“File/Save As Template”命令,选择“另存为模板”,然 

后在打开的系统对话框中输入你给模板起的名称,最后 

单击“Sa ve”按钮保存(如图2)。保存后,你会发现窗 

体的标题栏发生了变化,其中出现了“《》”的字样(如图 

3),这就表明当前编辑的页面已经是模板了。 

接下来就是整个模板制作过程中最重要的一项工作 

了,设置模板可编辑区域。如果我们不进行设置的话,那 

建立一个新页面,然后执行菜单“Window/Templates”命 

令打开模板控制面板。之后,在模板列表区域选择一个 

已经建立好的模板,再单击面板上的“APPly”按钮将选 

择的模板应用到网页上(如图6) 应用以后,你会发现 

页面中一部分为黄色,这些黄色的部分是不可编辑区,也 

就是固定的模板。我们可以在可编辑区中进行操作,如 

添加内容、文字删除、加入图片动画等等。一切就绪后, 

你会发现一个网站的框架在不知不觉中就建立好了,怎 

美编:王 琦 

大众电脑2002.9 111 

维普资讯

http://www.popcfan.com 

女 # # 嚣^ ∞ ¥ # #0 《 ¥ # # §# 《 

# ¥ #

# 

编:刘

# ##

赓 

§ #● 

么样,是不是觉得很快!有时,网站使用一段时间后需 

要进行改版,我们只需要修改某个模板,就可以改变网 

页的风格了。修改模板时,只要直接打开模板文件,然 

后进行修改即可。模板修改并保存后,系统还会弹出一 

个对话框,提示是否同时更新模板所关联的相应网页,如 

果需要,只要单击“Update”按钮即可马上将所有采用此 

模板制作的网页同时更新,从而实现了快速修改网页。 

好了,全都介绍完了,还不赶快利用“模板”快速制 

作一个个人网站!田 

睫奠瓣赣蕾盛警 

上网冲浪时,发现许多网站都有不少特效,比如一串 

/宋文奇 

左边是某一类特效的名称,如鼠标特效下的“跟随鼠标 

的文字”,右边则是该特效的提示信息,点击右下角的“生 文字跟着鼠标走,状态栏里显示时间等等,非常别致! 

你知道这是靠什么来实现的吗?JavaScript!虽说这门语 

成代码”按钮,便会弹出如图2所示的代码窗口,这里就 

言相对于其它编程语言来说较为简单,但学习它也非一 

是具体特效的代码所在。你可以像在W O R D里一样将这 

朝一夕的事。不用着急,现在有了网页特效软件,不用 

学JavaScript,咱们一样做特效!下面就向大家介绍两款 

我平时经常用的网页特效软件,希望对大家有所帮助。 

些代码选定并复制到FR0NTPAG E等网页制作软件的 

HTML里,以实现特效。 

蕊声瓣页辱《蠹蕺大师 0 

软件大小:419K 

软件版本:2.0 

- 

世纪鸟特效手册.旧 

软件大小:1.O1M 

软件版本:第二加强版 

软件性质:测试软件 

下载地址htq)://、『、,ww.8Ocn.corn 

世纪鸟特效手册.N ET跟雨声网 

页特效大师不同,下载后需要解压安 

装。它有如图3所示的“常用特效”、 

“高级特效”、“另类特效”这三种类 

软件性质:测试软件 

下载地址:http://www.prcrv.com 

雨声网页特效大师下载后无需安装,是一款绿色软 

件,它有鼠标、菜单、文字、页面、时间、连接,图像、 

游戏、其它这十类共l 8 0个特效。而且,它还可以对特效 

代码进行编辑保存,对特效进行预览。运行雨声网页特 

效大师其界面如图l所示,上面是十类特效的工具按钮, 

型,而“常用特效”又分为“一级特 

效”和“二级特效”,点击其中一项后 

便可出现具体的特效,双击其中的具 

体特效就可以看到它的源代码了,相信刚才讲雨声网页特 

效大师时大家都已经掌握了。下面我们主要来看看世纪鸟 

特效手册.N ET特殊的地方,图3中间的一大块列出了一 

些知名的网站,只要点击其中一个图标就可直达该站。其 

下方是“增加特效”、“网络资源”、“帮助文档”三个按钮, 

其中点击“增加特效”你就可以在世纪鸟特效手册,N E T 

加入自己编写或其它地方复制来的特效,当然你可要把自 

己的特效分好类别,完成之后别忘保存。点击“网络资源” 

后你可以看到图3最下面的窗口,在这里软件作者为你想 

I 基 

,rl。{ 

L" 。0D". 

篇 最 等 

到了许多如主页建设方面、免费信箱方面的资源,若你需 

要哪类网上资源,则点击相应的链接即可进入拥有所需资 

源的网站。点击“帮助文档”按钮后你可以看到作者提供 

“ 

mu)

_

m 

的软件使用指南,这里介绍了该版本的新功能,难点解答 

等等。再下方就是我们很熟悉的几个网页制作软件的图标 

了,你只要安装了这些软件,点击这里相应的图标就可以 

l,t> 

糊# 

..

灏代码区 

嘲 涨 ∞ 霸 § 《 黼 瓣鼢… I鬻 

鲤 魁墅滥囊簟|II糖II;避骨黼 矗’计-口 { 

运行该软件了,方便吧!田 

美鳊:王 琦 

112 2002.9大众电脑 


本文标签: 模板 网页 制作 编辑 软件