Copyright: © NetStudio 2000
Citation: © NetStudio 2000


About NetStudio 2000

NetStudio 2000 helps you create a professional-looking Web site that attracts customers and increases business. With NetStudio 2000, you can easily create custom Web graphics such as banners, buttons, bullets, button bars, and fancy text and apply special effects in seconds. NetStudio 2000 looks and feels just like Microsoft Office®, so there’s absolutely no learning curve.

NetStudio 2000 lets you instantly create professional-looking Web graphics through a simple, three-step process:

1	Create:

•	Get a quick start with wizards and hundreds of professional-quality templates and clip photos.

•	Instantly add One-Click Web Graphics™ such as buttons, button bars, banners, fancy text, and photo effects.

•	Save time with NetStudio 2000’s familiar, Microsoft Office®-like user interface.

2	Customize

•	Instantly and consistently change a Web page’s look with Visual Styles.

•	Add One-Click Web Effects™ including change color, add drop shadow, emboss, and drag/drop picture fill (bit-map fill).

•	Make sure your Web sites stay cutting-edge with automatic hover buttons (JavaScript™ rollovers).

3	Publish

•	Publish Web graphics to Microsoft FrontPage and other Web page editors. Use graphics in Microsoft PowerPoint and Microsoft Publisher.

•	Save time with NetStudio 2000 menus integrated into Microsoft FrontPage.

•	Drag/drop Web graphics from NetStudio 2000 into Microsoft FrontPage and vice versa.

To learn more about NetStudio 2000, consult the following topics:

•	What’s New in This Release

•	Using the NetStudio 2000 Window

•	Creating NetStudio 2000 Documents

•	Creating Elements

•	Formatting Elements

•	Using NetStudio 2000 with Your Web Page

Click buttons that look like this [image] to go up one level.


What's New in This Release
 About NetStudio 2000

What’s New in This Release

In NetStudio 2000, you’ll find lots of improvements, including the following:

•	A wizard that guides you through the creation of banners, fancy text, and buttons

•	A new shape menu that lets you choose from a wide variety of general, button, and other shapes

•	The ability to change the shape of any object—including a bitmap—to any geometrical shape

•	A way to soften the edges of any object

•	The ability to switch to your HTML editor to edit text and other HTML elements

•	The ability to create a button bar whose buttons have different shapes

•	The ability to specify fill color as RGB or as a web color code

•	The display of fonts in the font list as they will appear in your objects

•	Automatic alignment and resizing of buttons when you change their text

•	Right-click menus for objects on your page


Using the NetStudio 2000 Window
 About NetStudio 2000

Using the NetStudio 2000 Window

The NetStudio 2000 application window contains the following elements:

•	Menu bar

•	Toolbars

•	Style browser

•	Picture/Preview tabs


NetStudio 2000 Window
 About NetStudio 2000

The NetStudio 2000 Window

The menu bar and toolbars appear at the top of the NetStudio 2000 window. The style browser appears at the left side of the application window. The status bar at the bottom of the application window tells you the position of the selected item and whether the current document has been saved.


Using the NetStudio 2000 Menus
 Using the NetStudio 2000 Window

Using the NetStudio 2000 Menus

NetStudio 2000 has the following menus:

File	Lets you create, open, preview, and save documents. You can save the current document as your own style. Choosing Close closes the current picture and lets you open a new one.
Edit	Lets you cut, copy, paste, and clear selected images and undo and redo your edits. You can undo and redo all edits for the current document, without limit. This menu also lets you see all current properties for the selected element.
View	Lets you show or hide the toolbars and style browser, and switch between Preview and Picture views.
Insert	Lets you insert graphic elements, such as banners, and buttons, lines, geometric shapes, text, and pictures created with other applications.
Format	Lets you change the appearance of the selected element.
Tools	Lets you send the selected element backward or forward in the picture, trim (crop) the element, set a color to be transparent, and edit the HTML source for an open web page.
Help	Lets you display help topics for NetStudio 2000 and find out the application version number.
Right-click menus	Right-click the blank page to see a menu of items you can insert. Right-click any object to see a menu of options for that item.


Using the NetStudio 2000 Toolbars
 Using the NetStudio 2000 Window

Using the NetStudio 2000 Toolbars

NetStudio 2000 has two toolbars:

Standard Toolbar

Formatting Toolbar

Hold the cursor over a tool icon in the NetStudio 2000 window to see its name. Click a tool icon to issue its command. Some tool icons (such as the Fill and Insert Shape icons) display drop-down lists when you click them and allow you to choose from a set of options.

To hide or display a toolbar

1	From the View menu, choose Toolbars.

2	From the submenu, choose Standard or Formatting.

When the toolbar’s name is checked on the submenu, it displays in NetStudio 2000. When the name is unchecked, the toolbar doesn’t display.

To move a toolbar left or right, drag the bar on the right side of the toolbar in the direction you want.


Using the NetStudio 2000 Style Browser
 Using the NetStudio 2000 Window

Using the NetStudio 2000 Style Browser

The NetStudio 2000 style browser displays the style collections available to you. NetStudio 2000 contains several pre-designed style collections, and you can create your own. To apply just one aspect of a style, or to use styles from documents stored on your computer, use the Apply Style dialog box instead of the style browser.

To display the style browser

•	From the View menu, choose Styles, or click [image].

To use the style browser

1	Select the element to which you want to apply the style.

To apply a style to all elements on a page (if you have multiple elements), make sure nothing is selected.

2	Find the style you want in the list.

Styles you created are at the top of the list and styles that are provided with NetStudio 2000 are below them.

3	Click the style in the scrolling list to apply the selected style to the selected element.


