Assigning Text Behaviors “Close Window” and “Open Browser Window” to Text in Dreamweaver

In Dreamweaver it is fairly simple to assign Behaviors to images (example: open new window, close window, etc.). However, to assign Behaviors to text you have to do a couple of tricks to get it to work. The first is the Close Window and the second is the Open Browser Window.

Continue reading

Incorporating a WordPress Blog into an Existing HTML Web Site

Overview

I searched the web trying to find instructions on how to incorporate a WordPress Blog into my existing HTML web site. All the instructions I found were not what I was wanting; creating a WordPress blog to look like your web site and use it instead of a HTML web site. I finally found bits of instructions that actually incorporate a blog into an HTML site and here is everything put together to hopefully help someone else out trying to do the same thing.

What This Process Creates

  • A new WordPress Blog web site that resides inside of your HTML web site directory.
  • A new page on your HTML web site that displays the latest 3 posts of your external blog site.

Viewing Complex Tables in Dreamweaver

If you use Tables in Dreamweaver then chances are you have run into a problem and had a difficult time navigating around complicated table structure.

Here is an easy way to “enlarge” the viewing distance around all the table sets. Under the View menu, scroll down to Table Mode, then over to Expanded Tables Mode or F6 (for Dreamweaver CS4; opt + F6).

Here in the first example is Standard Mode

Here in the next example is Expanded Tables Mode. Note how the layout “looks” blown out on some areas — but you can easily see all the Tables that make up the layout.

This will really help to see exactly where the problem is by giving a nice space around all the tables in your layout. It will look a little odd at first because it is not a clean and true WYSIWYG version of your web page but a more of a visual aid.

I generally work in the Standard Mode and only go into the Expanded Tables Mode when a problem arises.

You can toggle between Expanded Tables Mode and the Standard Mode by typing the F6 key (for Dreamweaver CS4-CS6; opt + F6).

Adjusting Web Page Margins in Dreamweaver

If you’re designing a web page and want the content to butt to the left and top edges of the browser window without leaving a margin then this is for you.

I set this on every web page I create. Most websites that float the content in the middle of the browser window will not require the change in settings – just the ones that have background images or the actual content running to the edge of the broswer window.

In Dreamweaver there are three ways to get to the Page Properties window. With your web document open; do one of the following:

  1. click on Page Properties… button on the Properties Window – if you have that palette open.
  2. under the Modify menu select Page Properties… – if you like using menus.
  3. use the quick key cmd J (Mac) or control J (PC) – my preferred method.

In the Page Properties window, under the Appearance Category; type 0‘s (zeros) in all the margin boxes and click OK.

That’s it! Your done. Now the browser content will be borderless.