php与dreamweaver基础教程,Dreamweaver基础教程 基础技巧全面接触

php与dreamweaver基础教程,Dreamweaver基础教程 基础技巧全面接触三、内容篇如何更快更方便得对内容进行组织,是每个朋友都想了解的,下面这几个技巧也许你知道,也许不知道,但重要的是通过不断的运用,你会发现它的优越性的。1、快速标签编辑。对于熟悉手写代码的朋友来说,经常需要切换到代码窗口手工添加一些代码。其实利用Dreamweaver的QuickTagEditor可以快速插入各种HTML标签,一个是点击属性面板的图标插入,另一种快捷方式是Ctrl+T,这两种方…

大家好,又见面了,我是你们的朋友全栈君。

三、 内容篇

如何更快更方便得对内容进行组织,是每个朋友都想了解的,下面这几个技巧也许你知道,也许不知道,但重要的是通过不断的运用,你会发现它的优越性的。

1、快速标签编辑。对于熟悉手写代码的朋友来说,经常需要切换到代码窗口手工添加一些代码。其实利用Dreamweaver的Quick Tag Editor可以快速插入各种HTML标签,一个是点击属性面板的

0b0eca4fb2d1d79e44a9613b4896cda2.gif图标插入,另一种快捷方式是Ctrl+T,这两种方法都会打开快速标签编辑,可以直接从列表中选择需要的源代码标签,如下图:

dd48428f3f97d566113684db258c7fce.gif

2、快速添加图片边框。对于插入网页中的许多图片都是没有边框的,有时我们需对图片添加边 框,我们不需要打开图像处理软件即可实现。一种方法是选中图片后直接在属性面板定义Border为1px,这会给图片添加1像素的边框;另一种方法是定义 一个样式,我们可以将img标签直接定义为四边都为1px的样式,则网页中所有插入的图片都会带有相同的边框。如图:

509fe02348b7fabe3fbac0253d6108a5.gif

3、使用拖动方式增加链接。Dreamweaver支持从文档内直接托动链接到站点内的其他文件,我们可以将站点窗口和文档窗口并排放置,如图:

f6743e797353d9c2b94a96fddbdcd5f8.gif

然后选中文档中需要链接的文字,打开属性面版,将链接地址栏后的Point to File指向站点窗口中的目标文件即可,如下图:

b2e4b103c5a195ee5f2558ad07053078.gif

4、如何加入背景声音。在Dreamweaver中对于一些多媒体声音文件的插入,很多朋友都感到有 些困惑,其实很简单,点击Dreamweaver 工作窗口最左下角的 标签,打开Behavior面板,在弹出的behavior窗口点+号,选择Play Sound,选择你需要的声音文件即可加入。在文档窗口中选中声音文件标识,在属性面板点击Parameters就可以自行设定背景音乐的循环次数、是否 自动播放等属性了,如图:

2a69054389c15a66c172d53b3579179e.gif

四、 美化篇

美化各种网页元素是一件既耗时又不一定出效果的工作,下面我介绍的几个技巧也许能帮你一点忙。

1、快速创建配色方案。我 们经常需要设定链接各个状态的文字颜色,有些朋友感觉自己的色彩感不太好,总去寻找一些配色手册。其实Dreamweaver本身已经带了一些配色方案, 打开Commands—Set Color Scheme命令,我们可以看到有许多成套的配色方案,每个都定义了背景色、文字色、链接各个状态的颜色,你只需选择一种即可,见下图:

37a398c98f3636ee5af4da8f5916d022.gif

2、CSS链接样式技巧。文字链接一般有四个状态,link、hover、active、 visited,我们通常都会对文字链接的各个状态定义不同的色彩和样式,但经常有朋友发现自己定义的样式在浏览时并未像设想的那样。主要原因是在样式表 中对链接的定义顺序有一定的要求,正确的顺序是:A:link—A:visited—A:hover。对一般的朋友来说,其实很多时候只是想Hover状 态有变化,有个小技巧就是不按上面的方法定义链接样式,而只需定义a和a:hover状态的样式即可,这样只有hover状态的样式与其他状态的不同。修 改方法如下图;

8fbd171e1d0c59bc48bff0d36ed64ef6.gif

3、创建不同色彩的连接文字与下划线。普通的链接文字与链接下划线都是相同的色彩,其实我们也可以利 用样式表中的Border属性来替代普通链接的划线,由于Border有更多的控制参数和样式,因此只要将Border的色彩和文字的色彩定义的不同即可 实现我们的目的。例如我们可以将文字定义为黑色,而在Border选项中定义下划线为红色,如下图;

d8207d9f78d724abdbf711d58322c270.gif

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/132457.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • cisco logging 配置

    cisco logging 配置

  • python提取时间段日期_timestamp时间戳

    python提取时间段日期_timestamp时间戳在python开发web程序时,需要调用第三方的相关接口,在调用时,需要对请求进行签名。需要用到unix时间戳。在python里,在网上介绍的很多方法,得到的时间戳是10位。而java里默认是13位(milliseconds,毫秒级的)。下面介绍python获得时间戳的方法:1、10时间戳获取方法:>>>importtime>>>t=time.tim…

  • java8中的Collectors.groupingBy用法「建议收藏」

    java8中的Collectors.groupingBy用法「建议收藏」Collectors.groupingBy根据一个或多个属性对集合中的项目进行分组数据准备:publicProduct(Longid,Integernum,BigDecimalprice,Stringname,Stringcategory){ this.id=id; this.num=num; this.price=price; this.name=…

  • 时钟模块ds1302的使用软件_ds1302时钟程序详解

    时钟模块ds1302的使用软件_ds1302时钟程序详解  刚刚学习了如何使用ds1302这个时钟芯片的使用,现在我把学习的过程分享出来,虽然整体的过程感觉不算难,但是仍然有难解之处至今未明,因为没有去实际验证,所以也不能确定到底是什么原因。  1.首先,查找ds1302手册,可以在21ic这个网站上下载。如果嫌英文版的自己翻译的很难受(这里还是建议大家硬着头皮看英文版的,毕竟是有好处的,你说呢?),可以在网上找中文版的。  2.通过手册…

    2022年10月29日
  • Python入门篇-基础语法

    Python入门篇-基础语法Python入门篇-基础语法作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任。一.编程基础1>.程序一组能让计算机识别和执行的指令。2>.电子计算机能够执行程序的

  • PAT乙级题目索引(题目+解析+AC代码)

    PAT乙级题目索引(题目+解析+AC代码)题目信息 分值 PAT乙级1001害死人不偿命的(3n+1)猜想 15 PAT乙级1002写出这个数 20 PAT乙级1003我要通过! 20 PAT乙级1004成绩排名 20 PAT乙级1005继续(3n+1)猜想 25 PAT乙级1006换个格式输出整数 15 PAT乙级1007素数…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号