Using the Apply Style Dialog Box
 Using the NetStudio 2000 Window

Using the Apply Style Dialog Box

From the Apply Style dialog box, you can apply the color, effects, fonts, and layout of a particular style independently or as a group. You can apply style elements to the selected element or to all elements on a page.

You can also apply a style from a NetStudio 2000 file that is not in the style list.

To apply a style from the Apply Style dialog box

1	Select the element to which you want to apply the style.

To apply a style to all elements on a page (if you have multiple elements), make sure nothing is selected.

2	On the Format menu, choose Style.

3	Click the style you want in the list.

Styles you created are at the top of the list and styles that are provided with NetStudio 2000 are below them. When you click the style name, a preview of the style appears in the area on the right.

4	From the Partial Style dropdown list (below the styles list), choose which aspect of the style you want to apply.

You can apply all aspects of the style (Entire Style), or you can apply just the color, effects, fonts, or layout.

5	Click Apply to apply the style.

To apply a style from a NetStudio 2000 file that is not in the style list

1	In the Apply Style dialog box, click Import from File.

2	Select the file containing the style you want and click Open.

The styles for the selected file appear in the style list.

3	Apply the formatting as usual from the new listing.


Using the NetStudio 2000 Picture and Preview Tabs
 Using the NetStudio 2000 Window

Using the NetStudio 2000 Picture/Preview Tabs

You can switch between viewing an open web page and the current NetStudio 2000 picture.

Picture view shows you the current NetStudio 2000 picture you’re editing.

Preview shows you the current page with the latest saved versions of any NetStudio 2000 graphics it includes. Clicking any graphical element on the page will display it in NetStudio 2000 so you can edit it.

Note: In order for Preview to work, you must have Microsoft Internet Explorer version 4.0 installed on your system and you must open the web page (.html file) you want to view in NetStudio 2000. You cannot preview non-HTML files.

To switch between Preview and Picture view

Do one of the following:

•	Click the appropriate tab at the bottom of the application window.

•	Choose Preview or Picture from the View menu.

The menu item with the checkmark is the one currently displayed.

Note: You can also edit the HTML on the open page by using NetStudio 2000 to switch to your HTML editor.


Creating NetStudio 2000 Documents
 About NetStudio 2000

Creating NetStudio 2000 Documents

When you create a new document in NetStudio 2000, you can do one of the following:

•	Start with a button, banner, or fancy text

•	Start with an element

•	Start with a blank picture

•	Start from a web page template and edit sample elements

•	Create a set of elements and save them as a style

Note: You can have only one document open in NetStudio 2000 at a time. When you create or open a new document, you are prompted to save your changes to any open document first. Use the web page templates (available by choosing New from the File menu) to edit multiple items at a time.


To start with a banner, button, or fancy text
 Creating NetStudio 2000 Documents

To start with a banner, button, or fancy text

You can start by creating a button, banner, or fancy text. Some elements (for example, Ad Banners, Hover Buttons, and Logos) can be created only through the Template dialog box. Banners, buttons, and fancy text can be created using a wizard. Most elements can be added to any NetStudio 2000 document using the Insert menu.

To start with a banner, button, or fancy text

1	From the File menu, choose New to see the Create Web Object dialog box.

The Create Web Object dialog box displays automatically when you start NetStudio 2000.

2	Select an item to create from the list and click Next.

To start from a blank page, choose Blank Picture. To create an element that is not listed, click Other.

3	Choose the template that will be the starting point for your new banner, button, or fancy text, then click Next.

4	Type the title (text) for your banner, button, or fancy text and click Next.

5	For banners, select a picture to include in the banner (if any) and click Next.

6	Review the finished element and click Finish to edit it in NetStudio 2000, or click Back to change any aspect of the element.

7	To format the element, use the various formatting options.

8	To use NetStudio 2000’s styles, choose Styles from the View menu or click [image].

9	When you are finished, choose Save or Save My Style from the File menu.

Type a name for the element and choose a file type.


File Types
 Creating NetStudio 2000 Documents

File Types

GIF	Graphics Interchange Format. A bitmapped graphics file format used by the World Wide Web, CompuServe, and many bulletin board services. GIF supports color and different resolutions. GIF uses a patented data compression algorithm called LZW. It is effective for scanned photos. In NetStudio 2000, A GIF image is saved with an adaptive palette (a maximum of 256 colors that include the colors most frequently used in your image).
PNG	Portable Network Graphics. A new bitmapped graphics format, similar to GIF. PNG replaced GIF as the standard for the World Wide Web consortium. PNG is patent- and license-free. The most recent versions of Netscape Navigator and Microsoft Internet Explorer now support PNG.
NSO	The NetStudio 2000 file format, which preserves structural information about your graphics.
JPG	Joint Photographic Experts Group. It can reduce files sizes to about 5% of their normal size, but some detail is lost in the compression. This file format is most useful for photographic images.
BMP	The standard bitmapped graphics format used in the Windows environment. By convention, graphics files saved with the BMP format end with a.BMP extension. BMP files store graphics in a format called device-independent bitmap (DIB). NetStudio 2000 saves BMP files as standard 24-bit, compressed bitmaps.
If you click the Save icon on the toolbar, NetStudio 2000 automatically chooses the best file format (GIF or JPEG) for the element you are saving.


To start with an element
 Creating NetStudio 2000 Documents

To start with an element

You can start by choosing an element to create. Banners, buttons, and fancy text can be created using a wizard. Most elements can be added to any NetStudio 2000 document using the Insert menu.

To start with an element

1	From the File menu, choose New to see the Create Web Object dialog box.

The Create Web Object dialog box displays automatically when you start NetStudio 2000.

2	Click Other and click Finish.

