dreamweaver操作题_dreamweaver高级操作

Macromedia认证复习指导 2021-08-21 网络整理 可可

【shitiku.jxxyjl.com--Macromedia认证复习指导】

单击file-->new,建立一个新的页面,此时dw2会弹出一个新的窗口,我们在此窗口打上“hello world!”几个字母,回车键(注意:窗口中的回车相当于代码

,而您只想换行的话,主菜单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:

text input:

button: .

checkbox:

radio button:

select menu:

file upload:

image button:

hidden form field:

  当你创建一个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 ,将所有文档全部存盘即可,这样分帧文件就完成了。

本文来源:https://shitiku.jxxyjl.com/macromediarenzhengfuxizhidao/7484.html

Copyright @ 2011- 考试题库网 All Rights Reserved. 版权所有

免责声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。

 站长统计