Copyright ©1996, Que Corporation. All rights reserved. No part of this book may be used or reproduced in any form or by any means, or stored in a database or @retrieval system without prior written permission of the publisher except in the case of brief quotations embodied in critical articles and reviews. Making copies of any part of this book for any purpose other than your own personal use is a violation of @United States copyright laws. For information, address Que Corporation, 201 West 103rd Street, Indianapolis, IN 46290 or at support@mcp.com.

Notice: This material is excerpted from Special Edition Using HTML, 2nd Edition, ISBN: 0-7897-0758-6. This material has not yet been through the final proof reading stage that it will pass through before being published in printed form. Some errors may exist here that will be corrected before the book is published. This material is provided "as is" without any warranty of any kind.

Chapter 28 Using Internet Assistant

@Internet Assistant is an add-on @HTML editor for the popular @word processor Word for Windows. Designed by Microsoft, it supports many features of the main program. It offers an easy-to-access HTML editor for people familiar with Word's interface. It also provides a new view for Word documents, the @Web Browse View.

In this chapter, you learn:

Getting Internet Assistant

@Internet Assistant is currently available in two versions 1.0z and 2.0z. Both are directly available for download from Microsoft's home page (http://www.microsoft.com). Version 1.0 is the first release of @Internet Assistant that has some useful @HTML functionality. The 2.0 version adds much more functionality and more @HTML tags support.

Internet Assistant 1.0

The first limitation of Internet Assistant 1.0 is that it works only on the English, German, and French versions of Word for Windows 6.0a and 6.0c. All other versions of Word do not work properly with version 1.0 of @Internet Assistant. I do not want to imply that the first version is limited in scope; it's still a useful product. The only noticeable limitation that veteran Web authors may notice is that it supports only HTML Level 2. Netscapes and Microsoft's extensions, as well as HTML Level 3, are not supported.

Internet Assistant 2.0

Like any good product, Internet Assistant 2.0 is an improvement on its predecessor. This new version provides support for commonly used extensions, Microsoft's Internet Explorer's extensions, as well as strict HTML Level 2 support. @Internet Explorer is @Microsoft's own Web browser, along with supporting many extensions to HTML Level 2, it defines its own. This version runs only on Word for Windows 95 and Word for NT in English, Italian, German, and French.

Installing Internet Assistant

Installing @Internet Assistant on your computer is very easy. Just point your favorite browser to http://www.microsoft.com/msoffice/freestuf/msword/download/ia/ia95/default.htm. This site gives a brief overview of Internet Assistant, and lets you download it. @Internet Assistant requires 4 megabytes of @disk space and Word for @Windows 95. After you download the self-extracting executable, simply double-click it. You are then prompted with Microsoft's installation program, which basically lets you choose whether or not to install Internet Assistant.

Using Internet Assistant

@Internet Assistant is a seemless integration of providing @HTML support for an exceptional @word processor. You don't need to be in a distinct view, as with other add-ons, to use the HTML functionality. This capability makes for a better overall application because it doesn't get in the way of restricting your work. Word with @Internet Assistant does have a new view, HTML Source, but you don't need to be in this view to work with HTML documents. You simply start up Word, and you can create your home page, if you want. If you don't, you won't notice a difference because Internet Assistant is so transparent. @Internet Assistant basically just adds a @Web browser to Word and a new file format in which you can save your documents.

HTML View

Word works in distinct "views," in that some options are only available in a particular view. One of the new views that @Internet Assistant gives you is the @HTML View. What HTML View offers you is better and easier access to the HTML tools of Internet Assistant. The @HTML view merely adds or modifies @toolbars and changes the menus (see fig. 28.1). You can only get into this mode by loading in an HTML file with Word. The toolbars in this view give you shortcuts to the most commonly accessed HTML features. A few things you can do only in HTML view, such as give the title of your home page, but by and large, most of the things you can do in HTML view can be done outside of it as well.

Fig. 28.1