To start from a blank page, choose Blank Picture.

3	Choose the item to create in the list on the left side of the Template dialog box.

4	Choose the template that will be the starting point for your new element, then click OK.

5	To format the element, use the various formatting options.

6	To use NetStudio 2000’s styles, choose Styles from the View menu or click [image].

7	When you are finished, choose Save or Save My Style from the File menu.

Type a name for the element and choose a file type.

If you click the Save icon on the toolbar, NetStudio 2000 automatically chooses the best file format (GIF or JPEG) for the element you are saving.


To start with a blank picture
 Creating NetStudio 2000 Documents

To start with a blank picture

You can start with a blank picture to create a single web graphic element, for example, a banner, button, bullet, or button bar.

You can insert the element to create and then add colors and formatting, or you can use NetStudio 2000’s styles as the basis for your new element. Once you have saved your graphic, you can use a web page editor to add it to any web page.

To start with a blank picture

1	From the File menu, choose New to see the Create Web Object dialog box.

The Create Web Object dialog box displays automatically when you start NetStudio 2000.

2	Choose Blank Picture and click Finish.

NetStudio 2000 displays a blank page.

3	To insert an element, choose it from the Insert menu, or click its button in the toolbar.

4	To format the element, use the various formatting options.

5	To use NetStudio 2000’s styles, choose Styles from the View menu or click [image].

6	When you are finished, choose Save or Save My Style from the File menu.

If you have created a single element, choose Save. Type a name for the element and choose a file type.

If you click the Save icon on the toolbar, NetStudio 2000 automatically chooses the best file format (GIF or JPEG) for the element you are saving.

If you have created a set of elements that you want to use as a style for future elements, choose Save My Style and type a name.


To start from a Web Page
 Creating NetStudio 2000 Documents

To start from a web page

When you start from a web page, NetStudio 2000 opens a web page template in Preview. The template contains a banner, buttons, bullets, and a button bar.

NetStudio 2000 provides a variety of web page templates, which you can preview when you start a new document.

To edit the text (not a graphic element) in your web page, choose Edit HTML to open the page in your web editor and see your changes reflected in NetStudio 2000.

To start from a web page template

1	From the File menu, choose New to see the Create Web Object dialog box.

The Create Web Object dialog box displays automatically when you start NetStudio 2000.

2	Choose Other and click Finish.

3	In the Template dialog box, choose Web Page.

4	Choose a web page template from the list.

5	Click OK.

The web page template opens in Preview. Click any element on the page to customize it in Picture view.


To create a new style
 Creating NetStudio 2000 Documents

To create a new style

You can start a new NetStudio 2000 document that contains placeholders for each web graphic element, as well as a set of geometric shapes (for example, a rectangle, square, circle, ellipse, and line) and plain text. Each of these elements sets the default style for any new elements of that type that you add. You can customize these elements and save them as a style. The saved style appears in the style browser, above the NetStudio 2000 styles.

You can use your style just like any other NetStudio 2000 style, and apply its attributes to any new element you create in NetStudio 2000.

To create a new style

1	From the File menu, choose New to see the Create Web Object dialog box.

The Create Web Object dialog box displays automatically when you start NetStudio 2000.

2	Click Other and click Finish.

3	Choose Style in the list on the left side of the Template dialog box, then click OK.

NetStudio 2000 inserts sample elements for each element type.

4	Customize the elements and add new ones if you like.

5	When you are finished, choose Save My Style from the File menu.

6	Type a name for the new style. It can be up to 32 characters long and can include spaces.

The new style appears above the NetStudio 2000 styles in the style browser.


Creating Elements
 About NetStudio 2000

Creating Elements

In NetStudio 2000, you can create the following web graphic elements:

•	Banners

•	Ad banners

•	Bullets

•	Logos

•	Buttons

•	Hover buttons

•	Button bars

•	Fancy text

•	Backgrounds

In NetStudio 2000, you can insert Web buttons, navigation bars, banners, photos, backgrounds, fancy text, and shapes with a single click. If the element contains text, click the placeholder text and type the text you want. Add any formatting you want to customize the elements.

 If your NetStudio 2000 picture includes a single element, you can save it in one of several formats and insert it directly into a web page.

If your NetStudio 2000 picture includes several elements, you can save it as a NetStudio 2000 style and use it as the basis for individual elements later.

Note: You can move elements on your NetStudio 2000 picture, but geometric shapes and graphic images do not move with the object. If you move an object that uses a shape, you must drag the shape or image to the new location and re-position it. Text does not move with bullets. If you move a bullet, you must drag its text to the new location and re-position it.


To create a banner
 Creating Elements

To create a banner

A banner is generally used for the title of a web page, or at the beginning of a significant section of text.

You can also create a banner from a banner template.

To create a banner

1	In a new, blank NetStudio 2000 picture, choose Banner from the Insert menu or click [image].

2	To change the text in the banner, click the placeholder text box and type the new text.

3	To add a picture to the banner, click the placeholder picture box and select the picture to insert.

Note: If you format the picture, then delete it from the banner, the placeholder will re-appear. Any new picture you insert will use the formatting you’ve applied.

4	Customize your banner using the following options:

•	Change its size

•	Change its shape

•	Change the fill

•	Change the background color

•	Use washout

•	Change brightness and contrast

•	Use a graphic as the banner background

•	Use geometric shapes

•	Fade the background from one color to another

•	Add a shadow

•	Emboss it

•	Engrave it

•	Blur or sharpen it

•	Soften its edges

•	Use transparency

•	Format text

5	Choose Save from the File menu and choose a file type.


To create an ad banner
 Creating Elements

To create an ad banner

