Dreamweaver cs3 sample files

This opens a pop-up menu. Click the pop-up menu arrow to reveal the menu, scroll down to find the text-transform property, and select it. From the value pop-up menu to the right, select uppercase. The text in your Menu Bar widget changes to uppercase. Do not select the text, simply click somewhere inside of it. There are now a total of eight rules listed, five of them related to the Menu Bar. You might need to expand the Rules pane to see them all. In the Rules pane, click the third Menu Bar rule in the list, the ul.

MenuBarHorizontal li rule. In the Properties pane, edit the last property listed width. Change the width property for the ul. In the Rules pane, click the fourth Menu Bar rule in the list, the ul. MenuBarHorizontal a rule. Delete the padding property from the ul. Click the Live View button to enter Live View. Run the cursor over the menu bar and observe the interaction. Items 1 and 3 have submenus. The Menu Bar widget and its submenus. Click the Live View button again to exit Live View.

Select the Menu Bar widget in the Document window by clicking its turquoise tab. In the Property inspector, make sure Item 1 is selected in the first column. Select the submenu item, Item 1. Delete the first submenu item from Item 1. Delete Item 1. Select Item 3 in the first column. Select the submenu item, Item 3.

Click OK. Delete Item 3. Select Item 1 in the first column again and then do the following: In the Text text box, type Features. In the Link text box, type news. Text and Link values added for Item 1 of the Menu Bar widget.

Select Item 2 in the first column of the Property inspector and then do the following: In the Text text box, type Fashion. Select Item 3 in the first column of the Property inspector and then do the following: In the Text text box, type Lifestyle.

Select Item 4 in the first column of the Property inspector and then do the following: In the Text text box, type Calendar. The Menu Bar widget after the text for all menu items has been changed. You just need to add one more menu item to the widget. With the Menu Bar widget still selected, click the plus button above the first column in the Property inspector see Figure Add another menu item.

Dreamweaver adds an Untitled Item to the menu bar. With the Untitled Item selected in the first column of the Property inspector, do the following: In the Text text box, type News. Click anywhere on the page to deselect the menu bar. Click the Live View button to turn on Live View. Then click it again to exit Live View. The menu items should all line up in a single row. Only a few more edits and the menu bar will be final. Click anywhere inside the Menu Bar widget.

For example, click inside the word Fashion. Click the fourth Menu Bar—related rule, the ul. In the Properties pane, click the black box in the color value field and use the eyedropper to select white FFF , as shown in Figure Change the default text color. Click the gray box in the background-color value field and use the eyedropper to select black The background color of the menu items changes to black.

Click the Live View button and run your cursor over the menu items. The five Menu Bar—related rules appear in the Rules pane again. Click the last Menu Bar—related rule, the ul.

In the Properties pane, click the blue box in the background-color value field and use the eyedropper to select black Change the background and text properties for the ul.

Macintosh users need to click the arrow to expand the list. Scroll down and locate the rule that begins ul. MenuBarHorizontal a. MenuBarHorizontal a:focus rule that you were just editing in Current mode see Figure Note that nothing has happened in Design view for awhile.

To see those states, you need to enter Live View and test the widget again. But first, you need to save the CSS file so that the changes can take effect. Click the Live View button, and hover over the items in your menu bar.

The menu drops into place. The hover background color is now black, and the hover text color is the blue you defined see Figure 1. Much of the design from the Photoshop file will need to be recreated in HTML and CSS—but there will probably be graphics from the Photoshop file logos, background images, icons, and so on that you will want to use in your site.

Fantastic tutorial on using Photoshop and Dreamweaver — all sorts of things have dropped into place, but, when I select a PS slice with the slice select tool, the edit copy function is greyed out.

Am I doing something daft? It is greyed out. I tried selecting one and all of the layers and nothing. What is wrong with my setup? Im new to this, and am only familar with ultra noob html sites…this site i am making now involves searches and pop up windows with information when a link is clicked not sure how complicated that is….

I have photoshop cs3 and want to purchase dreamweaver cs4 so that I can design my own website. Can I use those two programs together or do I have to also buy photoshop cs4?

Please log in again. The login page will open in a new tab. After logging in you can close it and return to this page. Advanced Search. Forgot Password? Join today. Not a member? How-tos, tips and tricks and more. Join for free today! Recommended For You.

TMacFarlane says:. November 25, at pm. Log in to Reply. December 19, at pm. Anonymous says:. May 18, at pm. August 28, at pm. October 23, at am. October 27, at am.

January 16, at pm. March 16, at am. November 12, at pm. December 6, at am. Close dialog. Session expired Please log in again. Sign In. Username: Password:. You have to be logged in to save. First Name! Please fill out this field. Last Name! Email Should be valid address. Yes, I want to receive CreativePro weekly newsletter.

For more information about the registry, see the Windows documentation or contact Microsoft. If this TechNote doesn't resolve the problem, refer to the following TechNotes for additional troubleshooting:. Legal Notices Online Privacy Policy. To test for a corrupt user configuration folder, try the following: Note: This procedure requires you to locate hidden files, hidden folders and extensions for known file types.

To show hidden files, hidden folders, and extensions for known file types:. Click the View tab in the Folder Options dialog box. Click OK.

Quit Dreamweaver. Start Dreamweaver. Dreamweaver creates a new Configuration folder. To re-create the Dreamweaver user's Configuration folder on Windows Vista:. Optional step.

If the steps above don't resolve the problem, follow the steps above again, but insert the following step after step 3: Disclaimer: This procedure involves editing the Windows registry.