@Internet Assistant's HTML view offers a small, new toolbar.

Managing Text

Because @Internet Assistant isn't always in use with Word, you manage text through Word. That is, you use Word like you always do-same keystrokes, same performance, same everything. There is no difference between the way Internet Assistant deals with text and the way Word deals with text. The only problem comes when you're dealing with links of any sort. Whenever you select a link, the whole link becomes highlighted, and you can't easily modify it.

Even in HTML view mode, the text manipulation is the same as using Word by itself. You will notice, however, that you don't have font size control, but that's because @HTML doesn't recognize @fonts and point sizes. You can change the @font size by using the @Increase Font Size and @Decrease Font size buttons.

Adding Graphics

You can easily weave any GIF or @JPEG file into your @home page by using @Internet Assistant. Simply choose Insert, Picture. If you're not in HTML view, you are then presented with Word's file selector dialog box. Simply locate the graphic you want to insert, and Internet Assistant makes sure that it becomes part of the HTML document. If you're in HTML view, however, you are presented with Internet Assistant's Picture dialog box (see fig. 28.2).

Fig. 28.2

If you want to add any sort of graphic to your home page, you'll have to use this dialog box.

In the Image Source field, type the complete path to the graphic you want to use. In the Alternative Text field, type some sort of descriptive text for the picture. You can specify how the text around the image should be aligned by clicking the Options tab and using the Alignment with Text drop-down list. If you know the height and width of the image, enter these specifications into the Height and Width fields.If you want to scale an image to a particular resolution, you can also use these fields. The @Web browser will automatically scale the image to your specified size.

See Chapter 10, "Adding Graphics to Your Home Page," for information on what scaling an image will do.

If you're not sure about the exact path to the image, use the Browse button. Clicking this button opens @Word's file selection dialog box in which you can locate the graphic.

Working with Links

While you're designing your home page, you may need to put in a link. You can easily do so by choosing Insert, Hyperlink. The Hyperlink dialog box pops up (see fig. 28.3), and if you've highlighted some text, it appears in the Text to Display field. If you didn't highlight anything, that field will be empty, and you can put in whatever visible text you want. In the File or URL field, type the name of the URL or the absolute path for the local file. If you're in the HTML view, you can easily access the Hyperlink dialog box by clicking the Hyperlink button.

Fig. 28.3

The Hyperlink dialog box gives you an easy interface to create a link.

Because the Hyperlink dialog box has no provision for creating a link associated to an image, what do you do? You simply can't create a new graphical link with Internet Assistant; you must have a graphic in place first. After you have a graphic, you can create the link.

To create a graphical link, follow these steps:

  1. Determine where you want the graphical link, and put the image at that location.
    1. See the earlier section, "Adding Graphics," on how to add an image to your home page.
  2. Highlight the picture.
  3. Choose the menu heading Insert, followed by the menu item Hyperlink to open the Hyperlink dialog box. Notice that the Text to @Display field is disabled, for obvious reasons.
  4. Type the URL to which you want to link the graphic.

Similarly, if you want to create a text and graphic link, put the graphic where you want in relation to the text. Next, highlight both the text and the graphic that you want to make into a link. Finally, open the Hyperlink dialog box to specify the URL to which you want to point.

For most HTML editors that try to show you what the home page will look like beforehand, links are always tricky for programmers. You can't treat them as individual HTML tags, to give the user flexibility to change the visible text. You must treat the links as an entire entity all its own and give some means of altering it. The same is true with Internet Assistant.

To alter a hyperlink, simply select the link, and open the Hyperlink dialog box again. The values for the particular fields will already be filled in, so simply change them to suit your needs.

To remove a hyperlink associated with some text, simply highlight the text, open the Hyperlink dialog box, and click the Unlink button.

Jumps and Destinations