Ad banners are specifically designed for web ads and for that reason, they are a standard size: 468 x 60. An ad banner is used at the head of a web page. It is similar to a regular banner, but it includes more default text blocks—a subtitle and a text block intended to connect to another web page.

To create an ad banner

1	Choose New from the File menu, select Other and click Next.

2	Choose Ad Banner in the left-hand list and the template you want from the right-hand list, then click OK.

3	To change the text in the ad banner, click one of the text boxes and type the new text.

4	To add a picture to the ad banner, click the placeholder picture box and select the picture to insert.

Note: If you format the picture, then delete it from the ad banner, the placeholder will reappear. Any new picture you insert will use the formatting you’ve applied.

5	Customize your ad banner using the following options:

•	Change its size

•	Change its shape

•	Change the fill

•	Change the background color

•	Use washout

•	Change brightness and contrast

•	Use a graphic as the banner background

•	Use geometric shapes

•	Fade the background from one color to another

•	Add a shadow

•	Emboss it

•	Engrave it

•	Blur or sharpen it

•	Soften its edges

•	Use transparency

•	Format text

6	Choose Save from the File menu and choose a file type.


To create bullets
 Creating Elements

To create bullets

Bullets are generally used for lists of items or choices on a web page. You can create graphical bullets and format them yourself, or use existing graphics.

You can also create a bullet from a bullet template.

To create bullets

1	In a new, blank NetStudio 2000 picture, choose Bullet from the Insert menu or click [image].

2	Customize your bullet using the following options:

•	Change its size

•	Change its shape

•	Change the fill

•	Change the background color

•	Use a graphic as the bullet

•	Use geometric shapes

•	Fade the background from one color to another

•	Use washout

•	Change brightness and contrast

•	Add a shadow

•	Emboss it

•	Engrave it

•	Blur or sharpen it

•	Soften its edges

•	Use transparency

•	Format text

3	Choose Save from the File menu and choose a file type.


To create a logo
 Creating Elements

To create a logo

A logo is a graphical symbol for a company or organization. You can use a logo as a repeating element on a set of web pages.

To create a logo

1	Choose New from the File menu, select Other and click Next.

2	Choose Logo in the left-hand list and the template you want from the right-hand list, then click OK.

3	To change the text in the logo, click the placeholder text box and type the new text.

4	Customize your logo using the following options:

•	Change its size

•	Change its shape

•	Change the fill

•	Change the background color

•	Use a graphic as the bullet

•	Use geometric shapes

•	Fade the background from one color to another

•	Use washout

•	Change brightness and contrast

•	Add a shadow

•	Emboss it

•	Engrave it

•	Blur or sharpen it

•	Soften its edges

•	Use transparency

•	Format text

5	Choose Save from the File menu and choose a file type.


To create a hover button
 Creating Elements

To create a hover button

A hover button is a three-state button. It changes its appearance when the cursor “hovers” over it, then changes again when it is clicked. This provides the user with visual feedback.

When you create a hover button, NetStudio 2000 displays the Preview view, rather than the usual Picture view. The Preview shows you each of the three versions of the hover button, as well as a working preview that shows the behavior of the button as currently defined.

You define each version of the hover button by clicking its image on the Preview view and editing it in Picture view. Each time you edit one of the buttons, you can return to the Preview view to see the results.

When you save a hover button, NetStudio 2000 saves three image files (one for each version of the hover button) and an index file. In order to make use of a hover button, you must add some JavaScript to your web page code that specifies each of the button graphics for the OnMouseOver, OnMouseDown, and OnMouseOut actions. This code is included in the index file, and you can copy and paste it into your web page code.

To create a hover button

1	Choose New from the File menu, select Other and click Next.

2	Choose Hover Button in the left-hand list and the template you want from the right-hand list, then click OK.

3	On the Preview view, click the version of the button you want to edit.

NetStudio 2000 switches to Picture view so you can edit the button image.

4	Customize your button using the following options:

•	Change its size

•	Change its shape

•	Change the fill

•	Change the background color

•	Use washout

•	Change brightness and contrast

•	Use a graphic as the button background

•	Use geometric shapes

•	Fade the background from one color to another

•	Add a shadow

•	Emboss it

•	Engrave it

•	Blur or sharpen it

•	Soften its edges

•	Use transparency

•	Format text

5	Click the Preview tab at the bottom of the NetStudio 2000 window to see the results of your changes.

6	Repeat steps 3 and 4 for the remaining buttons.

7	When you have finished editing the buttons, choose Save As from the File menu. You must save the set of buttons as an HTML file.


To create a button
 Creating Elements

To create a button

Buttons are generally used to make things happen on web pages. When the user clicks a button, the web site displays a new page or issues a command.

You can also create a button from a button template.

To create a button

1	In a new, blank NetStudio 2000 picture, choose Button from the Insert menu or click [image].

2	Customize your button using the following options:

•	Change its size

•	Change its shape

•	Change the fill

•	Change the background color

•	Use washout

•	Change brightness and contrast

•	Use a graphic as the button background

•	Use geometric shapes

•	Fade the background from one color to another

•	Add a shadow

•	Emboss it

•	Engrave it

•	Blur or sharpen it

•	Soften its edges

•	Use transparency

•	Format text

3	Choose Save from the File menu and choose a file type.


To create a button bar
 Creating Elements

To create a button bar

Button bars are generally used to give users a choice of pages to view. When the user clicks a button in the button bar, the web site displays the page represented by that button. You usually place the button bar on all pages of your web site, so the user has a consistent way to move between pages.

In NetStudio 2000, you can create either a horizontal or a vertical button bar.

You can create a button bar whose buttons are different shapes. To do this, use the Change Shape To command for each button whose shape you want to change. In fact, each button in the button bar can use different colors, shapes, and other formatting.

