交互ps动作面板在哪那里啊

查看完整版本: [--
- 2 Pages: ( 3 total )
2007-08-23 14:39
建站指南
巧用窗口关闭事件
  经常上网的朋友会发现,某些网站在关闭了网页的同时还能打开指定内容的其他网页,让浏览者在离开之前再看一些信息。其实这种效果的实现过程非常简单。
  打开某网页文件,在<head>和</head>之间插入以下代码:
  <script LANGUAGE=JavaScript>
  <!-- Begin
  function leaveopen() {
  window.open('1234.htm',' #39;,'toolbar=no,menubar=no,location=no,height=275,width=220');
  // End -->
  </script>
  在<body>和</body>之间的任意位置(即</head>下面任意位置)插入下面的代码:
  <body onUnload= leaveopen ()>
  现在,关闭网页的同时,窗口的关闭事件就会触发打开指定网页文件“1234.htm”了,赶快试一试吧。
  提示:不能在关闭打开后的网页中继续再使用这些代码,否则你的网站会讨人厌的。
2007-08-23 14:39
框架网页的应用技巧
  在设计过程中,通常会应用到框架网页,它能够实现一些我们意想不到的效果。本文就以FrontPage 2003为例,介绍框架网页的建立和框架网页的两个特殊应用。
  小知识:什么是框架网页
  框架网页是一种页面设计方式,它是将网页的页面分成几个独立窗口,每一部分都链接HTML网页,各个窗口之间通过超链接来建立联系,这样就可实现页面的导航,方便浏览者的操作,同时也便于网页维护者的管理。
  一、框架网页的建立
  开启FrontPage 2003,在新建的网页中点击“其他网页模板”,选择“框架网页”选项,这里提供了十种不同的框架样式,根据你的网页要求选择一种合适的框架模板,确定后即可进入网页的编辑页面,分别编辑各个框架窗口中的网页,结束后保存整个页面,框架网页就建立成功了。
,这样当我们再次访问
时就会自动转向到
了,实现了域名的转向。
  2.打造个性免费资源
  制作个人网站时,我们会采用大量的免费资源,如免费留言本、论坛等,如果只是在首页上简单链接这些免费资源,这会显得网站设计没有品味。使用框架网页就可以让免费资源融合到我们的主页整体风格中来,做到与众不同。
  以留言本为例首先申请免费资源(申请地址
),申请成功后,网站会给出一个留言本链接地址如
  建立一个“标题”模板的框架网页,首先在网页属性中的“框架”选项卡中去除“显示边框”并将框架间距设置为0,在下框架里设置初始网页的链接为留言本的链接地址,而在上框架里新建一个网页,并把首页的导航部分设立在新建网页里,在色彩运用上尽量保持与首页的色彩一致。
  设置完成后,保存框架网页为liuyan.htm,这样在首页上设置留言本的链接就是liuyan.htm,而不用
了,并且无论书写留言还是查看留言都是在下框架里操作,上框架的导航部分不会改变,保证了网站整体风格的统一。
2007-08-23 14:40
控制Dreamweaver MX的动画播放
  我们经常能从网站上看到一幅小图片在页面中运动,用鼠标点击后还会出现动作。这样的运动层动画在Dreamweaver MX中是怎样控制的呢?下面笔者以一个实例来进行说明。
  第一步:在网页中选择好想要插入层的位置,插入一个空层,把鼠标放入空层中,然后选择菜单中的“插入→图像”,此时跳出对话框,选择适合的一张图片,点击“确认”后,图片即可插入空层中。
  第二步:依次点击“窗口→其他→时间轴”(或按“Alt+F9”键)调出层面板。右击带小图片的层,选择“记录路径”,紧接着使用鼠标拖动此层,让它运行整个页面,此时“时间轴”将记下层运行时的所有路径。
  第三步:在空白处点击鼠标,打开“行为”面板(或按“Shift+F3”键),在此可以看到该层的“事件”和“动作”两个选项。选中它们并点击“+”标志,选择“时间轴→停止时间轴”。
  第四步:点击“行为”标签中的小按钮,选择“onMouseOver”事件。此“事件”即是当用鼠标接触到小图片时控制层动画停止。如果我们希望点击它时再次动起来,那么从“行为”面板上选中“播放时间轴”即可。
2007-08-23 14:43
我想有个家——网站的发布
  学习了前几期的建站知识,朋友们也许已经做好自己的网站了。现在就来介绍最后一个环节──网站的发布,让你的网页真正连上Internet。
  一、申请空间
  在网站上传到Internet之前,我们必须申请一个存放网站文件的空间。目前,网上提供的空间有收费和免费两种。收费空间提供的功能较多、空间大、服务器比较稳定;而免费的空间小、页面有广告链接、不提供辅助功能或不支持ASP网页。建议新手可以申请一个免费的空间,待自己的设计能力提高后再选择稳定的收费空间。
  二、上传网站
  网页空间申请好后,我们就要将网站的文件上传到这个空间了。一般的网站都会提供FTP上传方式,因此需要***一款FTP文件上传工具。本文以最常用的CuteFTP为例进行介绍。这款软件能够快速地上传或下载整个站点文件,并支持断点续传功能。
  登录
下载并***软件。在文件上传之前,还需要对CuteFTP进行相关的设置。打开CuteFTP,程序提供了左右两个窗口,左侧为本地文件夹列表,在此可以打开已经制作好的网站文件夹;右侧为远程目录窗口,登录服务器成功后,这个窗口可以显示服务器上的网站文件。
  设置时在CuteFTP主窗口中单击“文件→站点管理”命令(或按F4按钮),弹出站点设置对话框。在这里需要新建一个站点管理。单击“新建”按钮,在站点列表中多出一个新站点文件,随后在右侧的站点信息中输入该站点的相关信息。其中,在“站点标签”项中任意输入站点名称。在“FTP主机地址”中输入申请空间时服务器提供的FTP地址。在“FTP站点用户名称”和“FTP站点密码”项中分别输入用户名和密码。在下面的“FTP站点连接端口”项中输入程序默认的FTP连接端口21。 “连接类型”点选“普通”即可。
  以上设置完成后单击“连接”,CuteFTP便可以快速地登录到服务器,我们可以看到远程目录列表中只有一个“Index.html”文件,这说明该服务器默认的首页为Index.html文件。在本地窗口中找到我们制作好的“Index.html”,用鼠标将它拖动到“远程窗口”中,随后弹出一个提示窗口提示我们该文件已存在是否替换,单击“是”即可将自己制作的首页文件上传到服务器上并替换Index.html文件。
  首页上传后,我们还需要将网站中的所有文件及文件夹进行上传,上传这些文件时单击“本地文件夹”并选择“编辑→全部选择”,选中本地站点中所有文件及文件夹并拖动到远程窗口中,CuteFTP会自动将这些文件上传到服务器上。
  三、网站管理
  只要在IE地址栏中输入网址就可浏览网站了。为了吸引更多的浏览者,我们应该经常更新网站内容。先将需要更新的网页制作好,再按照上面的方法覆盖服务器上的网页文件即可更新网站内容。除此之外,在进行管理的时候,需要经常利用CuteFTP来下载或修改网站文件,这些操作都比较简单,在软件的远程窗口中就能实现。
  编后:一共五期建站系列的连载到今天就结束了。通过这几期的学习,独立地完成网站的制作并发布到Internet中应该是没有太大的问题。当然,建站的学问远不止这些,希望大家能够在学习网站建设的过程中,不断提高技术,为自己打造出更美丽的“家”。
2007-08-23 14:43
主页空间,一目了然
  免费空间的容量极其有限,随时掌握空间占用率是非常有必要的。有的空间在容量超过限制的情况下,甚至会被自动删除账号。目前流行的FTP客户端程序还没有查看空间容量的功能,这无疑会给站长们带来诸多麻烦。《主页空间查看器》就是专门针对此问题而开发的一个小工具。
  软件名称:主页空间查看器1.0
  软件大小:77KB
  软件语言:简体中文
  软件授权:免费软件
  运行环境:Windows 9X/Me/NT/2000/XP
  下载地址:
  下载压缩包后,无须***,直接运行“HomeSpace.exe”程序即可使用软件。首先,在弹出的“Dialog”对话框中设置服务器主机的IP、用户名、口令等相关信息。然后,点击“确定”按钮,程序将自动连接到远程主页服务器,文件列表中会显示出每个文件的容量大小,主界面的下端还可以显示文件的总占用量。
  有了这个小工具,我们就可以有计划地控制主页空间的容量了。
2007-08-23 14:44
网页底图显个性
  为了吸引浏览者,你是否想过在网页的背景图上下功夫呢?《魔术字符画》就能使网页背景图体现个性,用它可以制作出如“网页图章”、“网页照片”等等十分个性化的网页图片来。
  软件只有500KB,下载地址为
。我们用4个步骤来说明网页图片的制作方法。
  Step1 ***并运行软件,出现如图所示的窗口。在“输入信息”一栏中,单击“文件路径”后面的按钮,选择一个需要处理的图片。在“输入信息”中指定输出的路径,在文件的对话框中,给文件夹命名并保存到文件夹。
  Step2 填好“网页标题”的背景色、字符尺寸。单击“字符模式”的下拉按钮,在下拉列表框中选择文本方式,我们这里指定为自定义文本。在“自定义字符”后面的文本框中,输入想要在图片上显示的字符,比如cpcw。
  Step3 单击程序窗口中的“MAP图片编辑器”按钮,弹出MAP图片编辑对话框,在此可以对图片进行“水平翻转”、“垂直翻转”等操作。可以在图片上增加“油画”、“木刻”等特殊效果。单击“确定”按钮后回到主窗口。
  Step4 效果设置好后,点“开始转换”按钮,就能把图片转换成HTML文件,这个文件可以在浏览器中单独打开,也可以嵌入到已有的网页文件中。
2007-08-23 14:44
FrontPage 2003的行为应用
  “行为”一直是Dreamweaver软件的特色功能,软公司在FrontPage 2003中也加入了“行为”功能,为偏好使用FrontPage的“菜鸟”们在网页制作的过程中提供了方便。
  小知识:网页制作中的“行为”是指一些JavaScript脚本选项。在网页浏览过程中,利用“行为”可以加强访问者与网页元素的互动性。
  启动FrontPage 2003,选择“工具→行为”打开界面右侧的“行为”面板,行为的添加都在这里进行操作。点击“插入”选择你想要添加的“行为”,然后再选择一种触发“事件”就可以了,下面就让我们一起看看常用的“行为”吧。
  1.播放声音
  在浏览某些网页时,细心的你可能会注意到当鼠标滑过网页按钮或文本图片时会发出声音,很吸引人,利用“行为”就可以轻松实现。选中你想添加声音效果的按钮或其他网页元素,插入“播放声音”行为并选择一个声音文件,确定后将事件设置成“onmouseover”,这样,当鼠标滑过按钮时就有声音效果了。
  2.打开浏览器窗口
  这个“行为”可以用在网站首页的弹出广告上。在首页上插入“打开浏览器窗口”行为,选择好弹出窗口的URL,可以根据需要对窗口的宽度、高度以及属性进行设置。在事件里选择“onload”,这样在加载首页时就会弹出你要的窗口了。
  3.弹出消息
  当鼠标点击某个重要的链接或图片时,弹出一个消息窗口对浏览者进行提示,增加互动性。在页面选择好要做提示的链接或图片,插入“弹出消息”行为,输入提示消息后将事件设置为“onclick”即可。
  4.交换图像
  “交换图像”行为可以实现图片的交互性,当鼠标经过图片时,图片可以暂时被替换为其他图片,如果在设置交换图像时勾选了“Mouseout事件后还原”,鼠标滑出时图片还会恢复原样,增加了页面的生动感。
  FrontPage 2003还具有调用脚本、检查插件、检查浏览器和转到URL等多种行为,你可以根据自己的需要来尽情使用,增加我们的页面功能。
  其他行为介绍:onload:当页面被加载时触发行为,onclick:在对象上单击时触发行为,ondbclick:在对象上双击时触发行为,onmouseover:鼠标滑过对象时触发行为,onmouseout:鼠标离开对象时触发行为,onmousedown:当在对象上按下鼠标时触发行为。
2007-08-23 14:45
图片边框,这样做很简单
  我们经常可以看到某些网站的图片周围有一条细细的边框,十分精致。这样的细边框怎么做出来的呢?你肯定会想到用Photoshop、CSS等软件绘制出来。其实,不要遗忘了Dreamweaver MX。下面来看看边框制作的简单步骤吧。
  第一步:打开Dreamweaver MX,在页面中插入一张图片。
  第二步:点击图片,打开图片属性面板,在“边框”后面的数值栏中输入“1”即可为图片添加1像素的边框。
  提示:“边框”中的数字可根据需要实际需要进行选择,数字越大,图片边框越粗,但不能填入小于1的数字。
2007-08-23 14:46
功能独特的FTP服务器——GuildFTPd
  由于Windows 2000以上操作系统内置的IIS支持FTP服务功能,因此很多朋友为了方便,就直接***IIS中的FTP服务子组件,从而架设FTP服务器。但采用IIS架设的FTP功能非常有限,尤其是对于客户端的控制更显单薄。如果觉得这些功能太少了,就尝试感受一下GuildFTPd这款FTP服务器端软件的卓越功能吧!
  GuildFTPd资料
  运行环境:Windows 9X/NT/2000/XP /2003
  软件大小:1.76 MB
  下载地址:
26821/GuildFTPd.exe
  一、基本设置
  GuildFTPd支持多组FTP服务端用户。当添加组时,在程序主界面左侧的视图中定位“System”,点击菜单栏上的“Admin→Add Group”,设置组名即可;当添加用户时,定位指定的组后,点击“Admin→Add User”,分别填入“Name(用户名)”及“Pa word(口令)”。点击“Advanced”按钮后,设置界面下端的三个选项,“Normal user”表示常规用户,“Administrator”表示管理员,“Anonymous”表示匿名用户。
  建立了FTP服务端用户后,选择主界面中的一个用户,在“Paths”标签中指定默认的C:\ftproot目录,在弹出菜单中选择“Edit Path”,这时会弹出“GuildFTPd:Add/Edit path”对话框,可以在“Attributes”项目中自定义权限属性。默认设置下支持“Read(可读)”及“List(列表)”,其中“Write”表示可写;“Create”表示可创建文件夹/文件。
  二、特色功能
  1.定制连接端口
  我们在GuildFTPd程序中选择某个用户后,查看界面右下端的“Optio ”标签页,找到其中“Name”标志为“Port”的选项,大家可以看到连接端口默认值为21,双击对应的“Value”参数,就能在可输入文本框中自定义端口号了。然后“Port”复选框将被自动选中,使设置生效。GuildFTPd的“绝招”就在于可以按此方法对添加的所有用户定制不同的连接端口。
  2.发送消息
  大家在界面上端的“Current Co ecti o ”标签页中,可以看到当前连接到FTP服务器的客户机。如果你想给对方发送一条消息,可按以下方法操作。首先,选择指定客户端的主机IP后,在右键弹出菜单中选择“Send me age to user”(发送消息给用户)。然后,在弹出对话框中输入消息内容后,点击“Send”按钮即可。此后,该访问者在他的FTP客户端程序中就可看到此条消息了。
  3.服务器消息
  点击菜单栏“Admin→Server Me ages”,在弹出服务器消息窗口中,大家不仅可以设置常规的登录及退出FTP时的显示信息,而且还能够设置客户端在上传、下载文件时可以看到的消息。
  4.限制IP
  大家查看界面下端的“Optio ”标签页,勾选“Inactivity Timeout”复选框,再设置其参数值,表示超出指定的空闲时间后就被踢掉IP;勾选“Browsing Timeout”复选框,表示超出指定浏览(即没执行上传/下载操作)时间后就被踢掉IP;勾选“Minimum Tra fer Rate”复选框,表示当连接FTP的客户端机器低于指定速率时踢掉其IP;勾选“Maximum Tra fer Rate” 复选框,设置其参数值,表示当连接客户端机器的连接网速高于指定速率就踢掉其IP……
  另外,如果你希望限制单一IP的最大连接线程,例如不允许其多线程连接,则在“Optio ”标签页中勾选“Max. IP Co ectio ”复选框,再设置其右侧的参数值为“1”即可。
2007-08-23 14:46
学用CSS处Web图像
  我们平时较多利用CSS来对网页文字、表格以及背景颜色的控制,而对于CSS的图像处理功能用得并不是很多,其实CSS的图像处理功能也是很强大的。CSS中用于图像处理的功能叫滤镜。正是因为有了滤镜功能,才使得CSS可以实现类似图像处理软件才能达到的图像处理效果,下面就让我们看一看它的神奇效果吧。
  一、透明效果
  在Dreamweaver软件中可以实现图像处理的CSS滤镜有16种,其中包括我们在图像处理软件中常用到的透明、渐变、阴影以及设置灰度等等。下面是设置透明图像效果的操作步骤。
  打开Dreamweaver MX 2004的CSS设计器,新建一个名为fiter的样式,在弹出的对话框中选择扩展类型,对各属性进行填写。选择过滤器下拉选项的第一项Alpha,表达式如下填写 :alpha(opacity=?,finish opacity=?,style=?,startX=?,startY=?,fin ishX=?,finishY=?)。其中“?”部分根据实际所需效果填入阿拉伯数字。
  参数说明:第一项opacity是指图像的透明度,数值为0~100,如果填写0则表示完全透明;Finishopacity是对结束时的透明度进行设置,用于实现渐变透明的效果,数值为0~100;style则是渐变的类型,填写0则是统一形状,1是线性渐变,2是放射渐变,3是菱形渐变;而后面的startX、startY、finishX、finishY则分别是渐变开始处的坐标,以及渐变结束时的坐标。
  现在对图片加上这个CSS的样式,按F12键浏览效果。是不是已经产生变化了?设置就是这么简单,仅用一行代码就实现了图像的处理。
  二、模糊效果
  下面是Blur滤镜产生的模糊效果。按照上面的步骤进入CSS样式定义窗口。过滤器blur的表达式为blur(add=?,di rection=?,strength=?),我们设置add=ture、direction=90、strength=40。
  参数说明:add是一个布尔变量,只有ture和false两项,表示图像是否改变为模糊样式;direction则是对模糊的方向进行控制,方向由0开始每45为一个单位顺时针变化。Strength是指模糊的程度,数值需要使用整数。
  还有其他一些更为实用的效果,如选择Xray,让图像实现X光效果,只显示轮廓样式等。
  还有图像的水平、垂直翻转等效果。
  编后 通过上面的一些讲解,相信大家对CSS在图像处理方面的应用已经有一定的了解。值得注意的是CSS对图像进行处理只是通过程序来进行控制,并未对图像本身进行任何改变,一旦取消CSS样式,图像就会恢复原样,相比起图像处理软件来说,显然CSS样式更加灵活一些。希望网页制作爱好者能够深刻体会到CSS样式在网页中的强大功能,灵活运用到自己的网页设计中去,制作出个性化的网站来!
2007-08-23 14:47
快速替换网页图片
  网站上传后,如果发现网页上有图片不满意,我们通常的做法是先用图片处理软件处理、制作图片,然后再利用FTP工具对这个图片进行上传更新。有没有更简便的方法来提高我们的工作效率呢?Fireworks MX 2004就可以实现图片处理、上传***服务。
  在使用Fireworks MX 2004进行图片处理和上传前,我们要保证图片的位置是在Dreamweaver定义的站点内,这样,在Fireworks MX 2004中就无须对FTP站点进行任何设置,它能在不开启Dreamweaver的情况下识别站点并读取FTP数据,然后连接到远程服务器上。
  运行Fireworks MX 2004,打开需要修改处理的网页图片,在软件中直接对它进行重新设计处理,满意后保存图片。然后单击右上角的文件管理按钮,在下拉菜单中选择“上传”即可将处理好的图片上传到远程站点,覆盖掉不满意的图片。
  提示:如果你的站点是多人协作维护,为了避免相互覆盖共同使用的文件,我们可以在处理图片时使用“取出”和“存回”功能。
2007-08-23 14:47
随机播放网页背景音乐
  众所周知,要想提高网站的访问量,增加人气值,不但网站内容要精彩、网站的设计要独特以外,网页的背景音乐也是一个重要的因素。如果进入一个网站,总是听到同一种音乐,由于缺少变化,久而久之可能会使浏览者感到厌倦。下面就给大家介绍如何在网页中利用JavaScript特效加入随机播放的背景音乐。
  首先准备四个音乐文件“1.mid、2.mid、3.mid、4.mid”。然后将下面的代码加入到<HEAD>与</HEAD>区域中。
  <script language=JavaScript>
  am =10
  var ran = Math.random();
  var talet = Math.round(ran * (am-1))+1;
  function create() {
  this.src = ' #39;
  c = new Array()
  for(var i=1; i<=am; i++) { c
= new create() }
  c[1].src= 1.mid
  c[2].src= 2.mid
  c[3].src= 3.mid
  c[3].src= 4.mid
  var vismid = " quot   vismid += '<embed src='+c[talet].src+' width=0 height=0'+' autostart=true'+' loop=2'+'>'
  </script>
  紧接着把下面代码放到<body>和</body>之间
  <script language=JavaScript>
  document.write(vismid)
  </script>
  注意将上面的1.mid、2.mid、3.mid、4.mid音乐文件和你的网页文件放到同一个文件夹中。这样,当你每次打开网页的时候都会放出不同的背景音乐。
2007-08-23 14:48
广告条,你是怎样做的
  广告条(Ba er)在网页中是一种必不可少的广告宣传方式,制作精美的广告条不仅可以起到很好的宣传作用,还能为网站增添一道亮丽的风景线。
  通常网页设计人员们制作广告时都采用Fireworks、photoshop这样的专业图像处理软件来制作,这对于新手来说不仅难度相对较大,而且制作周期也比较长。Selteco Ba ershop GIF Animator是一款广告条制作工具,有了它,你就可以快速制作出专业级的Ba er了。
  Selteco Ba ershop GIF Animator档案
  软件大小:1873KB
  软件版本:V5.0.1
  应用平台:Windows 9X/NT/2000/XP
  下载地址:
  将制作工具下载并***到系统中,从程序组中启动软件,点击“Evaluate”运行程序即可开始制作广告条了,为了使我们的介绍不显得枯燥,笔者准备以制作一个广告条的实例来进行讲解,广告条实例内容就是告诉大家看网络新闻时,请到搜狐新闻频道。
  一、准备工作
  所要做的准备工作就是对这个广告条进行总体规划和搜集一些制作素材。规划的好坏直接影响制作出来的广告条效果,所以应该多花些时间来进行规划。制作素材也就是一些图片、声音文件,可以从网上下载,也可以自己制作。
  我们本着避繁就简的原则,从搜狐网页中下载相关的图片,将它保存到硬盘中备用。笔者在此为了说明简单,对此广告条的规划方案(动画效果)如下:
  首先,显示“请看搜狐新闻”几个字,与此同时慢慢显示出背景图片,随后,整个图片渐渐淡出,第二个页面随即切入,上面显示“Please Click Here…”几个字,然后抖动几次,以提示大家点击,最后又慢慢地淡出,再回到第一幅图片,如此循环。
  二、实际制作
  经过上面的准备工作,我们就可以开始制作广告条了,制作的第一步就是新建文档。打开制作软件,单击工具栏中的“New”按钮新建一个空白文档,在空白文档中的线框中右击鼠标,选择“Frame Size”,在弹出的窗口中定义图片的大小。
  图片的大小指定好后,就要进行文字、图片效果的制作了,在新建立的文档中默认创建一个帧,下面我们就来完成上述规划的方案(在进行下一步操作之前,最好先保存文档)。
  1.单击右侧工具箱中的文字工具,然后用鼠标在新文档空白处点击,并在弹出的窗口中输入“请看搜狐新闻”,再单击“Font”按钮来设置文字的字体和字号,笔者在此设置为“华文彩云”和“二号字”,然后单击“OK”按钮结束文字的输入。
  2.默认文字的颜色为黑色,如果我们想使用彩色字,单击“Current Colors”窗口中的“前景色”,选择文字的颜色,例如“绿”色。
  3.单击“Image→Intro Animation”进入动画效果设置窗口。最上面的下拉框选择文字(或图片的动作)的动作设置为“Fly From Left”(从左侧飞入),在“Speed”框中选择图片飞入的速度,在此笔者选择“Medium”,如果你想预览效果,单击“Preview”即可。
  4.单击“Image→Import Image” 导入先前准备好的图片,通过拖动鼠标改变图片的位置和大小,然后再按照第三步的操作方法设置图片的进入动作为“Fade in”,速度为“Medium”。
  5.经过上面4步设置,我们已经成功添加了文字、图片,并且设置了相关的动作,这些操作只是这个广告条动画的第一帧,后面我们还要建立第二个帧。在第一帧和第二帧交接时需要设置第一帧的消失动作,这样能有更好的效果,在“Frame List”窗口中选择第一帧(Frame1),然后单击菜单“Frame→Outro Animation”打开消失动画效果窗口。在此我们选择动作为“Zoom Out”(缩小),速度为“Slow”(慢)。现在,我们已经设置好了第一帧,接下来我们设置第二帧。
  6.单击“Frame List”(定义目录)窗口中的“New”按钮新建一个帧,然后单击工具箱中的文字工具,并在弹出的窗口中输入“Please Click Here…”,设置字体、字号,这样就建了一个帧并插入了文字。下面就是对这个文字进行相关动作设置:
  (1)设置文字的动作。选中文字,单击“Image→Animation”,在弹出窗口的动作下拉框中选择“Popup”,这样“Please Click Here…”这几个字将会不停地闪动,吸引浏览者注意。
  (2)设置第二帧图片的消失动作。在“Frame List”中选择第二帧(Frame 2),然后单击“Frame→Outro Animation”并在弹出的窗口中选择“Motion Blur Out”,速度为“Medium”。至此,我们已经完成了两帧动画的设置了。如果需要设置更复杂的动画,那就继续新建下一帧并进行相应的设置。
  7.最后,单击“File→Save GIF Animation”将它保存为GIF文件,一个专业的广告条就制作成功了。现在将这个图片文件插入到网页中,就可以进行广告宣传了。
  编后:对于初学网页制作的朋友来说,使用大型的专业软件制作网页效果也许会显得不够娴熟,而利用操作相对较简单的小工具制作一些常见的效果无疑可以节省很多时间。如果你对专业软件的使用还不熟练,那就试试本文介绍的这个小工具吧。
2007-08-23 14:48
论坛维护小经验
  论坛开通之后,我们通常要对它进行精心的管理和维护以保证论坛能够正常运行。下面笔者以资源占用少、运行速度快的BBSXP为例介绍几个论坛维护的小经验。
  一、防止下载
  为了保证论坛运行的安全性,防止别有用心者恶意下载数据库,在正式上传前我们要对数据库文件“易容”。找到database文件夹中的默认数据库文件 xp.mdb,将它改成a 文件,文件名尽量复杂一些,如besky4you.a 。打开数据库链接文件co .a ,找到Acce 数据库部分的内容:
  datapath =database/ '数据库目录的相对路径
  datafile =" xp.md quot; '数据库的文件名
  将其中的datafile =" xp.md quot;修改为datafile =" esky4you.a quot;即可,同时我们也可以更改文件夹database的名称。
  二、备份数据
  为了防止自己在论坛社区管理中操作失误,每次进入社区管理执行操作前我们应该对数据库进行备份,具体步骤是:登录“社区管理→数据管理→Acce 数据库”进入“备份数据库”页面点击“备份”按钮备份数据库。
  三、重新排序
  论坛运行一段时间后,你可能要根据各分论坛的帖子数量对论坛进行重新排序,如何才能做到重新排序呢?进入“社区管理→论坛管理→管理所有论坛”,在“编辑论坛资料”中更改排序数值,通常是数值最小的就会排在最前面。
  四、限制会员
  如果你想建立一个只供你的亲朋好友们交流的论坛,不想受到其他会员的打扰,可以在建立论坛的时候在“论坛密码”处输入一个密码,然后将密码发送给你的亲朋好友,这样普通的会员就不能进入到这个论坛里了。
  BBSXP下载地址:
2007-08-23 14:49
用Aby Web Server X1建个人网站
  建设网站必须要有主机空间,稳定的主机空间价格不菲,但免费的空间又不太稳定,而且还会增加烦人的弹出式广告。怎么办呢?有了小巧的Aby Web Server X1(以下简称ABWS),一切烦恼就可消除。它占用系统资源非常低,设置快捷,可以让你在几分钟内轻松建立属于个人的网络服务器。
  软件名称:Aby Web Server X1
  软件大小:145KB
  下载地址:
  一、运行ABWS
  软件下载***后程序会自动运行,并在系统托盘里驻留一个运行图标。现在我们把已经制作好的网页复制到ABWS***目录下的htdocs文件夹下,选择ABWS图标右键菜单中的“Browse Web Site”可以预览整个网站,如果要让别人在互联网上浏览到你的网页,则还要开放你机器的HTTP服务。在Windows XP系统中,点击“宽带连接属性→高级→设置”进入“高级设置”,启用Web服务器(HTTP)即可。
  二、管理ABWS
  发布了网站之后我们还可以对ABWS进行一些管理,选择ABWS图标右键菜单中的“Show Co ole”进入控制台管理页面,第一次运行时会提示输入管理员名称和密码,点击“OK”确认后弹出登录窗口,输入管理员名称和密码进入Web服务器控制台(图2)。“Server Configuration(服务器设置)”选项用来设置服务器的根目录(Server Root)、网页存放路径(Documents Path)和服务端口号(Port)。在“Advanced(高级设置)”里还可以设置网页的索引文件和CGI参数等;“Server Status(服务器状态)”可以用来停止和启用ABWS服务器;“Acce Statistics(服务器统计)”记录服务器的运行时间和被点击次数,另外在ABWS目录下的acce .txt文件详细记录了访问者的IP地址、访问时间等参数;在“Co ole Configuration(控制台设置)”中可以设置控制台端口号以及更改管理员密码。
2007-08-23 14:49
Fireworks切片的交互性应用
  切片最初的应用是将影响网页显示时间的大型图片切割成不同的几个部分以便于数据传输。随着Fireworks版本的升高,切片就成为了创建交互性网页的一个基本方法,现在利用切片就可以实现交互功能。下面就来介绍一下切片在网页中的交互性应用。
  小知识:切片就是将图像切成很多不同的部分,它是一种网页对象,不是以图像形式存在,而是以HTML代码的形式出现。Photoshop也有切片功能,但相比网页制作工具Fireworks来说,无论在操作上和功能上都有一定的差距。
  一、创建切片
  开启Fireworks MX 2004,打开需要进行切片的图片,在主窗口中选择“编辑→插入→切片”或者直接使用工具栏中的“切片”按钮在图片上拖动绘制矩形切片,如果对切片的形状不满意,可以通过移动切片引导线来调整矩形切片对象的大小。
  提示:如果需要绘制非矩形切片,可以在切片按钮中选择“多边形切片”工具。特别注意非矩形切片不可调整大小。
  二、交互性应用
  1.添加简单变换图像行为
  简单变换图像是在当前切片正下方的帧中进行交换,只涉及一个切片,可以应用在网页按钮上。首先选择切片,用鼠标拖动切片中央的行为手柄移动到此切片的任意位置,松开鼠标后会弹出“交换图像”的对话窗口,我们可以选择“帧2”(帧1就是切片本身),然后在帧面板中创建一个用于交换图像的“帧2”,也可以单击“交换图像”窗口中的“更多选项”按钮,选择一个“图像文件”用于交换,完成设置后,按“F12”键来预览效果。
  2.创建不相交变换图像
  当指针在一个切片上方滑过时,不相交变换的图像会交换另一个切片对象的图像。它与简单交换图像惟一不同的是将切片的行为手柄拖动到另一个切片的位置。
  3.设置状态栏信息
  可以定义当鼠标滑过切片时状态栏显示的文本信息。单击切片行为手柄,在弹出的菜单中选择“添加状态栏信息”,然后输入你要设置的文本信息,确定即可。
  4.创建弹出式菜单
  使用Fireworks切片也能制作出漂亮的弹出式菜单,首先在需要设置弹出菜单的地方创建切片,点击行为手柄,在弹出的菜单中选择“添加弹出菜单”,打开“弹出菜单编辑器”,接下来经过简单的四步就会创建出弹出菜单。
  (1)在“内容”选项卡中分别双击文本、链接和目标下的空白处,输入弹出菜单的文字、链接地址及打开方式,如果需要二级弹出菜单,可以点击上面的“缩进菜单”按钮来设置,若要添加、删除弹出菜单内容可按“+”和“-”按钮。
  (2)在“外观”中定义好弹出菜单的形式和字体大小以及字体颜色。
  (3)“高级”中设置弹出菜单表格的宽度、边距、边框宽度和颜色等参数。
  (4)根据网页需要选择弹出菜单的位置。最后点击“完成”按钮,一个弹出菜单就创建好了。
  三、文件的导出
  切片制作好之后,需要导出Fireworks HTML才能被应用到Deamweaver里,执行“文件→导出”弹出导出窗口,注意保存类型要选择“HTML和图像”,然后输入文件名并选择好保存目录,“确定”后即可导出切片文件,导出的文件中有HTML文件和被切片分割的几个图片文件,如果是弹出式菜单还会有一个mm_menu.js文件。
  提示:如果想要在Deamweaver里应用制作好的切片文件,只要在Deamweaver中选择“插入→图像对象→Fireworks HTML”,然后选择在Fireworks中导出的HTML文件即可。
2007-08-23 14:50
IIS备份、恢复好帮手——IIS Export Utility
  微软的IIS服务器是大家常用的WWW和FTP站点架设工具,它由于功能强大、简单易用,受到广大用户的青睐。但IIS服务器也会有出问题时候,这时就需要手工恢复原来的站点配置信息,非常麻烦。不过,有了IIS Export Utility(简称IISEU)的帮助,一切都会变得非常简单。
  一、站点信息备份
  从“
”下载IIS Export Utility4.1,***后,运行IISEU主程序。IISEU的备份功能其实就是将WWW或FTP站点中的全部配置信息存储到mdb数据库中,一旦IIS服务器站点出现问题,再将这些站点配置信息从mdb数据库中进行恢复。
  在IISEU主窗口左侧的“Import from”框中选择“An IIS Server”标签页,在下方的输入栏中输入本机的机器名或IP地址(如输入机器名“localhost”),接着选择IIS服务器的版本类型,IISEU4.1支持IIS4、IIS5和IIS6,然后在“Type of site”单选框中选择需要备份的站点类型,这里笔者选择“WWW”,最后点击“Lists Sites”按钮,在“Available Sites”列表框中会列出该IIS服务器所有的WWW站点信息,选中需要备份的WWW站点,如“默认网站”。笔者使用的是IISEU4.1共享版,一次只能选择一个站点,在正式版中,一次可以选择多个站点。
  在右侧的“Export to”框中切换到“Database”标签页,在“Export to Database”框中选择IIS的版本号。最后点击“Export”按钮,将会弹出提示对话框,点击“确定”后完成站点信息的备份。
  二、站点信息恢复
  当IIS服务器的默认站点出现问题时,就可以利用刚才备份的mdb数据库文件进行恢复。找到左侧“Import from”框中的“Database”标签页,选中“Type of site”框中的“WWW”单选项,点击“List Sites”按钮后,在“Available Sites”框中列出所有备份文件,选中你要使用的恢复文件。
  在右侧的“Export Server”栏中输入本地机器名“localhost”,接着选中“Overwrite existing we ”单选项,覆盖IIS中该站点的配置信息,这时一定要确保选择了正确的IIS版本,最后点击“Export”按钮,完成对IIS站点配置信息的恢复。
  IISEU除了具有备份和恢复功能外,还可以在不同的服务器中对IIS站点信息进行移植,操作过程与上面所述的备份操作大致相同,惟一的区别是需要在左右两边栏中输入不同的服务器名或IP地址。由于IISEU4.1支持IIS4、IIS5和IIS6,因此,我们可以利用这个特性在不同的Windows操作系统中进行IIS站点配置信息的移植,如Windows NT 4.0、Windows 2000和Windows Server 2003中的IIS站点配置信息的相互移植。
2007-08-23 14:50
原来层标签也可以隐藏
  用Dreamweaver插入层时,程序会自动在页面上添加一个相应的层元素标签,此标签是为了便于用户选择层元素。但笔者觉得在实际的制作界面中,由于首行排列了太多的层元素标签,表格会自动退到页面的第二行,妨碍了操作界面。其实我们完全可以在不影响浏览效果的前提下把标签屏蔽掉。
  打开Dreamweaver,在主界面中点击“编辑”菜单,选择“参数选择...”(按“Ctrl+U”组合键),打开参数选择对话框,在“分类”标签下选择“不可见元素”,此时你会看到右边的方框中会出现所有的元素标签。你只要将层元素标签前的钩去掉,以后它就不会再出现了。
  注意:如果不想在网页中看到脚本、注释、换行符、锚点等其他元素,只需要把这些元素前面的小钩去掉即可。
2007-08-23 14:50
打造360度动态全景网页
  你见过360度的网页吗?你可以通过这样的网页身临其境地了解到页面所展示的立体环境。其实,这种效果的制作过程并不复杂,下面笔者就以操作步骤相对简单的MGI Photovista Panorama为例,介绍一下全景网页的制作方法。
  小资料:360度全景又叫虚拟全景、全景虚拟现实等,是指将环形场景的多个连续图片无缝地接合在一起,形成一个360度视野的图片。目前这样的全景网页被广泛应用在楼盘展示和旅游景点介绍等各类网站上。
  MGI Photovista Panorama档案
  版本:3.0
  大小:20MB
  下载地址:
  一、准备工作
  在制作之前,我们要准备好一套全景网页的360度全景照片,可以利用数码相机定位在一个点上然后旋转拍摄周围场景,注意每张照片的边界要有至少30%的重叠区域,这样有利于我们后期的拼接处理,拍摄完成后将照片处理成JPG格式的文件并按01、02、03、04……顺序编号存储在电脑中。
  小提示:360度全景照片的拍摄技巧可以参照2004年《电脑报》第5期D6版文章《全景摄影技巧》。
  二、导入场景照片
  运行MGI Photovista Panorama进入程序主界面,点击“My Computer”按钮或执行“File→Get Images”,在弹出的对话框中选择场景照片的保存路径,点击“Add All”将所有按序排列的全景照片添加到“Source file”框中,并在“Optio ”中选择“3D Panorama(3D全景)”和“360°Horizontal(360°水平合成)”,然后按下“OK”按钮将场景图片导入到MGI Photovista Panorama编辑框中。
  三、设置镜头参数
  为了获得一个比较好的全景效果,我们要根据所使用的相机在软件中进行镜头参数设置,点击“Images→Select Le ”,在弹出的窗口中选择你的相机品牌和具体参数,如果你使用的是非品牌的普通相机,可以使用默认的35mm,然后点击“Custom”按钮,在弹出的窗口中选择“Fine→tune Settings”,系统会自动根据你的场景照片分析出适当的镜头参数,确定后返回图2窗口点击“OK”后镜头参数设置完成。
  四、合成全景
  在合成之前我们还需对场景照片的合成效果进行预览,点击“Preview”弹出全景预览窗口,如果发现场景照片缝合得不太满意,则可以返回到场景照片编辑窗口,找到需要调整的场景照片,利用方向键进行适当的微调。预览效果满意后,就可以点击“Stitch Image”合成全景了。
  五、发布网页
  在全景图界面中点击“Save”按钮,弹出全景图保存对话框,我们将文件名设为test,保存类型选择JPEG并在“Web Optio ”中选择“Panorama w/ java viewer(全景图Java阅读器)”,一切就绪后点击“保存”按钮,在弹出的压缩选项窗口中选择默认值就可以了,然后点击“OK”按钮,我们的360度动态全景网页就打造成功了。
  小提示:选择了“Panorama w/java viewer”后,我们在浏览全景图片时就不用***插件,但系统中必须***有Java虚拟机,一般Windows 98/Me/NT/2000都已内置了Java虚拟机,如果你使用的是Windows XP可以在
处下载***。
  在网页保存的目录里除了test.htm外还有test.jpg、panoa let.jar和test.ivr三个文件,这些都是维持动态全景图片正常运行的必要文件,而且必须与test.htm处在同一个目录。运行test.htm就可以观看动态效果了。
  六、自定网页
  我们可以把制作好的360度动态全景应用到其他页面上。在新页面上需要放置动态全景图片的地方建立一个1×1的布局表格(以FrontPage 2003为例),打开test.htm,将以下的源代码复制到新建的布局表格中。
  <!--//------------Begin Copy Here---------------//-->
  <center>
  <a let archive=panoa let.jar code=panoa let width=400 height=300>
  <param name=file value=test.ivr>
  <param name=initialView value=0.000000, 180.000005, 50.000001>
  <param name=auto i quot; value=50>
  </a let>
  </center>
  <!--//------------End Copy Here---------------//-->
  最后,将其他三个文件复制到相应的网页目录下即可。
  360度动态全景网页演示网址、环形场景照片素材下载地址:
  常见问题解答:
  1.360度全景虚拟现实和普通的虚拟现实有什么不同?
  360度全景虚拟现实是WEB3D技术的一种,它和普通的虚拟现实有着本质的区别,在360度全景虚拟现实图里,浏览者所看到的所有景物和人物都是真实存在的,而虚拟实境中都是由计算机生成的虚拟物体。
  2.导入场景照片时应注意什么?
  在导入场景照片时一定要注意不能将已经安排好序号的照片放置颠倒,一般在把照片添加到“Source file(资料文件)”框后,再点击“Sort”按钮以让照片按序排列。
  3.场景照片是如何缝合成360度全景图像的?
  在点击“Stitch Image(缝合图像)”后,软件就会调用PhotoVista强大的引擎对场景照片进行自动接缝,并通过复杂的照片边缘探测和平滑计算方法,将多幅场景照片拼接成无缝的360度全景。
  4.在本地测试已发布的360度全景网页正常,为什么上传到网站主机上就显示不出来了?
  出现这样的情况是因为你在上传时未能将*.jpg、panoa let.jar、*.iv三个文件与360度全景显示页面放置在同一目录下,这四个文件处在同一目录下全景网页才能显示正常。
2007-08-23 14:51
给“文本域”添加外套
  个人网站的设计者从不放弃对页面中每一个角落的修饰,很多朋友把个人主页设计得越来越“酷”,如鼠标跟随、另类表格、交互式菜单、滚动条颜色变化等等。笔者近来注意到了“文本域”,其实我们只需按照下面方法稍作一下改动,就能为文本穿上漂亮的外套了。
  第一步:运行Dreamweaver,点击“插入”项中的“表单→文本区域”,插入一个文本区域。
  第二步:对“文本区域”的属性进行设置,如“字符宽度”为45,“行数”为10。
  第三步:点击“代码视图和设计视图”,此时会出现HTML代码窗口,在工作区中选择刚才插入的“文本区域”,此时你会看到如下代码:
  <textarea name=textarea cols=45 rows=10></textarea>
  将这段代码修改为:<textarea name=textarea cols=45 rows=10 style=" ackground-image: url('./image/tupian.jpg')> </textarea>
  注意:站点中的image文件夹中一定要有tupian.jpg图片文件,此图片文件不存在,则没有效果。
  按上面的方法将代码添加以后保存网页,最后按F12在浏览器中即可浏览到效果。
  小知识:文本域是用户输入响应的表单对象,分为三种类型的文本域:
  单行文本域:通常提供单字或短语响应,如姓名或地址。
  多行文本域:为访问者提供一个较大的区域,供其输入响应。可以指定访问者最多可输入的行数以及对象的字符宽度。如果输入的文本超过这些设置,该域将按照换行属性中指定的设置进行滚动。
  密码域:是特殊类型的文本域。当用户在密码域中键入密码时,所输入的文本被替换为星号或项目符号,保护这些信息不被看到。
2007-08-23 14:51
你的网页能听吗
  对于个人站长来说,如何能使自己的网站与众不同、充满个性,一直是不懈努力的目标。除了尽量提高页面的视觉效果、互动功能以外,如果能在打开网页的同时,听到一曲优美动人的音乐,相信这会使你的网站增色不少。
  学会添加音乐文件
  为网页添加背景音乐的方法一般有两种,第一种是通过普通的<bgsound>标签来添加,另一种是通过<embed>标签来添加。
  一、使用<bgsound>标签
  用Dreamweaver打开需要添加背景音乐的页面,点击“代码”打开代码编辑视图,在<body></body>之间输入“<”在弹出的代码提示框中选择bgsound。
  Dreamweaver自动输入“<bgsound”代码后按空格键,代码提示框会自动将bgsound标签的属性列出来供你选择使用。bgsound标签共有五个属性,其中balance是设置音乐的左右均衡,delay是进行播放延时的设置,loop是循环次数的控制,src则是我们音乐文件的路径,volume是音量设置。一般在添加背景音乐时,我们并不需要对音乐进行左右均衡以及延时等设置,所以仅需要几个主要的参数就可以了。最后的代码如下:
  <bgsound src=music.mid loop=-1>
  其中,loop=-1表示音乐无限循环播放,如果你要设置播放次数,则改为相应的数字即可。
  这种添加背景音乐的方法是最基本的方法,也是最为常见的一种方法,对于背景音乐的格式支持现在大多的主流音乐格式,如W***、MID、MP3等。如果要顾及到网速较低的浏览者,则可以使用MID音效作为网页的背景音乐,因为MID音乐文件小,这样在网页打开的过程中能很快加载并播放,但是MID也有不足的地方,它只能存放音乐的旋律,没有好听的和声以及唱词。如果你的网速较快,或是觉得MID音乐有些单调,也可以添加MP3的音乐。只要将上述代码中的ha y.mid改为ha y.mp3即可。
  提示:在FrontPage中加入背景音乐要比Dreamweaver相对方便一些,只要在“背景”对话框中进行相关设置即可。
  二、使用<embed>标签
  使用<embed>标签来添加音乐的方法并不是很常见,但是它的功能非常强大,如果结合一些播放控件就可以打造出一个Web播放器。
  它的使用方法与第一种基本一样,只是第一步的代码提示框里不要选择g ound,改而选择embed即可。然后再选择它的属性进行相应的设置,从图中可看出embed的属性比g ound的五个属性多许多。最后的代码如下:<embed src=music.mp3 autostart=true loop=true hidden=true></embed>。
  其中autostart用来设置打开页面时音乐是否自动播放,而hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播放器,所以如果没有隐藏,则会显示出你系统默认的媒体插件的。
  对于这两种方法,笔者认为二者之间都各有优缺点:第一种方法当页面打开时音乐播放,如果将页面最小化以后播放音乐会自动暂停,如果使用第二种方法则不会出现这种情况,只要不将窗口关闭,它会一直播放。所以希望大家在运用过程中根据自己的情况来选择添加音乐的方法。打造时尚音乐播放器 学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。
  提示:《网页音乐播放器》是一个网页插件,运行制作好的页面后,它会调用系统自带的Windows Media播放器来播放事先设定好的MP3歌曲。
  一、简单设置
  首先下载播放插件(下载地址:
),解压后进入目录,其中music.htm就是我们要在主页上加载的播放条页面,list.htm是浏览者用于查看播放列表的弹出页面,js文件夹里存放的是几个播放控制文件,img里则是一些播放界面的图片文件。
  使用网页编辑软件打开music.htm,找到以下代码:
  <script Language=Javascript>
  var blnAutoStart = true; 
  var blnRndPlay = false; 
  var blnStatusBar = false; 
  var blnShowVolCtrl = true;
  var blnShowPlist = true;
  var blnUseSmi = false;
  var blnLoopTrk = true;
  var blnShowMmInfo =false;
  </script>
  在这里可以对播放器进行基本的设置。以上各句依次含义是:是否自动播放,是否循序播放,是否显示状态栏,是否显示音控状态,是否允许显示播放清单,是否使用SMI模式,是否循环播放,是否显示歌曲信息。你可以根据自己的需要对它们进行设置,其中true为“是”,false为“否”。另外,为了使你的播放条更具个性色彩,你还可以在music.htm代码中找到<marquee> ......</marquee>语句,将其中的主页名称修改为你自己主页的名称。
  二、添加播放列表
  打开js文件夹中的播放列表文件bglist.js,在这里就可以把你喜欢的歌曲添加到列表上来了,具体的添加格式为mkList(歌曲路径, 歌曲说明),其中“歌曲路径”可以是你上传到主机上的本地地址,也可以指定网络上的MP3地址,“歌曲说明”是用来滚动显示在播放条上的,可以是演唱者和歌曲的名称。比如要添加周杰伦的《龙卷风》,我们先在网络上找到可以实时播放的链接地址,然后再把它添加到列表上:mkList(
  yue/周杰伦/09.mp3,周杰伦──龙卷风)。
  提示:为了保持你的主页音乐常听常新,我们可以间隔一段时间就对播放列表更新一次。
  三、***播放器
  为了防止点击主页链接而影响歌曲播放的连续性,我们要把播放页面music.htm以框架形式***到主页上去。以FrontPage 2003为例,执行“新建→其他网页模板”弹出“网页模板”窗口,选择“框架网页→页脚”,“确定”后在上框架里设置初始网页指向你的主页,下框架里则指向music.htm,然后在框架属性中去掉框架边框并适当调整下框架的高度,框架高度足以容纳播放条的高度即可。预览满意后就可以保存页面了,然后把你的网站指向这个新页面就可以了。
  编后:如今,宽带已经渐渐普及,网友们也不会为了网络速度时常发愁了,所以,拥有个人网站的你,赶快为网页添加美妙的音乐吧!恰到好处地利用多媒体技术全方位包装网站,这样一定会吸引更多浏览者的视线。
2007-08-23 14:56
让水平线与页面更协调
  水平线对于制作网页的朋友来说一定不会陌生,它在网页的版式设计中是非常有作用的,可以用来分隔文本和对象。在Dreamweaver中依次点击“插入→标准”,然后单击“水平线”按钮即可添加一条水平线。
  在网页设计过程中,如果不合理地利用水平线,常常会出现插入的水平线与整个网页颜色不协调的情况,打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置,没有对水平线颜色的设置,怎么办?
  其实,你只要仔细看一下水平线的属性设置面板,就会发现一个“快速标签编辑器”,点击此标签并在后面输入“color=颜色”。这里的“颜色”可以是任何颜色,一般格式为:<hr color=#FF0000>。用此方法设置后,在软件中是看不到效果的,我们可以点击“F12”键,在浏览器里浏览水平线的颜色变化。
  小技巧:诸如“#FF0000”这样的颜色代码对于初级朋友来说不容易分辩,你可以这样做:给网页中的字体加上颜色(此颜色是你想给水平线所要加的颜色),然后把文本复制并粘贴到水平线的“快速标签编辑器”即可。
2007-08-23 14:56
  自动跳转到其他页面
  当打开网站时,浏览器会在一个特定时间内自动连接到其他网页,怎么实现这种效果呢?方法是:在Dreamweaver MX中的HTML代码框里找到<title>######</title>,在它之后加入下面这一行代码即可:
  <meta http-equiv=refresh content=15; URL=otherpage.htm>
  提示:加粗的地方填写需要链接的页面地址,可以直接填写网站域名。
  “15”代表15秒后连到另一个页面。
  制作动感文字
  当鼠标点击网页中的某段文本时,会出现不同的颜色并且来回运动。这就是在网页中增加了动感文字效果。制作这种效果,不用*** Flash,用 Dreamweaver MX提供的功能就可以轻松办到。打开软件,点击“插入→交互式图像→Flas***本”,随即跳出“插入Flas***本”设置框,接着在文本输入框中输入文本,然后设置有变化效果的文字、字形、字体颜色、转滚颜色、字体大小、链接等。
  页面的居中显示
  当你的显示器分辨率设置过高后,浏览一些网页时就会看到页面是靠左边布局的,右边会多出一块空白,极不美观。如果把网站设置为居中显示,就不会出现不对称的画面了。打开一个网页,在文档左下角的“标签选择器”上选择“body”标签。在“属性面板”上点击“居中对齐”。现在居中的页面就做好了,往里面填充内容就可以了。
  首行缩进
  在排版中文网页时,软件不能进行文字首行缩进的设置。我们可以将输入法的半角转换为全角,这时空格键就能起作用了。另外,我们还可以在中文前输入两个字符,然后把这两个中文字符的颜色设置成和背景颜色一致也可达到相同效果。
  改变状态栏提示文字
  一般情况下,当浏览器载入一个页面时,状态栏上显示的是该页面的地址名称,十分呆板。可以按照以下的步骤定制自己喜欢的文字。
  首先打开Dreamweaver的“行为”面板,单击加号“+”按钮并从“动作”弹出式菜单中选择“设置文本→设置状态栏文本”,在“设置状态栏文本”对话框中的“消息”域中输入你的消息,保持该消息简明扼要。如果消息不能完全放在状态栏中,浏览器将截断消息,最后点击“确实”即可。
  创建相册
  为许多图形一次性建立缩略图是一个单调乏味的工作。其实Dreamweaver MX创建相册非常简单。
  首先,将所有的图形文件放置到一个文件夹中。然后,选择“命令/创建网络相册”,并设置相应选项。不要过分考虑标题和副标题,这些信息随后可以进行修改。重要的是指明源图形文件夹以及目标文件夹,因为这些信息决定了处理哪些文件。同时要确定一下缩略图的尺寸大小、格式以及其他选项。当确定操作后,Dreamweaver MX将控制权转移给Fireworks,由它开始批量处理文件,创建一个非常好的小型相册或者一个连续的产品目录。如果你有许多相片,设置好让它开始运行,然后去休息一会儿,Dreamweaver和 Fireworks 将自动完成所有的工作。
  创建自定义命令
  在Dreamweaver的历史窗口中,我们能够创建新的命令序列,可以简单地执行想要记录的步骤。在历史窗口中,选择想要保存的步骤,并在右下角点击“保存为”图标,起一个名字,点击“OK”。到此,你的自定义命令就出现在“命令”菜单中,可以随意使用了。
2007-08-23 14:56
  隐藏浮动面板
  在以前的Dreamweaver版本中,打开应用程序会出现一堆浮动面板,往往弄得你眼花缭乱。Dreamweaver MX虽然可以将它拖开,但还是占据着本来就很有限的屏幕。其实,我们只要按一下F4键,所有的浮动面板就会不见了,再按F4键它们又会重现于屏幕上了。
  快速预览网页
  初学Dreamweaver MX时,往往找不到预览菜单,不得不另外启动IE浏览器来预览网页的实际效果。其实Dreamweaver MX的预览菜单设计到“文件”菜单下了,要想预览正在编辑的网页,按F12键就可以了,相当方便!而且还可设置在不同的浏览器中预览,依次选择“文件→在浏览器中浏览→编辑浏览器列表”可以添加其他浏览器,这样就可以测试你的网页对不同浏览器的适应性。
  快速获得十六进制颜色代码
  在设计网页时,经常会用到颜色代码。在Dreamweaver MX中,只要在网页中输入两个汉字,然后选中文本,点击文本属性面板上“文本颜色”小方框,在弹出的颜色板上,就会显示出鼠标所指位置相应的十六进制颜色代码,这时只需要将代码复制下来即可。
  制作下载文件
  打开Dreamweaver MX,把需要下载的文件名写在合适的位置后,拖动鼠标选取这段文字名,在文本属性面板中的“链接”属性框中写入文件名就行了。
  注意:若下载文件与该网页不在同一目录下,则文件名必须包含相对路径,否则在下载时将提示找不到文件。
  去掉图片和表格之间的空隙
  要使图片和表格之间的地方不留空隙,仅在表格属性面板上把外框线(border)设为0是不行的,还需要在表格的属性面板上把单元格的“填充”和“间距”两种属性都设为0,即cell acing=“0”和cellpadding=“0”。
  测试不同分辨率下的页面效果
  测试网页在不同分辨率下的浏览效果是网页制作中很重要的一步。我们可以在Dreamweaver操作界面中的状态栏中间选择需要的分辨率,调节不同的窗口大小(默认757×308),从而实现在不同分辨率下测试网页效果。
  去掉超链接文字的下划线
  当为文本制作超链接时,文本下方会自动生成一条下划线,从观赏整个页面的角度来看,觉得很不美观,我们可以按以下方法把下划线去掉。具体方法是:打开Dreamweaver,依次点击“文本→CSS样式→新建CSS样式”,此时出现新建样式表窗口,在标签下面选中“a”,接着选择“重定义HTML标记”,确定后保存,然后编辑该样式表,选择“类型”,在右边的“修饰”中选“无”,这样在以后的文本链接中就再也不会出现下划线了。
  设置外部图片编辑器
  Dreamweaver MX能与外部编辑器紧密接合,为网页编辑提供更多方便。设置图片编辑器的方法如下:点击菜单“编辑→参数选项”,选择“文件类型/编辑器”,在右边的面板“扩展名”栏中选定图片文件的后缀名(.jpg、.jpe、.jpeg),然后在编辑栏里单击“+”来添加外部编辑器(如Fireworks)。
2007-08-23 14:59
定制网页头部信息
  什么是网页头部信息
  网页头部信息是指位于和之间的代码信息,在网页中不能直接看到效果,我们可以在浏览器的标题栏中看到网页头部信息。它有非常大的作用,能显示语言编码、搜索关键字、版权声明、作者信息、网页描述等。
  怎样设置网页头部信息
  我们使用Dreamweaver MX就能很方便地制作网页头部信息。首先点击“查看→文件头内容”(或用快捷键“Ctrl+Shift+W”),head的内容会显示在工作区的顶部,选中文件头的图标,就可以在下面的属性里查看到相应的信息内容。依次点击“窗口→插入→文件头”,选择要插入的元素,这时就出现一个对话框。
  ●插入Meta
  在“文件头”菜单中选择“Meta”,按照下列表项进行设置。这里注意所有属性均选择“HTTP-equivalent”。
  小知识:
  Meta标签是记录有关当前页面信息的head元素,如字符编码、作者、版权信息和关键字。这些标签也可以用来向服务器提供信息,如页面的失效日期、刷新间隔等。
  ●插入关键字
  选择“关键字”,在弹出的对话框中直接输入关键字即可,不同关键字用逗号分隔。当浏览者通过搜索引擎搜索所设计到的相关文字时,这个网页的网址就有可能被搜索到,大大提高了网页的访问量。
  ●插入描述
  选择“说明”选项,在“描述”栏中输入Meta标签的辅助说明。许多搜索引擎在读取描述Meta标签的内容时,可能将页面信息编入数据库中,并在搜索结果里显示该信息,因此,适当插入一些描述是很有用处的。
  ●插入刷新
  刷新方式主要有两种情况:一是在规定的时间内自动跳转到新的网页,另一种是浏览器在一定时间内自动刷新网页。在“文件”菜单里选择“刷新”进入设置窗口,在“延迟”里填入规定的时间,然后单选想要的效果“转到URL”或“刷新此文件”。
  ●设置基础
  网站内部文件之间的链接都是以相对地址的形式出现,默认情况下,都是相对于首页设置链接。通过文件头可以设置基础网页的地址。选择“基础”选项,在“Href”中的文本框里填入网页路径,在“目标”下拉列表框中选择链接窗口的位置,其中,“_self”表示在所在窗口或框架中打开链接网页;“_top”表示在窗口中打开并去掉所有的框架;“_parent”表示当碰到嵌套的框架时,链接就在父框架窗口中打开,如果不是,则相当于“_top”的作用;如果一个网页上大量的超链接都要在新窗口打开,我们可以选择“空白”。
2007-08-23 15:02
载入外部文本文件
  Flash站点中经常需要更新文字信息,我们往往把这些文字存放在一个文本文件里,然后在Flas***件中利用loadVariables将它载入,这样做为站点的更新维护将带来很大便利。这种方法常用来做站点公告、新闻发布、存放路径等等。
  用法:loadVariables(“url” , target [, variables])
  实例:主场景中有一个动态文本框,设置其变量名为newstxt,在此Flas***档同一目录下有一个文本文件news.txt。现需要将此文本文件载入到动态文本框newtxt中输出,在主场景第一个关键帧上加上如下action(动作):
  loadVariables(“news.txt”, _root);
  这里需要注意的是文本文件news.txt必须和Flas***档在同一目录下,且内容必须是如下形式:newstxt=“要显示的文本信息”(newstxt是变量名,必须和文本框变量名相同)。
  如有多个变量,可继续放置在后面,但从第二个变量起须在变量名前加&符号进行连接,如:newsTitle=新闻摘要 ews1=第一条新闻摘要 ews2=第二条新闻摘要。如果主场景内放置了一个影片剪辑news,影片剪辑news内有一个动态文本框newstxt,此时要载入news.txt到newstxt内,这种载入可使用以下两种方法:
  1.将以上第一帧的action改为loadVariables(“news.txt”, _root.news);
  2.直接在此电影剪辑上加上如下动作:
  onClipEvent(load){
  this.loadVariables(“news.txt”);
  通常我们使用较多的是采用将动态文本框放入电影剪辑内并给此电影剪辑添加动作的方法来载入外部文本文件,这样就不会受电影剪辑路径的影响。
  编注 目前,国内个人网站大多以静态网页的形式存在,画面比较单一。相比之下,国外很多设计者喜欢使用Flash制作个人网站,这种网页有动感、视觉冲击力大,同时可以制作出多种互动效果,能够大大增加浏览者与网站的参与性。非常欢迎Flash技术较熟的朋友们在这里交流经验,共同提高制作水平。
2007-08-23 15:03
打造Winmail邮件服务器
  很多公司都有自己的邮件系统,员工不再使用一些网站的免费邮箱,他们都有属于自己的专用邮箱。那么,这些企业是如何架设自己的邮箱服务器的呢?下面,我们就一起来打造一个邮件服务系统。
  Winmail邮件服务器档案
  软件版本:V3.8
  软件大小:15289KB
  运行环境:Windows 2000/XP/2003
  下载地址:
  架设邮件服务器需要借助第三方邮件系统,本文就以Winmail邮件服务器为例进行介绍。
  一、***邮件服务器
  将程序下载到本地硬盘,双击应用程序进行***。当选择***类型时,如果希望邮件服务器和管理程序都***在本地机器上,请选择“完全***”,再连续单击“下一步”按钮;当***向导询问***服务器类型时,如果你是Windows 2000以上的系统,请选择“注册为服务”,这样服务程序就会自动作为系统的服务形式运行,然后设置默认管理员“administrator”的密码及系统邮箱“postmaster”的密码后即可开始***服务器程序。
  当***完成后,系统会自动调出“快速设置向导”程序。请在“要新建的邮箱地址”的“@”后面输入公司的域名,如果没有合法的域名,可以随意输入几个英文(邮箱的使用会有一定限制),然后再选中“允许通过Webmail注册新用户”选项,单击“设置”按钮后即可在下面的“设置结果”列表中清楚地看到相关信息。
  现在邮件服务器就已经架设起来了,接下来还要进行一些必要的设置,进一步完善服务器的功能。
  二、设置管理程序
  从程序组中打开服务管理程序进行各项设置。在此我们只设置几项必要的参数,其他的参数使用程序的默认设置即可。
  1.检查服务设置
  邮件的正常收、发必须要得到相应的服务支持,但是有一些意外的情况可能导致这些服务停止运行,此时我们要手工启动这些服务了。打开管理工具,进入“系统设置→系统服务”,当有服务的状态为“停止”时,请单击“启动”按钮启动服务,如果启动不成功,可能是因为该服务所使用的端口被其他程序占用了,这时候单击“设置”按钮,更改所使用的端口即可解决问题。
  默认情况下,HTTP服务使用的端口是“6080”,访问邮件服务器时必须在服务器的IP地址或是域名后加上端口号“:6080”,这样给访问者带来诸多不便,我们可以将默认的“6080”端口更改为“80”,这样就可以直接使用服务器的IP地址或是域名来访问了。
  2.更改管理员密码
  在“管理工具”窗口中选择“系统设置→更改密码”,在切换到的“页面”中即可进行管理员密码的更改。如果想增加管理员的账号,可以直接单击“系统设置→管理员管理”,在打开的页面中进行管理员账号的添加。
  提示:这里的管理员密码一定不能随意设置,尽量使用数字和字母组合,这样别人就不容易破解。
  3.域名管理
  在快速设置向导中程序会自动设置默认的域名,有的时候可能要用到多个域名,在此我们可以在管理程序中再添加或修改域名就行了。
  单击管理窗口中的“域名设置→域名管理”。通过“新增”按钮将其他的域名添加进来,这里只能设置一个主域名,主域名不能删除,只能修改。要特别注意的是,如果你架设的邮件服务器只在你的企业内部使用,那就不用申请域名,否则你必须得申请一个合法的域名,如果没有域名,邮件服务器提供的邮箱将无法与外部邮箱进行通讯。
  提示:在Outlook或Foxmail的POP3设置中,主域的用户只需要填写邮箱地址的用户名,而非主域的用户则要填全整个域名地址。
  三、客户端邮箱使用
  管理程序设置好后你就可以让其他人申请邮箱并使用邮箱了。在任何一台可以联网的计算机中,都能在浏览器地址栏中输入邮件服务器的IP地址或域名打开邮箱的登录界面。
  通过“注册新邮箱”链接来注册一个新的邮箱,注册成功后就可以直接登录邮箱的Web页面,像使用其他邮箱(例如搜狐、新浪、163等邮箱)那样收、发邮件了,这些操作非常简单。下面我们来看看如何在邮件客户端程序(如Foxmail)中设置邮箱。
  打开Foxmail程序,单击“账户→新建”进入“向导”窗口,然后按照程序分别输入用户名(例如“企业邮箱”)、“发件人姓名”及“邮件地址”(就是申请的邮箱地址),再单击“下一步”按钮,在“指定邮件服务器”设置窗口中选择“POP3账户”(图4),然后在“POP3服务器”和“SMTP服务器”中输入邮件服务器的IP地址或域名即可。这样设置后,你就可以使用Foxmail来收、发邮箱中的邮件了。Outlook Expre 中设置与此类似,大家可参考上面的设置方法进行设置。
2007-08-23 15:03
  取消文本居中
  在编排网页文本时,你可能会遇到这样的问题:只想让一行字符居中,但其他行的字符却会跟着也变成居中了。其实,这是因为在Dreamweaver MX中进行居中、居右操作时,默认的区域是P、H1-H6、Div等格式标识符,如果你的语句没有用标识符隔开,Dreamweaver MX就会将整段文字均作居中处理。解决方法就是将想要居中的文本用<P>……</P>隔开。
  让链接文字有提示信息
  当鼠标停留在链接上时,在光标的右下方有时会出现一个提示信息框,对该链接进行一定的注释说明。这样的效果在网页制作中也是很重要的。下面就来看看添加链接信息的方法。我们可以通过添加HTML代码来实现。
  在<a href=“”>中添加“Title”属性,“Title”后面添加提示内容即可。例如: <a href=“
” title=“全国发行量第一的计算机报”>。
  快速调用时间轴
  使用Dreamweaver MX制作网页的朋友都知道,新***的Dreamweaver MX在快速启动面板中没有时间轴,如果要急着用它的话该怎么办?这里有一个快速调用时间轴的方法,按下“Alt+F9”组合键,或是在软件主窗口中依次点击“窗口→其他→时间轴”。
  自动刷新页面
  无论是重复刷新还是自动跳转,在设计中都是相当实用的操作。下面介绍一下它们的制作方法。选择Dreamweaver MX插入控件面板的“文件头”部分,然后点击“刷新”按钮,随即会跳出“刷新”对话框,然后输入框中键入刷新延迟的时间“300”(单位:秒),“操作”为刷新指定的目标URL。因为现在是刷新当前页面,直接选择“刷新此文档”选项即可。
  定义网页关键字
  当用户使用搜索引擎搜索内容合适的网页时,关键字起着不容忽视的作用。大多数搜索服务器会每隔一段时间自动探测网络中是否有新网页产生,并按关键字进行记录,以方便用户查询。这时关键字的定义就尤为重要了。选择Dreamweaver MX插入控件面板的“文件头”部分,点击“关键字”按钮,弹出定义窗口,录入需要逐个定义的关键字即可。注意每个关键字以“;”号隔开,数目没有限制。
  制作“空链接”
  “空链接”就是没有链接对象的链接,“空链接”中的目标URL是用“#”来表示的。也就是说制作链接时,只要在属性面板的链接输入框中录入#标记后,它就是个空链接了。在很多情况下都要用到空链接,比如一些没有定期完成的页面,或是为了保持链接样式与普通文字样式的一致性。
  让文字和图片内容共处
  在Dreamweaver MX中,图片对象往往是独占一行,那么文字内容只能在与其平行的位置上,怎么样才可以让文字围绕图片显示呢?方法如下:选中图片,在属性面板的右上方找到“对齐”的属性选单,选择“左对齐”,这时你就会发现文字已经整齐地排列在图片的右边了。
2007-08-23 15:04
  校校通工程完工后,很多学校开始建设自己的网站,大大提高了对外宣传的力度。既然有了网站,学校就应该充分地利用网络资源,自建一个网上招生注册系统,这样,学生就能坐在家中远程报名注册了。
  网上注册系统必须构建一个运行在Web服务器上的应用程序服务器,这对于许多初涉网页制作,特别是对网页编程不太熟悉的老师来说无疑是一件十分困难的事情。值得高兴的是Dreamweaver MX 2004支持主流的服务器技术,我们可以借助它制作出ASP控制表单,用ASP+IIS+Acce 来构建一个网上招生注册系统。
  用IIS构建Web站点
  IIS(Internet信息服务)是将个人电脑设置为Web服务器的工具,***IIS的同时就会***网页服务器和ASP应用程序服务器(这是我们构建网上招生注册系统所必需的)。下面就让我们以Windows 2000为例创建一个学校的Web站点。
  单击“开始→程序→管理工具”,打开“Internet信息服务”窗口。新建一个Web站点,在“Web站点创建向导”中的“Web站点说明”中输入站点名“lyez”;在“IP地址和端口设置”中设定服务器IP和端口号(用默认的80即可);在“Web站点主目录”中设定站点文件夹的路径,并选定“允许匿名访问此Web站点”;在“Web站点访问权限”中选定“读取”和“运行脚本”,例如ASP。
  进入站点名为“lyez”的属性窗口,在“文档”选项卡中选定“启用默认文档”,并将index.htm(网站主页的文件名)添加到列表中,完成Web站点的创建。
  建立数据库和数据表
  数据库和数据表是用来存放注册信息的地方,我们要做的只是一个比较简单的注册系统,所以没有必要使用大型数据库,简单易用的Acce 数据库就是一个很好的选择。
  运行Acce 2000,选定“新建Acce 数据库”,将数据库保存在D:\lyez(前面设定的Web站点文件夹)中,数据库名为“zs”。在“zs数据库”窗口中双击“使用设计器创建表”,我们要使用的数据表结构如下表:
  在数据表中输入字段名并做相应设置后,在“编号”名上单击右键,设定为主键,保存数据表为“zstable”。
  添加数据库驱动程序
  网上招生注册是需要将ASP应用程序与Acce 数据库联接使用的,只有通过开放式数据库联接驱动程序(ODBC),ASP应用程序才能联接到Acce 数据库,下面就让我们来添加数据库驱动程序。
  单击“开始→程序→管理工具→数据源(ODBC)”,在“ODBC数据源管理器”的“系统DSN”选项卡中单击“添加”;在“创建新数据源”中选定“Driver to Microsoft Acce (*.mdb)”,单击“完成”;在“ODBC Microsoft Acce ***”窗口中设置数据源名为lyez(可随意填),单击“数据库”中的“选择”按钮,在“选定数据库”窗口中选定前面已创建的数据库zs.mdb,确定后回到“ODBC Microsoft Acce ***”窗口,再次确定后返回到“ODBC数据源管理器”窗口完成数据库驱动程序的添加设置。
  创建ASP应用程序站点
  运行Dreamweaver MX 2004,单击“站点→管理站点→新建→站点”,在出现的窗口中选定“基本”选项卡,设定站点名为“莱阳二职”;进入下一步骤,选定“是,我想使用服务器技术”,在服务器技术中选“ASP VBScript”;因为本机就是Web服务器,所以选“在本地进行编辑和测试”,指定文件夹位置D:\lyez;然后输入测试用的URL:
(已申请的网站域名) ;在下一步中选择“否”,最后完成站点设置。
  设置站点Web共享
  要想注册信息通过客户机浏览器写入服务器上的数据库,就必须对数据库的安全做相应设置,即为站点文件夹设置Web共享。
  在站点文件夹上单击右键,进入“属性”窗口中的“Web共享”选项卡。共享点在lyez(前面设定的Web站点名);选定“共享这个文件夹”,在“添加别名”对话框中设定别名“lyez”;在“访问许可”中选定“读取”和“写入”,在“应用程序许可”中选定“脚本”;确定后会出现警告窗口,这里选择“是”完成站点文件夹的Web共享设置。
  连接数据库到服务器
  运行Dreamweaver MX 2004,单击“窗口”菜单中的“数据库”,在数据库面板上单击添加按钮,设定“数据源名称(DSN)”为“lyez”(在前面的数据库驱动程序中已设定),用户名和密码可不填;设定连接名称为“zs”(可随意填)。在“Dreamweaver应连接”中选“使用本地DSN”,单击“测试”,出现“成功创建连接脚本”表明连接成功。连接成功后在数据库中会出现已连接的数据表。
  制作注册页面
  最后一步就是制作插入记录表单的网页。在Dreamweaver MX 2004中新建zs.a 网页,单击“应用程序”面板中的“插入表单向导”,设定连接为“zs”,插入到表格“zstable”,然后转到“huanying.a ”(提示注册成功的页面)。在表单字段中选定“性别”,在“显示为”列表中选“单选按钮组”,“提交为”列表中选“数值”。进入“单选按钮组属性”窗口中,添加标签“男”,值为“1”;“女”,值为“0”;在表单字段中选定“学生类别”,显示为“单选按钮组”,提交为“数值”。添加标签“初三分流”,值为“1”;“初四毕业”,值为“0”;其他表单字段的设置不用修改。
  记录表单设置完成后单击“确定”。接着在网页中插入记录表单,对表单中的文字格式做相应设置。将“插入记录”按钮改为“提交”,将“属性”中的“动作”设为“提交表单”;再插入一个按钮,设为“重置”,将“属性”中的“动作”设为“重设表单”。按F12键可以预览制作的网页效果。
  在网页的表单中输入相应内容,单击“提交”后,打开网站文件夹中的数据库“zs”,双击数据表“zstable”,就会出现学生的注册信息了。一个网上招生注册系统就构建完成了。
2007-08-23 15:04
  以新窗口形式打开链接
  要想在不覆盖当前窗口的前提下,打开一个新的浏览器窗口,你可以直接在链接代码<a href=“”>中加入“Target=_blank”语句。也可以在Dreamweaver MX属性面板的“目标”下拉框中点击下拉菜单,选择“_blank”即可实现。
  制作随意拖动的对象
  访问网站时,经常能见到不少可以用鼠标拖动的元素,其中以图片居多。比如,一张广告图片挡住了你想浏览的内容,你可以用鼠标选中它把它扔到一边去!
  制作这种效果是通过图层的“拖动层”行为实现的,单击行为面板中“+”号,选择“拖动层”,制作之前你应该保证目标图层础?选中状态,进行简单设置后就OK了。
  调整表格高度
  我们在使用Dreamweaver制作主页的时候往往需要改变表格的高度。然而有时当我们拖动表格的边框,无论怎样拖动,等到松开鼠标时,表格却又恢复到原来的样子。这种情况的原因在于我们已经为表格提供了一个固定的高度。如何去除表格的高度设置呢?
  简单方法是:首先我们需要选定表格,将光标移动到表格内,然后按“Ctrl+A”组合键,选中光标所在位置的最小表格,然后在属性框中点击“清除行高”图标,表格的高度设定值就被取消了。这时表格的高度会按照表格的内容自动的匹配高度。
  修改表单属性为弹出窗口
  想必大家在页面中都使用过表单,大多数表单被激活后,会在当前页面中打开,影响正常浏览。不如修改一下,如:<form method=POST action=url target=_blank>,其中“target=_blank”为控制在弹出窗口打开。
2007-08-23 15:05
学用Publisher设计网页
  FrontPage和Dreamweaver都是不错的网页制作工具,但对于最初级的“菜鸟”来说,使用它们随意地设计网页版式还是有一定的难度。在这里向各位“菜鸟”介绍Microsoft Office Publisher 2003(以下简称Publisher),它是微软公司推出的一款用于商务排版的办公软件,同时具备建站功能,利用它可以快速实现你的“网上家园”梦。
  一、创建网站
  在Publisher中可以利用功能强大的向导来创建网站,也可以直接创建空白网页进行设计。选择“文件→新建”会在界面上出现“新建出版物”的任务窗格,单击“网站和电子邮件→网站”弹出“简易网站生成器”、“三页网站”、“产品销售”和“专业服务”等网站类型的菜单,你可以根据建站的需要来选择其中的一种。若需自由定义我们的网站就点击选择“简易网站生成器”,这时在主界面上会出现大量的简易网站模板缩略图可供选择,点击一个你喜欢的样式吧。
  Publisher在加载网页模板样式之后会弹出一个“网站目标”窗口,在这里就可以根据具体需要来定义网站功能了。比如你想在网站里加入“关于我们”的页面就勾选“告诉客户如何与我们联系”选项,选择完毕按“确定”后进入“个人信息”设置窗口,按照提示输入你的姓名、地址等相关个人信息,按“确定”后,网站就创建成功了。
  二、编辑网站
  网站创建之后,我们就要把事先准备好的文字和图片资料添加到页面中去,首先在模板页面上找到需要替换的文字或图片,删除它们,然后把新内容添加到原来的位置上就可以了。如果需要在页面上插入超链接、表单或HTML代码等,可以在Web工具栏中点击相关的按钮来实现。比如我们要修改页面的标题或设置网页关键词的话,就可以点击Web工具栏上的“网页选项”按钮,然后在弹出的窗口里进行设置。
  网页资料填充完毕,我们还可以利用主界面左边任务窗格里的网站选项、页面内容、配色方案和字体方案等选项来对页面布局、色彩搭配进行重新调整,以达到网站的最佳效果。
  提示:一个页面编辑完成后可在Publisher界面下方的1、2、3、4……页面列表中点击切换到其他页面上进行编辑。
  三、发布更新网站
  编辑好网站后,首先在Web工具栏点击“网页预览”按钮预览网页的实际效果,如果觉得满意的话就可以发布网站了。选择“文件→发布到Web”弹出发布窗口,选择要保存的文件目录,点击“保存”即可将网站发布到本机,在这里还可以利用FTP直接将网站发布到远程主机上。在发布窗口的“保存位置”下拉菜单中选择“添加/更改FTP位置”,弹出一个FTP设置窗口,输入FTP站点名称、用户和密码,按“确定”后在发布窗口就会显示这个FTP站点。双击进入FTP目录,选择合适的目录后点击“保存”,你的网站就会发送到远程主机上了。
  提示:发布网站时,Publisher会自动删除页面中一些Microsoft Office标记,将页面保存为适合网络传播的HTML文件。
  发布网站后,点击工具栏上的“保存”按钮将网站保存为.pub文件。如要对网站进行更新的话,只要在Publisher中打开这个网站.pub文件进行新内容的添加,然后重新发布就可以了。
2007-08-23 15:05
让免费域名更完善
  《电脑报》今年第21期月末专题《建站从域名开始》介绍了TK顶级免费域名的申请方法,受到了广大读者的欢迎。为了更好地让朋友们使用TK域名,本文再来介绍几个小技巧,可以使免费的域名更加完善。
  去除TK弹出广告
  登录
进入my DotTK链接,输入注册TK域名时使用的E-mail账号和密码,点击“Continue”按钮进入TK域名维护页面。在页面左边的维护菜单中,点击“Dot TK Linker Promo”选项,“Continue”后会出现三个选择项“No Ba er”、“POP-UP Ba er”和“Frame Ba er”,默认的选项是“POP-UP BANNER”即弹出式广告。这里选择“No Ba er”,然后点击“Continue”后即可去除弹出广告了。
  设置TK下的二级域名
  TK网站本身并不提供二级域名转向功能的,如果要实现
下的二级域名 .cpcw.tk转向到 .cpcw.com,我们可以简单编写一个用于解析TK二级域名的文件domain.a ,按照这种方法你就可以在TK域名下设置无限多个需要的二级域名。编写内容如下:
  <%
  tkdomain=“cpcw.tk” (可以将cpcw.tk替换为你自己申请的TK域名)
  from=Request.ServerVariables(“http_referer”)
  from=trim(from)
  from=replace(from,“http://”,“”)
  from=replace(from,“\”,“/”)
  if not right(from,1)=“/” then
  from=from&“/”
  end if
  from2=right(from,len(from)-i tr(1,from,“/”  
  from3=replace(from,from2,“”)
  from3=replace(from3,“/”,“”)
  from3=replace(from3,tkdomain,“”)
  from3=replace(from3,“.”,“”)
  url=“
” (这个地址就是
或未经定义的cpcw.tk下的二级域名所指向的)
  if from3=“www” or from3=“” then
  Re o e.redirect(url&from2)
  elseif from3=“ ” then
  url=“
  Re o e.redirect(url&from2)
  else
  Re o e.redirect(url&from2)
  end if
  %>
  其中黑体部分就是我们要定义的TK二级域名指向了,上面是定义的 .cpcw.tk,如果还想定义电脑报广告部用的二级域名ad.cpcw.tk,在黑体部分的下一行添加如下语句即可:
  elseif from3=“ad” then
  url=“
  Re o e.redirect(url&from2)
  编写好domain.a 后,将它上传到可以执行ASP的主页空间里,然后进入TK域名维护中的“Modify a domain”页面修改“Your referer URL”,即TK域名指向为domain.a 的地址,如
,这样就能实现TK下的二级域名访问了。
  使用TK域名后缀的邮箱
  使用TK免费顶级域名可以获得5个以TK域名为后缀的转发邮箱,在TK域名维护中进入“My Email”页面,在新页面中分别在“Your (new) virtual addre ”和“to be forwarded to email addre ”中输入你想要的TK后缀邮箱和邮件转向的实际邮箱地址,最后点击“Continue”即可设置好你的邮箱了。
2007-08-23 15:05
  制作文字上下标
  在制作网页的时候难免会遇到文字下标问题,按照下面的步骤能够很快完成标注操作。
  输入上标:打开Dreamweaver,在文档中把插入点放在要输入文字上标的后方,在“插入”控件面板依次点击“标签→HTML标签→格式设置和布局”,选中右边方框的“sup”标签,单击“插入”按钮。在“标签编辑器-sup”对话框中输入上标的内容,最后点击“确定”,关闭即可。
  输入下标:按照输入上标的方法,在“标签选择器”中选择“sub”标签,单击“插入”按钮,在对话框中输入下标内容即可。
  提示:使用“标签选择器”可以输入所有html标签,并且带有很多详细的参数设置。
  快速换行
  回车键的作用是另换一行文字,在HTML中的代码是“<p>…</p>”,如果只是想换行,用回车就不太好看,行间距显得过大。

参考资料

 

随机推荐