As with any other good HTML editor, internal links and the ability to jump to them are supported. An internal link is one in which a certain location in an HTML document is specified as a destination point. This destination must have a specific name attached to it so that URLs can refer to it. Other @Web pages can jump into that specific point if you specify the URL for the @Web page and append a # and then the destination name. When jumped to, the line where the destination is specified is displayed at the top of the browser. With Internet Assistant, Word's bookmarking feature is the main point of working with internal jumps.

Defining a Destination

You can easily create a destination by putting your cursor where you want the destination to be. Next, choose Edit, Bookmark, or if you're in HTML view, click the Bookmark icon. The @Bookmark dialog box then appears with a list of existing bookmarks (see fig. 28.4). Under the Bookmark Name text box, type the name you want to give the internal link, and then click the Add button.

Fig. 28.4

Use Word's bookmarking features to help you create internal jumps.

If you want to remove a bookmark, simply open the Bookmark dialog box, select the bookmark to be removed, and click the Delete button.

The bookmarks created by Word are invisible. If you're not sure where a bookmark goes, open the Bookmark dialog box, select the bookmark, and click the Go To button.

Going to a Destination

After a while, you'll have defined a few bookmarks that you want to get to. Internet Assistant only lets you jump to a destination point within the same Web page. You can do this with the help of Word's built-in bookmark facility. When you want to create an internal jump, open the Hyperlink dialog box. Next, use the Bookmark Location File drop-down list to select the destination point you want.

Advanced HTML Tags

@Internet Assistant also offers good support for the more advanced @HTML tags. You can easily create forms, tables, and lists by using the menus or toolbars. You don't have to be in @HTML view to create tables, lists, or forms. Some of the more advanced features of forms are available only in @HTML view. But considering that you'll probably have saved your HTML document by this point, this isn't too unreasonable. (If you haven't, then save your file as an HTML file, and get into HTML view.)

Tables

You go about creating tables in Internet Assistant the same way you do in Word. Put your cursor somewhere in the document, and choose Table, @Insert Table. You then are prompted with Word's own Table Creation dialog box. Indicate how many rows and columns you want as well as the width of the columns. Word creates the empty table cells for you to fill in. Then type in the data for each cell in the table. If you have an existing set of data you want to put into a table, Internet Assistant also lets you use them. Highlight the values you want to put into a table, and choose Table, Convert Text to Table.

You can specify which cells are the table headings and which ones are the data cells. Simply highlight the cells for which you want to define the attributes, and choose Table, Cell Type. The Cell Type dialog box then appears (see fig. 28.5). You can also add a caption to the table by highlighting the table, selecting the Table menu heading, and then choosing the Caption menu item. Simply type in the text you want to appear as the caption of the table. You can also specify where you want the caption to appear by clicking on the appropriate button.

Fig. 28.5

Internet Assistant lets you define which cells are headings and which are data.

Creating Forms

You can create forms only when you're in HTML view, and you can get in that view only by loading in an HTML file. You can't load in a Word document and simply go into HTML view. To create some common forms quickly, bring in the Form toolbar (see fig. 28.6). This is done by selecting the View menu heading, followed by the Toolbars menu item. You'll be presented with a dialog box which lists the available toolbars. Simply click on the "Forms" entry. With this toolbar, unlike other HTML editors, you can't create a group of check boxes. The icons on the @toolbar create only one button, check box, text form, whatever.

Fig. 28.6

The @Form toolbar lets you quickly create common form fields.

You can create a form control field by putting your cursor where you want the control field to appear. Then click on the button on the Forms toolbar, that represents the form control field you want to create. If you don't want to use the toolbar, just choose Insert, Form Field. The Form Field dialog box then appears (see fig. 28.7).

Fig. 28.7

You can use this dialog box, instead of the Form toolbar, to create forms.