If you save a button bar with variegated formatting as a style, you can apply the different formatting to new button bars you create. If the new buttons bars don’t have the same number of buttons in them as the one you used to create the style, NetStudio 2000 applies the style as follows:

•	The style of the first button is applied to the first button in the new button bar.

•	The style of the last button is applied to the last button in the new button bar.

•	The intermediate button styles are repeated, in sequence, as many times as needed for the intermediate buttons in the new button bar. For example, if the original button bar had intermediate buttons that alternated between black and white, the new button bar will also alternate between black and white.

To create a button bar

1	In a new, blank NetStudio 2000 picture, click one of these buttons: .

2	Customize your button bar using the following options:

•	Change its size

•	Change its shape

•	Add or delete buttons on the bar

•	Change the fill

•	Change the background color

•	Use a graphic as the button background

•	Use geometric shapes

•	Fade the background from one color to another

•	Use washout

•	Change brightness and contrast

•	Add a shadow

•	Emboss it

•	Engrave it

•	Blur or sharpen it

•	Soften its edges

•	Use transparency

•	Format text

3	Choose Save from the File menu and choose a file type.


To add or delete buttons on a button bar
 Creating Elements

To add or delete buttons on a button bar

By default, button bars have five buttons apiece. You can add or delete buttons from either a horizontal or a vertical button bar.

To add or delete buttons on a button bar

1	Select a button bar.

2	To add a button, choose Button Bar from the Insert menu and then choose Add Button from the submenu, or click [image].

3	To delete a button, select the button to delete and press the Delete key on your keyboard.


To create fancy text
 Creating Elements

To create fancy text

You can create graphical text objects using any text string. Apply special effects to make your text stand out.

You can create fancy text from a template.


Formatting Elements
 About NetStudio 2000

Formatting Elements

In NetStudio 2000, you can apply formatting to an element using the style browser, or you can apply individual formatting options.

Once you format an object, the formatting remains in place. For example, if you replace the fill for an object with a graphic, that graphic will use the formatting applied to the object.

The last five combinations of formatting properties that you applied are available in each formatting dialog box. This makes it easy to apply a complex set of formatting properties to multiple elements. Choose one of the selections from the Last Used list to re-use those settings.

You can customize your web page elements by doing any of the following:

•	Change size

•	Change shape

•	Make a color transparent

•	Change an element’s fill

•	Change the background color

•	Fade the background from one color to another

•	Use a graphic as a background

•	Use geometric shapes

•	Overlap objects

•	Use washout

•	Change brightness and contrast

•	Add a shadow

•	Emboss

•	Engrave

•	Blur or sharpen

•	Soften edges

•	Use transparency

•	Format text

•	Edit an element’s properties

•	Remove formatting from an element


To change the size of an element
 Formatting Elements

To change the size of an element

You can change the size of any web graphic element in NetStudio 2000. When you resize a button bar, all the buttons resize equally.

To change the size of an element

Do one of the following:

•	To resize the height and width independently, drag any side of the selection rectangle.

•	To resize the height and width proportionally, drag the resize corner.

When you resize an element proportionally, its contents resize with it. When you resize the height or the width independently, only the element’s outline and its background resize—any other contents remain unchanged. This is useful when you resize an element, for example, to allow text to fit within it. The text remains unchanged, but the element resizes to allow room for the text.

Note that buttons resize automatically when you change their text.


To trim a picture
 Formatting Elements

To trim a picture

You can trim (crop) a picture to remove part of the image. After you trim a picture, you can restore the part you trimmed. You can trim two sides at a time proportionally, or you can trim a single side. Note that you can trim pictures only—not other elements.

To trim two sides of a picture proportionally

1	From the Tools menu, choose Trim or click [image].

2	Drag the scissor icon until it is over the corner of the two edges you want to trim.

The scissors will open when they are over a trimmable spot.

3	Drag to trim the image to the desired size.

To trim one side of a picture

1	From the Tools menu, choose Trim or click [image].

2	Drag the scissor icon until it is over the edge you want to trim.

The scissors will open when they are over a trimmable spot.

3	Drag to trim the side to the desired size.

To stop trimming

•	Do one of the following:

•	Press ESC.

•	Click [image] to turn trimming off.

•	Choose Trim from the Tools menu to turn it off.


To make a color transparent
 Formatting Elements

To make a color transparent

You can designate one color in an image to appear transparent when it is inserted into your web page.

Often, you may want the background of an image to appear transparent so it can float over a background color or texture, or be combined with another image.

Making a color transparent does not change the image file itself, but only the way it appears on your web page. Each element can have a different transparent color.

You can Undo the Set Transparent Color command, or you can choose a different color to be transparent.

To make a color transparent

1	Select the image to change.

2	Choose Set Transparent Color from the Tools menu or click [image].

The cursor changes to a paintbrush.

3	Click the color you want to be transparent.


To change an element's fill
 Formatting Elements

To change an element's fill

You can fill an element with a solid color, an image, or a fade from one color to another.

You choose any of these options from the Fill dialog box, but they are mutually exclusive. The last choice you make in this dialog box is the one that goes into effect.

To change an element’s fill

1	Select the image to change.

2	From the Format menu, choose Fill.

3	To use a solid color, click the Color tab and click the color you want.

The Fill dialog box lets you specify the RGB values or the Web Color code for the selected color.

RGB stands for Red, Green, and Blue, and is the system for describing colors on your monitor.

HTML editors use Web Color codes to specify colors on a web page. For example, the code for a web page might say “<body bgcolor=”#0EAA76” text=”#000000”> to specify the background and text colors. If you are using a particular Web Color in your web page, you can match it by typing its code in the Web Color field.

