Application Softwares

Dreamweaver CS3

Quickly and easily design, develop, and maintain websites and web applications — from start to finish — with Adobe® Dreamweaver® CS3 software. Built for both designers and developers, Dreamweaver CS3 offers the choice of working in an intuitive visual layout interface or a streamlined coding environment. Intelligent integration with Adobe Photoshop® CS3, Adobe Illustrator® CS3, Adobe Fireworks® CS3, Adobe Flash® CS3 Professional, and Adobe Contribute® CS3 software ensures efficient workflow across your favorite tools.

Tips and Tricks

Creating a layout table underneath text

In Layout view, if you're having trouble creating a layout table underneath the final text in the window, stretch your window downward so there's more space under the final text. Layout tables can't be drawn within half an inch or so below the bottom of the text.

Drawing multiple layout cells
In Layout view, by default, the Draw Layout Cell tool becomes inactive after you draw a layout cell. If you want to draw one layout cell after another without having to select Draw Layout Cell each time, hold down the Control key (Windows) or the Command key (Macintosh) as you draw each layout cell.

Debugger shortcuts
If you make a change to the code while debugging, you don't need to close the debugger. Just choose File > Debug in Browser (Alt+F12 in Windows, or Option+F12 on the Macintosh) and Dreamweaver will restart the debugging session using the changed code.

Refreshing the asset palette
To refresh the Assets panel's Site list, click the Refresh Site List button in the Assets panel. However, refreshing the Site list doesn't reflect any changes to the site that you may have made outside of Dreamweaver. To rebuild the site cache and the Site list to show changes made outside of Dreamweaver, Control-click (Windows) or Command-click (Macintosh) the Refresh Site List button.

Adding keyframes to a timeline
To quickly add a keyframe to a timeline, Control-click (Windows) or Command-click (Macintosh) the timeline.

Troubleshooting layer animations
Two tips for troubleshooting layer animations:

	If you change the height of a layer when a keyframe is selected, you may accidentally animate the height of the layer.
	Certain layer animations may have display problems in Internet Explorer 5 on the Macintosh. If you encounter such a problem, resize the layer so that it's taller than its contents.

SWiSH Max

With 230 new effects, a Javascript-like scripting language and support for dynamic content and input forms, SWiSH Max has everything you need to create fully interactive Flash animations.

Tips and Tricks

Step.1

Use the rectangle tool to create a shape approx 4 x 8 pixels see fig.1 below.
please note the image below has been scaled up so you can see clearly.

Step.2

Now select the reshape tool, and right click in the middle of the top line of the rectangle shape and select quadratic now drag the blue quadratic marker up so it is inline with the shapes top middle anchor point, see fig2 below..

Step.3

Remove the blick ine from the shape by choosing Line and None,
now choose a solid fill colour for the shape of #999999
now using the Ellipse tool drag out a small circle approx 82 x 65 pixels and make this center to the shape you have just created, make the colour of the circle you can seed not same colour as your canvas. see fig.3 below.

Fig.3

Step.4

Copy the grey marker shape you have just create and paste onto the canvas using the Rotate tool found under the options tab of the tools window, should be to the left of your canvas. rotate the new marker into place at the side of existing marker, see fig.3 below.

Fig.4

Step.5

Repeat the same process described in Step.4 untill you have gone all the way around the coloured circle with the grey markers. see fig. 5 below.

Fig.5

Step.6

Now group all the markers together as a shape and name markers, copy and paste in place and name mask, now click on the circle and change the colour to white #FFFFFF and name middle. you should now have something looking like fig.6 below.

Fig.6

Step.7

Now to create the rotating effect, select the rectangle tool, when done select the reshape tool from the tools panel and create a shape looking like fig.7 below. the shape should cover the top 3 markers, the anchor point for the shape must be at the tip of the shape, if you look at fig.7 you can just see the anchor point above the bottom middle marker.

Fig.7

Step.8

Now you have the shape in place, we need to change the colour, select the shape, now give it a gradient colour fill from left to right, # 666666 set the transparency to zero then in the middle #666666 and again at the end #666666 with the transparency set to zero, see fig.8a below.

Fig8.a

when you finaly done this name the shape spinner, you should have something looking like fig.8b

Fig.8b

Step.9

Double click on the timeline at the side of the spinner shapeand drag out over 40 frames see fig.9a below.

Fig.9a

once you have done that double click on the Move(40) action and set the setting seen in fig.9b below.

Fig.9b

Once you have set the sttings press Ctrl+T this will test what you have in the flash player
you should now have something looking like fig.9c below.
Please note the image below is show in real time size it is not scaled.

Fig.9c

Step.10

Now group all your four shapes together as a sprite and name the sprite loader_animation
open the sprite up and gruop together the following shapes as a sprite, middle, spinner and mask
name the sprite as animation and select use bottom object as mask., your outline tree should look like fig.10a below.

Fig.10a

Thats it you are finished, press Ctrl+T to test your movie in the flash player and hopefully you should now have something looking like Fig.10b below

Fig.10b

Microsoft FrontPage

Microsoft FrontPage is a WYSIWYG HTML editor and web site administration tool from Microsoft for the Windows operating system. It is part of Microsoft Office and included in some versions of the popular bundle.

Tips and Tricks

You can tell Microsoft FrontPage® 2002 how your HTML page should be formatted, from how many indents should come before each tag, or whether or not to use optional tags. By default, FrontPage preserves the formatting of existing HTML, but applies new HTML formatting to content you add to the existing page. HTML formatting is viewed in the HTML pane. The formatting options you choose will apply to all pages you create in FrontPage. New in FrontPage 2002 is the ability to take a page that has been imported into your Web site and reformat it according to your preferences.

To apply your HTML formatting preferences to a Web page, open it in FrontPage 2002 and do the following:

1. On the Tools menu, click Page Options, and then click the HTML Source tab.
2. Click Reformat using the rules below.
3. Under Formatting, select the options you want.

   For example, if you want all tags to appear as lowercase instead of uppercase, select Tag names are lowercase.

4. Under Tags, select the tag and attributes you want.

   For example, select Body, and then change indent to 12 spaces.

FrontPage will change the HTML pages you create in FrontPage to use these formatting rules.

Tip To change the HTML formatting for a page you imported into your Web site, select Preserve existing HTML, switch to the HTML pane and then right-click on the page, and select Reformat HTML.