Depending on the type of form control field you want to create, you are prompted for different information. Check boxes are available by clicking on the @Check Box Form Field button, second from the left on the @Forms toolbar. This will bring up a dialog box, where you are prompted for the Name and Value of the new item you want to create. By clicking on the leftmost button in on the Forms toolbar, you'll be creating a text control field. Another dialog box will show up (see fig. 28.8) and you are prompted for the name of the form as well as attributes for it. If you want to create more control fields of any sort, put your cursor where you want the control to go, between the start and end form regions. Next, simply click on the button that represents the form field you want to create.

Fig. 28.8

You have to specify the names and attributes for each text form field you want to make.

@Internet Assistant doesn't put in any captions for any forms. It leaves this task to you. To create a caption, simply put your cursor where you want the caption, and then type it in.

List boxes are a bit more difficult to create than other forms because each entry in the list box must have a name and a value. Unlike the other forms, these entries must all be known when you're creating the list. You can't create a list box piecemeal, as you can with button and check box forms.

To create a list box, follow these steps:

  1. Click the List Form Field button, the third button from the left on the Forms toolbar.
  2. Under the Name text field at the top, type the name you want to give the entire list box.
  3. Type the string you want the user to see under the Option Name field, under the Name text field.
  4. Under the Value when selected field, found under the Option Name text field, type the value you want to be returned by the form when that particular item is selected.
  5. Click the Add button, underneath the Value when selected text field.
  6. Repeat steps 3-5 for each entry you want in the list box.
  7. When you're finished, click the OK button, located at the top of the dialog box.

To remove entries from the list box, select the item you want deleted and click the Remove button. To move entries up and down, first select the entry you want moved. Next, click the up or down arrow, depending on where you want that entry to go. When you click on the Advanced button, the dialog box is extended somewhat. The dialog will now have some more options that allow you to create a list box that accepts multiple entries, as well as defining a default entry (see fig. 28.9). You can similarly create a group of radio buttons by using the Radio Button Form Field icon.

Fig. 28.9

The @Advanced button extends the @Selection Form Field dialog box to let you do more sophisticated things.

Finally, you may want to have some @CGI program that can interpret the interaction with the forms. Typically, only the Submit button actually needs to access a CGI script. When you click the Submit icon on the Internet Assistant toolbar, the Submit Button Form Field dialog box appears (see fig. 28.10). Type the name you want to assign the Submit button in the Name field. In the @Action field, type the name of the URL for the @CGI script, and then click the OK button.

Fig. 28.10

The only time you can define a CGI script for the Submit button is when you first create it.

Creating Lists

@Internet Assistant almost makes creating bulleted and numbered lists easy. For bulleted lists, you can click on the Bulleted Lists icon and create a new entry. Type the text for that line of the bulleted list, and then press Enter. After you finish the list, just press the Enter key one last time. Now click on the button you used to create the list to begin with. If you clicked on the Bulleted List icon to create the list, click on it again to stop the list. Similarly, just click on the Numbered List icon to stop the numbered list you're creating. If the toolbar isn't available, you can choose Format, Bullets to do the same procedure.

Numbered lists are just as easy to create. You can use either the Numbered List icon, or you can choose Format, Numbering. As soon as you select either one, 1. appears on the line with the cursor. Type whatever text you want for that particular line, and press Enter. The numbering continues until you move the cursor off the line.

@Internet Assistant automatically renumbers the list for you. If you want to add a new item after a particular line, that's no problem. Just move your cursor to the end of that line, press Enter and type.

If you already have a list of items, you can easily convert it into either list type. Simply highlight the list of items you want to convert, and select the type of list you want. The entries are automatically bulleted or numbered, depending on which option you pick.

Special Features of Internet Assistant

As with many other HTML editors trying to be distinctive, Internet Assistant has some unique features, right? Sort of. One special @Internet Assistant feature is its extensive support for @Microsoft's extensions to @HTML. Unfortunately, enough other @HTML editors already provide support for these extensions. Sadly, some of them do it better than Internet Assistant does.

Marquee

@One of Microsoft's extensions to @HTML is the @Marquee element. This element allows the @Web author to create a window with scrolling text. This text can scroll either left to right, or vice versa, and is supported at the browser level. That means that you don't have to write any CGI scripts to accomplish this feat.