4	To use a fade, click the Fade tab, click the start and end colors, and the direction of the fade.

5	To use an image, click the Picture tab, click Choose Picture, and select the file containing the picture you want.

6	Click OK.

Note: To fill a shape, text, or any other fillable object with a picture, hold down the Alt key and drag the picture over the object.


To change the background color of an element
 Formatting Elements

To change the background color of an element

You can change the background color of an element by changing its fill or by placing a geometric shape behind it and changing the fill of the shape.

When you change the element’s fill, the entire background changes.

When you place a geometric shape behind an element, you can make the shape the same size as the element, or a larger or smaller size. This lets you vary the element’s background, rather than making it all one color.

To change the background color by changing the fill

1	Select the element to change.

2	Choose Fill from the Format menu.

3	Click the Color tab.

4	Click the color you want. The Preview window shows you how the new color will look.

The Fill dialog box shows you the RGB values as well as the Web Color code for the selected color. If you are using a particular Web Color in your web page, you can match it by typing its code in the Web Color field.

5	Click OK to apply the new color.

Note: You can quickly apply a background color by clicking the Fill button on the toolbar.

To change the background color by placing a geometric shape behind it

1	From the Insert menu, choose Shape. From the submenu, choose the shape you want.

2	Use the Fill formatting options to make the shape the color you want.

3	Move the shape over the element you’re changing.

4	To place the shape behind any text on the element, from the Tools menu, choose Send Backward.


To use a graphic as a background
 Formatting Elements

To use a graphic as a background

You can insert an image from another application—a scanned image, a clip-art picture, or a bitmap you created with a paint program—and use it as the basis of a banner, button, or bullet.

NetStudio 2000 automatically trims any extra white space around a picture when it saves it.

Images do not move with the object, so if you move the bullet, button, or button bar, you must drag the image to the new location and re-position it.

To use a graphic as a background

1	From the Insert menu, choose Picture.

2	Select the file containing the graphic you want.

3	Click OK.

4	Drag the graphic onto an element.

5	To place the image behind any text on the element, from the Tools menu, choose Send Backward.

Note: To fill a shape, text, or any other fillable object with a picture, hold down the Alt key and drag the picture over the object.

You can trim any graphic you insert.


To use geometric shapes
 Formatting Elements

To use geometric shapes

You can use a geometric shape to add a block of color to a web graphic element. For example, use a series of solid circles that increase in size, stacked on top of each other, to create a bullseye effect. Use a solid rectangle behind a transparent element to provide a color background.

Geometric shapes do not move with the object, so if you move the bullet, button, or button bar, you must drag the shape to the new location and re-position it.

You can change any element to use a geometric shape as its outline.

To use geometric shapes

1	From the Insert menu, choose Shape, or click the Shape button.

The name of each shape appears in the status bar when you move the mouse over it.

2	Select the shape you want.

3	Drag the shape onto an element.

4	To place the shape behind any text on the element, from the Tools menu, choose Send Backward.


To change the shape of an element
 Formatting Elements

To change the shape of an element

You can change any element to use a geometric shape as its outline. This puts a transparent “mask” or cut-out over the element in the shape you specify. This is a good way to make the background of a picture transparent.

To change the shape of an element

1	Select the element whose shape you want to change.

2	From the Format menu, choose Change Shape To.

3	Choose the shape you want.


To overlap objects
 Formatting Elements

To overlap objects

You can overlap objects (without manipulating layers) by dragging the object over the one you want to overlap.

You can use this method to overlap photographs to create a collage. Making the component photographs transparent in various ways can produce an interesting effect. For example, the bottom object can be filled with a texture and the overlapping object can be an image.

The overlapped objects form a “stack,” much like a deck of cards, that you can shuffle using Send Forward and Send Backward.

To overlap objects

1	Select the object that will be on top of the other objects.

2	Drag the object over the other objects.

3	Move the objects up and down in the stack using Send Forward and Send Backward on the Tools menu.


To fade from one color to another
 Formatting Elements

To fade from one color to another

You can fill the background of an element with two colors that fade gradually from one to the other.

To fade from one color to another

1	Select the element whose colors you want to fade.

2	From the Format menu, choose Fill.

3	Click the Fade tab and choose two colors.

If you don’t see the colors you want, click More Colors. The dialog box that appears shows you the RGB values as well as the Web Color code for the selected color. If you are using a particular Web Color in your web page, you can match it by typing its code in the Web Color field.

4	Choose the direction of the fade.

5	Click OK.

Note: You can also apply a fade by clicking the Fill button on the toolbar, then clicking More and following steps 3 through 5 above.


To use washout
 Formatting Elements

To use washout

You can use washout on an element and/or the text in that element.

Washout is particularly useful for fading graphics used as a background for a banner or button, but you can also use it as a shortcut for making a solid color lighter.

To use washout

1	Select an element to wash out. If you want to wash out the text, and not the element itself, click in the text.

2	From the Format menu, choose Washout.

3	Use the Washout slider to specify the amount of washout.

The Washout preview always shows the letter A, even if you are washing out an object other than text. The preview in the lower-right corner of the dialog shows how the selected object will appear.

4	Click OK.

Note: You can also apply washout by clicking [image].


To change brightness and contrast
 Formatting Elements

To change brightness and contrast

You can adjust the brightness and contrast of any image, just as you would for a photograph.

To adjust brightness and contrast

1	Select an element to adjust. If you want to adjust the brightness and contrast of the text, and not the element itself, click in the text.

2	From the Format menu, choose Brightness and Contrast.

3	Use the Brightness slider to specify the brightness of the object.

4	Use the Contrast slider to specify the level of contrast.

