Site-Specific Code Hinting in Dreamweaver CS5

• Dreamweaver CS5 & CS5.5

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.

Hand Coding

To implement the Site-Specific Code Hinting while hand-coding:

1. Insert the 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. To use a different coding language, simply follow the steps below:

1. Insert the cursor in the page code.
2. Begin to type the code.
3. Add two spaces after the 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 set up as a PHP site on a PHP server setup, then the following can be applied to the site:

1. Go to Site menu.
2. Select Site-Specific Code Hints.
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 auto-fills all P { margin-bottom: 0.08in; }A:link { }
 necessary locations for the CMS file framework.

How It Works

CS5 finds the document root of the folder and all the folders P { margin-bottom: 0.08in; }A:link { }
 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 program for creating websites and applications from Adobe. It supports HTML5, CSS3, PHP, FTP, jQuery, and more, and works with Hostgator web hosting.

You can learn more about Dreamweaver by visiting Adobe's website or the Dreamweaver Tutorials learning portal.