Define Your Site in CS5 Tutorial

I have created a online tutorial on How to Define your site in Dreamweaver CS5. click here to view it.

In Marin - Classes starting in Web Design at the end of March

New Location for Classes in Marin

My Marin Web Design classes start again at a new location. We are leaving Drake High school for Redwood High school campus. Redwood High was able to upgrade their computer labs to the Adobe CS5 (the newest version),and I am busy writing the new courseware for the classes.

This move is a new beginning. I have taught Web Design at Drake for over 14 years. There is a newness and excitment about moving to the new campus. The latest software by Adobe, heat in the winter time. The campus is just off highway 101.

will be a good deal all the way around. I think we will be leaving behind the cold computer room in the winter with no heat or hot room in the summer. The no location is not far from the 191 freeway.

We will start with XHTML, HTML, and Css at the end of March and move through the Dreamweaver classes for the spring quarter..

Go to my Marin Web Design Class page for more information.

While you are there check out the opposition to get a free hour one on one tutoring.

Create a Custom Submit Button For Your Form

Here is your standard Submit button:

Here is the graphic I want to turn into a Submit button.

Follow the steps below:

Step 1: Change the Insert Panel to Form tab.

Step 2: Click Image Field and select the image for your button.

Step 3: Type submit for the ID name and no label tag. Click the OK button.

Now you have a Submit button for your form.

Check out my Tutoring/Coaching Special for Dreamweaver

3 New Features I Like About Adobe Dreamweaver CS5

1. Small upgrade from Dreamweaver CS4. Most screens and the panels are the same as CS4. So if you have CS4 there really isn't any need to upgrade, unless you really need a new feature such as the ability to work with database sites like WordPress.

2. Updated the Define Site component of Dreamweaver. You now don't have to choose between basic wizard or Advance. Now just add the site name and were the files will be stored and save. So much easier.

3. Whats this Widget thing. Widgets are combinations of HTML, CSS, and Java Script. The good news are others have created them. Like creating new CS3 gradients. Using actually colors and not an image, or adding a Google map with a widget, and more. You can download them into your Dreamweaver and create them from the Widget browser into your page. It is found under Insert Panel>>>Widget.

Click the Widget icon. Select the Widget you want to Add. (I have already downloaded these widgets. in the next installment, I will show you how to get Widgets.)

Here is the results of adding a Widget.

Check out the Special for Tutoring and Coaching in Marin and Sonoma County:

Successful Mastery Special

Another Version of Dreamweaver CS5 -- REALLY

It seems like I just get comfortable with the last upgrade of Dreamweaver and a new version is out. If you don't own Dreamweaver and are going to buy new you will end up buying CS5. But, if you own CS4, most likely you don't need CS5, unless you need one of the new features, like:

• PHP-based content management systems such as WordPress, Joomla!, or Drupal.
• Adobe Browser Labs - Check your page in different browsers without having to install them.
• Integration with the new Adobe Business Catalyst - Easily develop business Websites.
• Design with powerful CSS inspection tools
• other changes big and small.

More to come

For classes go to Successful Mastery

Using the Acronym/abbreviation Tags

If you are using acronyms or abbreviations in your Web page, I highly recommend you add the or tags to give the search engines and text readers the full text for each acronym or abbreviation on the page. This will provide the full text meaning for acronyms or abbreviations, plus a bonus if they are keywords for your page.

Example - < title="Hypertext Markup Language"> HTML or CA

How to (Done is CS4):

Step 1: Select the acronym or abbreviation.

Step 2: Click the abbr abbreviation or the W3C acronym button on the text pane in the Insert panel.

Step 3: Type the text in the Full text field.

Step 4: Press the OK button.

Need a Coach to Help You with Adobe Dreamweaver? Learn More...

Making Images More Accessible

Here is how to add or update the text for each image.

Step 1: Select the image.

Step 2: Go to the Property Panel. You should see that the image is selected by the word Image in the top left hand corner of the Properties Panel.

Step 3: Click into the Alt text box and type the text for the image. (I have type Text here to show you were you will type the text.)

Check the Updated Class Schedules for Marin and San Jose.

Classes in Marin

Classes in San Jose