The preview in the lower-right corner of the dialog shows how the selected object will be affected. The brightness and contrast are applied to the object immediately, before you click OK, but if you click Cancel, they are cancelled.

5	Click OK.

Note: You can also adjust brightness and contrast with the Brightness and Contrast buttons.

Each time you click one of these buttons, the setting increases or decreases by one notch.


To add a shadow
 Formatting Elements

To add a shadow

You can add a shadow to an element and/or to the text in that element.

To add a shadow

1	Select an element to shadow. If you want to add the shadow to the text, and not to the element itself, click in the text.

2	From the Format menu, choose Shadow.

3	Use the Position sliders to specify the position of the shadow relative to the object, or drag the shadow itself in the Position preview.

The Position preview always shows the letter A, even if you are shadowing an object other than text. The preview in the lower-right corner of the dialog shows how the selected object will be shadowed.

4	Use the Blur Amount slider to specify the sharpness or fuzziness of the shadow.

Use this slider to blur the shadow, and not the object itself.

5	From the Fills area, choose the shadow color.

If you don’t see the color you want, click More Fills. Fades and pictures are also available from the More Fills dialog box.

6	Click OK.

Note: You can also apply a shadow by clicking [image].


To emboss
 Formatting Elements

To emboss

You can emboss an element and/or the text in that element. Embossing makes the object look raised compared to its background. Emboss and Engrave (which makes the object look recessed compared to its background) are mutually exclusive—when you turn one on, you turn the other off.

To emboss

1	Select an element to emboss. If you want to emboss the text, and not the element itself, click in the text.

2	From the Format menu, choose Emboss or Engrave.

3	Use the Emboss or Engrave slider to specify the appearance of the object.

4	Click OK.

Note: You can also emboss an element by clicking [image].


To engrave
 Formatting Elements

To engrave

You can make an element and/or the text in that element look engraved. Engraving makes the object look recessed compared to its background. Emboss (which makes the object look raised compared to its background) and Engrave are mutually exclusive—when you turn one on, you turn the other off.

To engrave

1	Select an element to engrave. If you want to engrave the text, and not the element itself, click in the text.

2	From the Format menu, choose Emboss or Engrave.

3	Use the Emboss or Engrave slider to specify the appearance of the object.

4	Click OK.

Note: You can also make an element engraved by clicking [image].


To blur or sharpen an element
 Formatting Elements

To blur or sharpen an element

You can blur or sharpen an element and/or the text in that element. You can also soften the edges of an object.

Blurring makes the object look cloudy, while sharpening it brings it into focus. Blur and Sharpen are mutually exclusive—when you turn one on, you turn the other off.

To blur or sharpen

1	Select an element to blur. If you want to blur the text, and not the element itself, click in the text.

2	From the Format menu, choose Blur or Sharpen.

3	Use the Blur or Sharpen slider to specify the appearance of the object.

4	Click OK.

Note: You can blur an element by clicking [image]. To remove the blur, click the button again (so it appears flat against the toolbar).

Click [image] once to turn Blur off and turn Sharpen on.

To sharpen an element, click [image] so it appears depressed against the toolbar.


To soften the edges of an element
 Formatting Elements

To soften the edges of an element

You can soften the edges of an element and/or the text in that element.

To soften the edges of an object

1	Select the element whose edges you want to soften. If you want to soften the edges of the text, and not the element itself, click in the text.

2	From the Format menu, choose Soften Edges.

3	Use the slider to specify the appearance of the object.

4	Click OK.

Note: You can also soften an element by clicking [image].


To use transparency and fade
 Formatting Elements

To use transparency and fade

You can make an object transparent, for example, to show a shape behind that object.

The transparency does not have to be 100 percent—you can make the object translucent, rather than completely transparent.

You can fade the transparency in several directions, so the object moves gradually from opaque to transparent.

To add transparency

1	Select an element to make transparent. If you want to make the text transparent, and not the element itself, click in the text.

2	From the Format menu, choose Make Transparent.

3	If you want to give the object a uniform transparency, click the Standard tab and use the Transparency Amount slider to indicate the translucence of the object.

The Transparency Amount preview always shows the letter A, even if you are changing an object other than text. The preview in the lower-right corner of the dialog shows how the selected object will look.

4	If you want to fade the object from opaque to transparent, click the Fade tab and use the Direction and Fade Amount sliders to indicate the translucence of the object.

Whichever transparency setting you set last (Standard or Fade) will be the one used when you click OK in the dialog box.

5	Click OK.

Note: You can also apply transparency by clicking [image].

You can apply a fade by clicking the Fade button and choosing a direction. To set the fade amount, click More and follow steps 4 and 5 above.


To format text
 Formatting Elements

To format text

You can change the font, size, font style, and alignment of text, whether it was originally part of a web graphic element or you added it as a separate object.

You can also format text, for example, with shadowing, embossing, engraving, fills, and transparency.

To format text

1	Click in the text to change.

2	From the Format menu, choose Font.

3	Choose a font, font style, and font size from the pulldown menus.

The fonts in the font list display as they will appear in your document.

4	Check the boxes for any formatting that you want.

5	Choose a text color.

If you don’t see the color you want, click More Fills.

6	Click OK.

7	If more than a single line of text is selected, you can change its alignment. To do so, choose Text Alignment from the Format menu and choose the alignment option you want from the sub-menu.

Note: You can apply all text formatting from the toolbar, using the text formatting buttons and the regular formatting buttons.


To edit an element's properties
 Formatting Elements

To edit an element's properties

You can apply or change a variety of properties at one time. The properties available in the Properties dialog vary, depending on the selected object.

