Dreamweaver你该掌握的小技巧(三)
沉沙 2018-05-30 来源 : 阅读 2138 评论 0

摘要:本文讲解了三十个Dreamweaver你该掌握的小技巧,希望阅读本篇文章以后大家有所收获,帮助大家Dreamweaver入门。

61. 一次新建多个布局单元格

按住 Ctrl键的同时绘制布局单元格,可以连续创建多个布局单元格。

 

62. 自动吸附功能

当新建布局单元格时,如果和另一个单元格相距很近(小于 8 个像素)或者和布局表格的边界相距很近(小于8 个像素) ,这个单元格会自动吸附。如果要取消自动吸附功能,在绘制单元格的同时,按住Alt键即可。

 

63. 布局表格的边框颜色

在默认状态下,单元格边框是蓝色,当鼠标放上去时是红色,表格边框是绿色,背景色是灰色,可以在用户参数设置中进行更改。

 

64. 使用网格 显示网格,可以更好地对布局单元格和布局表格进行精确定位。

 

65. 向布局单元格中添加内容

如果要在布局表格中添加内容,比如文本、图像等网页元素,必须要先在布局表格中建立布局单元格,然后向布局单元格中添加内容。

 

66. 快速选中布局单元格

按住Ctrl键,同时在想要选中的单元格内任意处单击鼠标,即选中了单元格格。

 

67. 布局单元格属性

在“宽”选项区中可以设置单元格的宽度,其中有两种方式,一种是固定数值的,一种是自动伸展的,相当于标准视图下表格宽度以百分比表示;在“高”文本框中可设置单元格的高度;在“背景颜色”选项中可设置单元格的背景颜色;在“水平”和“垂直”下拉列表中可分别设置水平和垂直的对齐方式;而选择“不换行”复选框可以防止单元格中的文本自动换行。

 

68. 布局表格属性

“宽” 、 “高”和“背景颜色”选项均与单元格一样; “填充”是指单元格中的内容和单元格边框之间的距离; “间距”是指单元格之间的距离;单击“清除行高”按钮可清除表格的行高,作用与“清除单元格高度”相类似;单击“使单元格宽度一致”按钮可使单元格宽度和单元格内容宽度一致;单击“移除所有分隔符图像”按钮可以清除所有的透明分隔符图像;单击“清除嵌套”按钮可清除嵌套表格,可以不损失页面已输入的内容,而直接删除嵌套表格。

 

69. “布局视图”参数解释

在“自动插入间隔符”选项中可设置是否自动插入间隔符;在“间隔图像”选项区中,在“站点”下拉列表中可选择哪个网站设置间隔图像,而在“图像文件”选项中可自己指定或让系统创建新的图像。

“单元格外框”是指单元格一般情况下的边框颜色, “单元格高亮”指是鼠标放上去时单元格边框的颜色; “表格外框”是表格边框的颜色,“表格背景”是指表格的背景颜色。

 

70. 间隔图像

所谓间隔图像就是在自由伸缩的表格中用来控制表格宽度的透明图像,这幅图片并不在浏览器中出现。可以在列头菜单中为单元格添加间隔图像。

 

71. 表单元素的主要属性

表单元素的主要属性有“方法” 、 “动作”等,其中“方法”表示表单提交的方工是 POST还是GET。“动作”是告诉表单将收集到的数据送到什么地方,一般这里是指向处理表单数据的服务端程序或者是mailto标签。

 

72. 使用 mailto 标签

在许多情况下,特别是制作个人主页时,服务器端的权限是不开放的,就没有办法用服务端程序的方法来处理表单。如果还想使用表单,只有用 mailto 标签,填上邮件地址,这样表单内容就会通过电子邮件传给mailto的邮件地址。 


73.  POST 与 GET 的区别

一般GET方式是将数据附在URL后发送,数据长度不能超过 100个字符,一般搜索引擎中查找关键词等简单操作通过 GET 方式进行。而 POST 则不存在字符长度的限制,并且不会把内容附加到URL后,比较适合内容较多的表单。

 

74. 删除或者修改一个表单

如果想删除或者修改一个表单, 可以通过右键单击红色虚线框打开快捷菜单,在其中选择“删除标签

”选项,可以删除表单。选择其他项目可以对表单进行修改。

 

75. 文本域

文本域主要有三种形式,即单行、密码和多行,可以在“属性”面板中的“类型”选项组中进行切换,在文本域中主要是输入文本。单行文本域只能输入单行的文本,通过“属性”面板上的“字符宽度”选项可控制单行文本框的宽度,通过“最大字符数”选项可控制输入的最长字符数,在“初始值”文本框中可以输入初始文字。

密码域的主要特点是不在表单中显示具体输入的内容,而是用*来替代显示。它主要被用来验证密码,具体的验证仍然需要通过 JavaScript等程序进行。多行文本域可以显示和输入多行文字,可以通过“行数”选项控制显示的行数,而“换行”下拉列表可用来控制如何换行。

 

