网页设计 百分网手机站

使用Dreamweaver代码提示功能

时间:2020-08-09 09:47:56 网页设计 我要投稿

使用Dreamweaver代码提示功能

  我们为大家收集整理了关于Dreamweaver代码提示功能,以方便大家参考。有时候一些熟悉的代码不想打,打个前面字母就能直接显示,这个在我们的Dreamweaver里面就可以实现,也就是我们常说的代码提示,那么我们如何设置呢!

  1、首先我们先打开我们的dreamwawer编辑器,我们这里用的`是dreamwawer8.0版本,不过大致设置都是一样的,对于版本不要太在意!

  2、我们在最上面一行菜单栏中找到我们的“编辑”这个选项,点击我们的“首选参数”,具体位置见图!或许更简单的办法,我们直接“ctrl+u”即可!

  3、弹出以下对话框,说明我们打开正确,在弹出的对话框中,左侧是我们的菜单栏,在其中找到“代码提示”这个选项卡,设置设置好,点击保存,这里我们要注意,必须设置好,改选的选上,不要丢失!

  4、接下来我们新建一个“html”文件,我们要看一下效果!

  5、在我们写入代码的时候,输入<这个符号,后面会自动出来代码提示,这时候我们按键盘上的“↓”键即可选择,选中自己想要的代码之后按“enter”键便可直接到文本区!方便快捷!

  首先要在本地安装好 WordPress 测试网站,如果是 Windows 系统,可以查看这篇教程:如何在 Windows 系统上安装 WordPress 本地测试,并保证网站已经能在本地正常浏览。

  点击 Dreamweaver CS5 菜单中的”Site–>New Site”,如下图建立新站点:

  在同一对话框中切换到”Servers”界面,点击”+”号添加测试服务器。

  上面我们说到 Dreamweaver CS5 中启用 WordPress 代码提示功能需要一个测试服务器,我们已经预先在电脑上安装例如 XAMPP 之类的服务器,并把一些信息输入上图。

  在同一对话框中切换到”Advanced”界面,”Server Model”选择”PHP MySQL”,保存。

  返回到”Servers”设置界面,选中”Testing”,保存,退出此对话框,完成站点设置了。

  开启 Dreamweaver CS5 中 WordPress 代码提示功能

  点击 Dreamweaver 菜单中的 ”Site–>Site-Specific Code Hints”,以便让站点与 WordPress关联,如上图,一般 Dreamweaver 会自动选中 WordPress,如果没有,请手工选择一下,保存退出些对话框。

  好了,一切设置已完成,下面是见证奇迹的时刻,打开一个 WordPress主题中的文件,例如 index.php,如下图:

  输入WordPress 某个函数的前几个字符,例如 ”the_”,按 Ctrl+H,就会弹出 WordPress 里以”the_”开头的所有函数供你选择,是不是很方便呢?

【使用Dreamweaver代码提示功能】相关文章:

dreamweaver代码排版方法07-22

Dreamweaver使用教程07-29

Dreamweaver空格使用技巧07-31

Dreamweaver框架的使用技巧归纳07-31

Dreamweaver的使用方法参考07-28

如何使用Dreamweaver锚记链接07-22

Dreamweaver站点地图的使用技巧大全07-30

十二个Dreamweaver使用小秘诀09-10

盘点Dreamweaver使用CSS的注意事项07-31

Dreamweaver8创建自定义代码片段的方法09-20