programming4us
 
Graphics
 

CorelDraw 10 : Adding Graphics to a Page (part 2) - Exporting the rollover graphic

11/21/2011 10:31:45 AM

Exporting the rollover graphic

To use the rollover in a Web page, you must export it as an HTML or Flash object. Note that HTML has greater compatibility, since Flash objects only work if the person has the Flash plug-in installed for his or her browser.

To publish a rollover as an HTML object:
1.
Select the rollover graphic and choose File > Publish To The Web > HTML.

The Publish To The Web dialog box appears (Figure 4). No Issues should be listed.

Figure 4. Use the Publish To The Web dialog box to export the rollover to HTML with embedded JavaScript code.


2.
In the Export Range section, click the Selection radio button.

3.
Optional: To make sure that the rollover works properly, click the Browser Preview button to test the button in your browser.

4.
In the Destination box, select a folder in which to store the HTML/JavaScript file. (The three button state images will be stored in an Images subfolder.)

5.
Click OK to export the rollover as HTML.

To publish a rollover as a Flash object:
1.
Choose File > Publish To The Web > Flash embedded in HTML.

The Export dialog box appears (Figure 5).

Figure 5. The first step in creating a Flash rollover is to specify a name for the resulting file.


2.
Name the object file, click the Selected only check box, and click Export.

The Flash Export dialog box appears (Figure 6).

Figure 6. In the Flash Export dialog box, you can preview the effect or just click OK to create the file.


3.
No Issues should be noted on the right-most tab. If you want to make sure that the rollover works properly, click the Preview button.

The button is loaded into your browser.

4.
Click OK to complete the export process.

Two files are generated: an HTML (.htm) file and a Flash (.swf) file of the same name.
 
Others
 
- CorelDraw 10 : Adding Graphics to a Page (part 1) - Creating Rollover Graphics
- CorelDraw 10 : Adding Text to a Web Page
- Adobe Flash Professional CS5 : Transforming Gradients and Bitmap Fills (part 2) - Adjusting scale with the Gradient Transform tool, Setting gradient fill overflow styles
- Adobe Flash Professional CS5 : Transforming Gradients and Bitmap Fills (part 1) - Adjusting the center point with the Gradient Transform tool, Rotating a fill with the Gradient Transform tool
- Adobe InDesign CS5 : Joining Anchor Points & Using the Smooth Tool
- Adobe InDesign CS5 : Splitting Paths
- Adobe Flash Catalyst CS5 : Using design-time data (part 2) - Add and remove elements in the repeated item
- Adobe Flash Catalyst CS5 : Using design-time data (part 1) - Replace design-time images & Edit design-time text
- Adobe Flash Catalyst CS5 : Setting data list properties
- Adobe Illustrator CS5 : Learning the Truth About Transparency (part 2)
 
 
REVIEW
 
- First look: Apple Watch

- 10 Amazing Tools You Should Be Using with Dropbox

- Sigma 24mm f/1.4 DG HSM Art

- Canon EF11-24mm f/4L USM

- Creative Sound Blaster Roar 2

- Alienware 17 - Dell's Alienware laptops

- Smartwatch : Wellograph

- Xiaomi Redmi 2
 
VIDEO TUTORIAL
 
- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 1)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 2)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 3)
 
Popular tags
 
Video Tutorail Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS
 
Top 10
 
- How To Install Android Market & Google Apps On Kindle Fire
- How To Make Ubuntu Look Like Windows 7
- How To Add A New Account in MS Outlook 2013
- Get Android & Mac OS X Style Gadgets For Windows 7 & Windows 8 With XWidget
- How To Activate Microsoft Office 2013
- How To Install Actual Facebook App On Kindle Fire
- How To Create, View And Edit Microsoft Office Files On Kindle Fire
- Download Attractive Business PowerPoint Templates For Free At SlideHunter
- How To Use And Enable Hibernate & Sleep Mode In Windows 8
- How To Get Microsoft Office 2013 Trial Product Key From Microsoft