When you check a property check box in this dialog, it turns on the default setting for that property. When you uncheck a property check box, it turns the current setting off.

To edit an element's properties

1	Select an element to edit. If you want to edit the text, and not the element itself, click in the text.

2	From the Edit menu, choose Properties or click [image].

3	For text, the tab in the dialog is labeled "Font" and you can change the following options:

•	Font

•	Font style

•	Font size

•	Shadow

•	Underline

•	Emboss

•	Engrave

•	Transparent

•	Color

•	Soften Edges

4	For other objects, the tab is labeled "Custom" and you can change the following options:

•	Fill

•	Color

•	Washout

•	Transparent

•	Shadow

•	Emboss

•	Engrave

•	Sharpen

•	Blur

•	Soften Edges

5	When you have finished making changes, click OK.


To remove formatting from an element
 Formatting Elements

To remove formatting from an element

You can remove all formatting from an element with a single command. This returns the element to the original defaults for that object.

If you applied a style from the style browser, all properties of the style are removed.

To remove formatting from an element

1	Select an element to edit. If you want to remove formatting from the text, and not the element itself, click in the text.

2	From the Format menu, choose Remove Formatting.


Using NetStudio 2000 with your Web Page
 About NetStudio 2000

Using NetStudio 2000 with Your Web Page

NetStudio 2000 works interactively with your web page editor to let you add and edit graphics and view them as they will appear on your page. You can do the following:

•	Open a web page file

•	Edit graphics from your web page

•	Edit the HTML in your web page

•	Move objects between your web page editor and NetStudio 2000

•	Change the background color of your web page

•	Add a background to your web page

•	Preview your page in a browser


To open a web page file
 Using NetStudio 2000 with Your Web Page

To open a web page file

To add or edit elements or HTML code on your web page, and to switch between NetStudio 2000 and your browser, you must have a web page open in NetStudio 2000.

To open a web page file

1	From the File menu, choose Open.

2	Specify the file name of your web page and click Open.

The page appears in Preview. Changes you make in Picture view are applied to the page automatically.


To edit graphics on your web page
 Using NetStudio 2000 with Your Web Page

To edit graphics on your web page

You can edit any element on your web page except paragraphs of text.

To edit a graphic element on your web page

1	Make sure your web page is open in NetStudio 2000.

2	Click the Preview tab at the bottom of the window to display your web page.

3	Click any graphic element to edit it in Picture view.

The graphic element appears in Picture view in NetStudio 2000.

To edit the text, save any changes to graphic elements, then choose Edit HTML.

If you click a link, your browser opens and displays the linked page.

4	To preview changes to each graphic element in your web page, click the Preview tab.


To edit the HTML in your web page
 Using NetStudio 2000 with Your Web Page

To edit the HTML in your web page

You can switch to your HTML editor to change text or formatting on your web page. To do this, you must have the web page open in NetStudio 2000 and you must have an editor associated with .htm files. You can use any HTML editor, including Microsoft Word, to edit web pages.

To edit HTML in your web page

1	Make sure your web page is open in NetStudio 2000.

2	Choose Edit HTML from the Tools menu.

3	Make any changes you want, then save and close the file in the HTML editor.

4	Click the Preview tab in NetStudio 2000 to see your changes.


To move objects between your web page editor and NetStudio 2000
 Using NetStudio 2000 with Your Web Page

To move objects between your web page editor and NetStudio 2000

You can move graphic elements between your web page editor and NetStudio 2000 in a variety of ways. If you copy and paste (or drag) an element from NetStudio 2000 to a web page editor, the graphic moves via the Clipboard, where it is stored as a bitmap.

The editor may convert the object when you save the web page. For example, FrontPage converts pasted objects to JPEG format. If you want more control over how the objects are saved, you can save them in NetStudio 2000 first and then insert them in your web page in the web page editor.

In FrontPage 98, NetStudio 2000 adds a special command to the Insert menu that allows you to move quickly between the two programs to edit and insert elements. (In FrontPage 2000, this command is on the Tools menu.)

To cut and paste to your web page editor

1	Select the element you want.

2	From the Edit menu, choose Copy, or press Ctrl+C.

3	In your web page editor, choose Paste, or press Ctrl+V.

To drag elements to your web page editor

1	Select the element you want.

2	Drag the element over your web page editor’s window.

3	Drop the element on your web page.

To save and insert elements into your web page editor

1	Create and save your element in the desired format.

2	Use the web page editor’s commands to insert the element onto your web page.

To insert a NetStudio 2000 graphic into a FrontPage web page

•	In FrontPage only, choose Insert NetStudio Picture.


To add a background
 Using NetStudio 2000 with Your Web Page

To add a background

You can create a background for your web page if you don't want the background to be a solid color. Then use your web page editor to add the new background to your page.

To add a background

1	Make sure your web page is open in NetStudio 2000.

2	From the Insert menu, choose Background.

The current background from your open web page is inserted.

3	Resize and edit the background object if necessary.

4	Save the document and add it to your web page using your web page editor.


To edit the background image of your web page
 Using NetStudio 2000 with Your Web Page

To edit the background image of your web page

If your web page contains the tag <body background=”imagename.jpg”>, you can open the page’s background image in picture view and edit it.

To edit the background image of your web page

1	Make sure your web page is open in NetStudio 2000.

2	From the Format menu, choose Background.

3	Make your changes and click OK.

Your changes appear on the open web page.


To preview your page in a browser
 Using NetStudio 2000 with Your Web Page

To preview your page in a browser

You can switch to your Internet browser to see how the current page will appear.

To preview your page in a browser

1	Make sure your web page is open in NetStudio 2000.

2	From the File menu, choose Preview in Browser or click [image].

Your default browser starts and displays the page.