中华网校

系列网站: 中华网校 | www.网校.com | 3D模型 | 中华网校教育

电脑网校 | 业界新闻 | 职业网校 | 网校宝典 | 软件下载 | 网校论坛 | 网校联盟

电脑入门 | 网页设计 | 网络编程 | 图形图象 | 三维空间 | 多媒体 | 程序语言 | 操作系统 | 系统专题 | 办公应用 | 软件宝典 | 硬件天下 | 

 

您的位置:首页 >> 网页设计 >> Dreamweaver >> Dreamweaver技巧 >> 新闻正文

dreamweaver高级操作  

作者:  时间:2002-8-13  来自:  责任编辑:  阅读次数:

单击File-->New,建立一个新的页面,此时DW2会弹出一个新的窗口,我们在此窗口打上“HELLO WORLD!”几个字母,回车键(注意:窗口中的回车相当于代码<P>,而您只想换行的话,主菜单Insert-->Line Break或SHIRT+回车键)后再换行输入第二行文字“这是一个DREAMWEAVER2的演示页”。
  好了,要放的东西已经放好了,下面我们开始编排文字,当然在编辑时我们应该先把属性浮动面板打开,我们先将第一行文字在 中选择字号,选择+2,单击使其加粗,然后单击选择一种深红色,DW2的色彩选择中多了一项吸管功能,利用它您可以在用户界面任意汲取您看到的色彩,就像用PHOTOSHOP中的吸管一样,最后单击使其距中,这样第一行的工作就完成了。哇!用起来怎么像WORD一样!

  再下来我们将第二行文字选定,同样用上述方法将字体放大一号,然后我们设法加上下划线,遗憾的是在属性面板中我们找不到完成这项任务的图标,因此我们必须在菜单Text-->Style中去寻找。找到了!加斜后,我们最后的工作就是让DREAMWEAVER2这个单词变成蓝色,好,让我们用鼠标选取单词,然后再单击选取一种蓝色即可,存盘退出,OK!您的第一个页面已经完成了,您说什么,简单?是的很简单,看上去现在这活比打字还要简单,当然您可以在Modify-->Page Properties中修改一些资料,比如加上背景色,背景图案,链接色定义和文档标题。好了,下一次我们讲如何在文档中加入图象、表单、超链接等更多的元素,让您的页面活跃起来!

我们知道一个页面光有文本是无法吸收人的,因此我们必须在文档中加入其他的元素,图像当然是最基本的,图文并茂向来就是衡量是否是一篇好作品的准线,这一次让我们来学会如何插入图像、表单、超链接以及其他的一些元素。

  插入图像有两个途径,一种在Windows-->Objects,或者在Insert-->Image直接插入图象,在Objects (对象浮动板)上 您可以一眼就看出那个是插入图片的图标,对!就是这个,接着选择相应的路径即可,如果您顺序下来的话,在前面用户界面详解中我已经介绍了关于图象的属性浮动面板,现在你可以完全控制图像tag和它的属性,还有一些其它的功能,如Image map编辑器和Edit Image按钮(有点象HTML窗口的External Editor按钮)。试试工具条中的所有功能,看看HTML代码的变化。插入一些Shockwave、Flash或ActiveX控件,注意依赖于上下文的界面的变化。页面上选择的区域决定要显示哪个Properties工具条,点击鼠标右键时出现什么菜单。

  用DW2进行超链接无疑是最方便的一件事,首先您当然必须选定目标对象,弹出属性面板,在LINK之后紧跟的空白项后填入您希望的URL或者如果链接地址不是外部地址的话,您同样可以使用来浏览寻找文件,第三种方法最快捷的方法就是使用直接进行拖放,在DW中到处均支持拖放,您可以在SITE管理器中拖动任何一个文件至相应的选择域已形成链接。

  点击工具条左上角的箭头,可以得到Dreamweaver可插入对象的组。缺省情况下这些组是Common, Froms,Head和Invisibles。到现在为止我们已经用过 common组中的元素。现在让我们看看Forms组,它 包括一系列窗体元素:

Form tag: <form></form>

Text input: <input type="text">

Button: . <input type="submit">

Checkbox: <input type="checkbox">

Radio button: <input type="radio">

Select menu: <select name="select"><option></option></select>

File upload: <input type="file">

Image button: <input type="image">

Hidden Form field: <input type="hidden">

  当你创建一个Form时,要保证Form元素存在于form tag之内,否则它们不会工作。


制作表格

 表格无疑是HTML所有标签中最为重要的标签之一,尤其在CSS和DHTML出现以前,利用您可以做很多事情,如果现在您上网看看哪一个站点主页的HTML源代码没有几个TABLE的标签,那么它的主页一定很糟。DW2比DW1.2而言,表格控制功能大大增强,更加智能化,如今您不用再为制作一张10行*10列的表格而发愀了!

  让我们开始创建一张表格吧!在对象面板上选择后,会弹出一张表格参数表,您可以根据需要自行设定,按OK后,在面面就会出现一张表格,弹出Properities面板后,表格的属性面板在前面所述章节用户界面详解中有详细介绍, 这些属性能帮助你用较少的精力创建非常复杂的表格,完全是所见则所得!

建立分帧结构页面


以前我一提起分帧头就大,因此我做分帧页面,通常就是将人家的分帧源代码COPY过来,然后在上面进行修改,现在在DW2下我们可以轻松地创建二帧、三帧、任意帧的页面。

  首先选中View-->Frame Borders,这时您能观察到页面边上多了一圈格线,将鼠标移到上下左右任意一边,移到鼠标上方,按ALT键(是针对WINDOWS的用户)时,您会发现鼠标变成了一个左右方向状,这时您可拖动鼠标对页面进行任意切割,如果您要调整帧的属性,请单击Window-->Frames,弹出帧浮动面板后,如下图:

SRC:指在分帧打开的源文件;BORDERS:指是否需要边框线;
FRAME NAME:该帧的内部变量名;SCROLL:是否允许有滚动条;
NO RESIZE:复选项,指是否允许重新由客户端设定分帧宽度;
BORDER COLO:设定边框线颜色;
MARGIN WIDTH:是指该帧文档离左右的宽度;
MARGIN HEIGHT:是指该帧文档离上下的高度;
修改满意后,选择File-->Save All ,将所有文档全部存盘即可,这样分帧文件就完成了。

相关文章 最新文章 推荐文章
Dreamweaver技巧大放送后六招
Dreamweaver滑动菜单的制作
下拉导航条之网页三剑客---Dreamweaver
用Dreamweaver MX自由放大网页图片

  中华网校依法保护知识产权,如果我们的文章有涉及或侵犯您的有关权益,请即时与我们 联系, 注明网址及文章,我们会即时处理或删除,感谢您的合作!中华网校email
  中华网校由广州市中六电脑城智锐计算机专业培训学院及中华网校技术中心提供网络支持未经本站许可任何个人网站、书刊报社一律不得私自复制,转载本站内容!

关于中华网校 | 广告服务 | 版权声明 | 投稿指南 | 网站合作 | 友情链接 | 网站地图

 

版权所有 中华网校 & 智锐网校 1999-2004 COPYRIGHT (C) 1999-2004 www.ZhiRui.com ALL RIGHTS RESERVED

 
/**/