上海花千坊

网页设计

使用Dreamweaver代码提示功能

时间:2024-08-05 13:38:54 网页设计 我要投稿
  • 相关推荐

使用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代码提示功能怎么开启09-05

如何使用dreamweaver的模板功能11-03

Dreamweaver的使用优点08-26

Dreamweaver使用教程09-20

Dreamweaver清理网页代码的方法技巧04-29

如何使用Google-Code-Prettify 实现代码高亮功能08-03

Dreamweaver如何改变代码的字体大小08-31

Dreamweaver代码的空链接如何批量删除05-07

如何学习使用Dreamweaver06-14

Dreamweaver空格使用技巧05-24