76. 变量名的设置

在进行单选项设置时,单选按钮变量名称非常重要,如果不进行任何改变,无论你插入多少个单选项,也无论这些单选项分布在多少行中,它们中只能选择一个。如果在表单中还有另一个单选项目,则必须更改这个单选项目中 radio button的变量的名称。

 

77. 使用图形按钮

在提交表单时,如果不想千篇一律地使用标准按钮,则可以通过使用图形按钮的方法来美化网页。在表单结尾处,单击“表单”选项卡中的“图像域”按钮,然后选择合适的图像即可。

 

78. 插入跳转菜单时选择是否加上“前往”按钮

在插入跳转菜单时,可以选择是否加上“前往”按钮,默认是没有该按钮的,选择其中一个链接时网页就开始跳转, 如果加上“前往”按钮,选择链接时网页不跳转,必须按下“前往”按钮后才跳转。

 

79. 框架构成及设置

一个框架实际上是由几个 HTML 文档所构成的,其中一个专门负责框架的设置:是分行型还是分列型,或者是混合型;行和列的尺寸如何等等。另外的就是普通的 HTML文档,分别被放置到各框架中,当链接到设置框架的 HTML文档时,整个框架以及各HTML文档就会一起显示在浏览器中。

 

80. 系统预设的框架类型

在“插入”栏中的“框架”选项卡中,提供有 13 个程序预设的框架类型,它们代表了框架设计中最常用的几种类型,你可以逐个进行试验,看看哪些类型的框架最适合你。


81. 删除框架

框架创建完成后,如何进行删除呢?刚开始建立时可以执行“撤消”命令,如果在操作了一段时间后想删除框架,通过菜单是不能实现的,必须通过鼠标操作,用鼠标拖动框架间的边框,一直将它拖动到最边上,就可以删除一个框架了。

 

82. 随意创建框架格式的两种方法

重复插入框架和分割框架都可以随意创建框架格式,我们推荐第一种方法,理由是重复插入框架时,每个框架都会自动命名,提高了效率;而且框架的形式是用 rows=”*,80”这样只指定一个分框架大小的语句,可以适应各种分辨率的浏览器窗口。

 

83. 用拖动鼠标的方法来分割框架

可以用拖动鼠标的方法来分割框架,先执行“查看>可视化助理>框架边框”菜单命令,显示出框架的边框,然后移动鼠标到四个边框或四角,在出现移动箭头时,拖动鼠标即可分割框架。

 

84. 制作一个自己的框架

先规划你所需要的框架,然后按照各个分支框架之间的位置关系:上、下、左、右,用菜单命令对其进行划分,再改变各框架的相应属性值,将框架做好后保存。

 

85. 使分框架成为一个整体

虽然应用框架后页面被分为几个部分,但出于美观考虑,我们依旧想让这些分框架看起来像是一个整体。一般采用的方法是把框架的边界设置为0。然后把导航框中的元素确定位置,不进行移动,使滚动条只出现在主框架中。

 

86. 框架属性设置级别

分框架中的属性设置级别高于框架设置文档中的属性级别, 如果在框架设置中指定框架的边界为零,而在分框架中指定有边界,则最后显示的分框架是有边界的。

 

87. 框架的命名

每个框架的命名也是很重要,许多网友喜欢打开多个浏览器同时浏览,有时会出现这样的情况,在一个网站中单击一个框架中的链接时,主框架没有任何改变,而在另一个网站的主框架中显示出链接的内容。其主要原因就是这两个网站的主框架都取胜同样的名称,所以最好为自己的每个框架取一个和其他网站不易重复的名字。

 

88. “目标”下拉列表中有四个预设选项

_blank 会打开一个浏览窗口来显示链接内容;_parent 会在当前框架的父框架中打开链接;_self在当前框架打开链接,这也是默认方式;_top会在当前浏览器的最外层打开链接。 

 

89.  IFrame标签的使用格式

src:文件的路径,既可以是HTML文件,也可以是文本、ASP等。

width,height:IFrame框架的宽度与高度。

scrolling:当src的指定HTML文件在指定的区域显示不完时,如果设置为no,则不出现滚动条;如为auto,则自动出现滚动条;如为 yes,则显示滚动条。 Frameborder:IFrame框架的边框宽度,为了与邻近的内容相融合,常设置为0。

 

90. 框架内容和无框架内容的查看

尽管框架内容和无框架内容是分开编辑的,它们依旧同属于一个网页,可以通过框架设置文档的 HTML代码看到,它们分别位于和标签中。


本文由职坐标整理并发布,了解更多内容,请关注职坐标常用软件Dreamweaver频道!

本文由 @沉沙 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式AI+学习就业服务平台 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved