Site-Specific Code Hinting in Dreamweaver CS5

Use Dreamweaver CS5 to view code hints related to content management system frameworks such as WordPress, Drupal, and Joomla. Learn how to set up site-specific code hinting for a CMS so you can easily work with your PHP website in Dreamweaver.

This feature is only available with Code View open.

Hand Coding

In order to implement the site-specific code hinting while hand coding:

  1. Insert cursor in the page code.
  2. Begin to type the code.

As you type, CS5 intuitively begins offering HTML-based code hints.

Need to Use a Different Coding Language?

Dreamweaver allows site-specific code hinting to be applied to most coding languages. In order to use a different coding language, simply follow the steps below:

  1. Insert cursor in the page code.
  2. Begin to type the code.
  3. Add two spaces after last character typed.
  4. Press CTRL and the Spacebar.

A list of functions, code methods, etc. will appear in a popup menu. As you continue to type, CS5 will intuitively begin to suggest or hint at the code being written.

CMS

If a site is setup as a PHP site on a PHP server setup, then the following can be applied to the site:

Note: Files must be in the root document in order for this method to work properly.
  1. Go to Site menu.
  2. Select Site Specific Code Hints. The Site Specific Code Hints menu will open.
  3. Select a CMS structure such as Wordpress, Drupal or Joomla. If you have a custom code, you can use the New from Blank option. By Selecting the CMS structure, CS5 then autofills all necessary locations for the CMS file framework.
The new configuration file will be cloaked by default so that it cannot be uploaded to the remote server.

How It Works

CS5 finds the document root of the folder and all the folders necessary to determine what sort of code can be used to create a configuration file. In this menu, you can:

  • Add or remove folders by clicking the plus and minus buttons after selecting the folders
  • Select folders and choose to make them recursive or have them scanned

If you are using a custom framework or if you need to utilize files with different extensions, you can also:

  • Delete structures
  • Rename structures
  • Save structures
  • Import external structures (the file must be a .config or .xml file). To utilize files with different extensions:
    1. Click on the Extensions button.
    2. Add/Remove the file extensions listed by using the plus/minus buttons.
    3. Click OK.

Dreamweaver is a popular Adobe program for creating websites and applications.  It supports HTML5, CSS3, PHP, FTP, jQuery and more; and it works with HostGator web hosting.

You can learn more about Dreamweaver by visiting Adobe's website or the video learning portal, Adobe TV.  The video in this article is courtesy of Adobe TV.