You can insert a marquee at the current line by choosing Insert, Marquee. The Marquee dialog box then appears (see fig. 28.11). In the Text field, type the string you want to have scroll across the screen, and select the direction you want. The @Movement Speed and Delay fields both control the speed at which the marquee scrolls by. The Amount field indicates how many pixels you want the marquee to shift each time it's redrawn. The smaller the Amount value, the smoother the text will move across the screen.

Fig. 28.11

The Marquee dialog box lets you set various attributes for the marquee element.

The @Behavior radio buttons dictate how the marquee text moves. If none is specified, the Scroll behavior is used. This behavior has the text starting completely off the marquee. The text then moves across the marquee, and then completely off the marquee itself. The @Slide behavior scrolls the text horizontally across the marquee. After the text gets to the opposite side, it stops. The Alternate behavior works by having the text start in the marquee and then scroll across to one side. After the text reaches this location, it scrolls back to the other side.

The size of the marquee itself is defined by the value in the Size field. The Height and @Width fields indicate the height and width of the marquee, in pixels. You can align text around the marquee using the Align with Text options, and you can define the background color of the marquee using the Background Color drop-down list.

Background Sounds

You can easily specify the background sound for the current home page with Internet Assistant. Choose Format, Background Sound. The Background Sound dialog box then appears (see fig. 28.12). Type the full path to the sound file in the @Sound field, or use the Browse button. Enter the number of times you want the sound to be played back in the Playback loop field. To get the sound to play an infinite amount of time, press the down arrow as soon as the dialog box shows up.

Fig. 28.12

@Microsoft's extensions to @HTML let you have a sound play in the background when your page is accessed.

Multimedia Files

The @Microsoft HTML extensions also provide for more @multimedia file support. Most browsers support the GIF and @JPEG graphic file formats, but @Microsoft's HTML extensions allow for more file formats. You can insert a multimedia file the same way you insert an inline image. The only difference is that you should select the Video tab in the Picture dialog box (see fig. 28.13).

See the earlier section, "Adding Graphics," on how to bring up the Picture dialog box.

Inside the Video Source field of the Video tab, enter the full path for the Video for Windows AVI file you want to play. If you don't know the path, you can click the Browse button to find it. The @Start Play drop-down list indicates when the browser should start the @AVI file. You can specify how often the multimedia file is played back in the Loop field. If you press the down arrow as soon as this dialog box shows up, you can have the file played an infinite number of times. If you enable the Show Controls option, the browser lets the user control the multimedia playback with a set of buttons.

Fig. 28.13

The @Video tab of the Picture dialog box lets you put multimedia files into your home page.

Web Browse

Perhaps the most impressive feature of @Internet Assistant is the @Web Browse view. This view basically turns Word into a simple World Wide Web browser. You can go into the Web Browse view by clicking the Switch to Web Browse icon . The @Web Browse view presents you with two new toolbars to help you navigate through the Web (see fig. 28.14).

Fig. 28.14

The @Web Browse view gives you a small number of controls to help you get around the Web using Word.

You can also access the Web Browse view by opening up a URL. Just click on the File menu heading, followed by the Open URL menu item.

The left and right arrow icons on the toolbar move you forward and back through the list of URLs visited. When you click the URL button, you are prompted for a URL. After you enter a URL, the @Web Browse view tries to open it up for display, just like a regular @Web browser. The @History button shows a list of previously visited links and lets you jump back to a selected one.

The @toolbar even provides support for a collection of your frequently visited links. Simply click the Add Favorite button to put the current URL in that list. The Open Favorite button shows you your current list of frequently visited sites. The Home, Stop, and @Reload buttons behave as they would in any other Web browser.


Internet & New Technologies Home Page - Que Home Page
For technical support for our books and software contact support@mcp.com
© 1996, Que Corporation