<< . .

. 14
( : 51)



. . >>

a digital camera. Once they™re inserted into your publication, you can manipulate them in a
variety of ways.

Inserting a picture file
To insert a picture file, follow these steps:
1. Click the Picture Frame button on the Objects toolbar.
2. From the menu, choose Picture from File.
3. Your pointer changes to a crosshairs; use it to draw a frame approximately the size
you want the inserted picture to be.
4. Publisher automatically opens the Insert Picture dialog box, a standard browsing box
that you can use to locate the picture file you want on your computer.
5. Click Insert.
6. The picture is inserted into the frame you drew for it. The frame is automatically
resized so the picture isn™t distorted; the width of the frame remains the same, but
the height may change.

Inserting a Clip Organizer image
To insert a Clip Organizer image, follow these steps:
1. Click the Picture Frame button on the Objects toolbar.
2. Choose Clip Art from the menu.
3. The Clip Art task pane opens. Search for the image you want and, after you find it,
click on it to insert it into your publication.
4. The Clip Art is inserted into the frame. Again, the frame™s size changes to prevent
the picture from being distorted.
Chapter 6 ¦ Introducing Publisher 131


Inserting a scanner or camera image
To insert an image from a scanner or digital camera, use these steps:
1. Choose Insert _ Picture _ From Scanner or Camera _ Select Device to choose the
camera or scanner you want to acquire the picture from (if you have more than one
installed).
2. Choose Insert _ Picture _ From Scanner or Camera _ Acquire Image to open the
device™s software and acquire the picture.
3. The picture is inserted into your document. You can then drag it to where you want
it and work with it in a variety of ways (see the next section).

Formatting pictures
Once you™ve inserted a picture, you can manipulate it in a variety of ways. You can:
¦ Recolor it: Choose Format _ Picture and then choose the Picture tab. In the
resulting dialog box you can apply a number of color effects; the Color drop-down
list includes Grayscale, Black & White, and Washout, as well as the default
Automatic, which uses the picture™s original colors. You can adjust the brightness
and contrast here as well, or you can click the Recolor button to open the dialog box
in Figure 6-9. This lets you recolor the whole picture or leave the black parts black
and just recolor the colored parts. Choose the color using the Color control; you can
also apply tint and shade fill effects. You can undo changes to the color of a picture
by clicking Restore Original Colors.




Figure 6-9: Recolor a picture, or restore it to its original color, using these controls.
Part I ¦ Getting Functional with Office 2003
132

¦ Resize it: Choose Format _ Picture and choose the Size tab to open a dialog box
where you can change both the height and width of the picture by entering either a
specific measurement (in the Size and rotate area) or a percentage of its original
height and width (in the Scale area). You can return a picture to its original size by
clicking the Reset button. You can also rotate the picture using the rotation tools in
the “Size and rotate” area.

If you scale height and weight by different percentages, your picture is distorted. To avoid this,
Caution
check the Lock aspect ratio checkbox; this ensures that whenever you change one dimension
of the picture, the other changes proportionately.

¦ Apply a fill or a border: Choose Format _ Picture and click the Colors and Lines
tab to apply a fill or a border to the picture frame. You can achieve the same effect
by clicking the appropriate buttons on the Formatting toolbar.
¦ Change how text wraps around the picture: Choose Format _ Picture and click
the Layout tab to open the dialog box in Figure 6-10, where you can set margins for
the picture frame and also determine whether, if the picture is placed over a text box,
text wraps around the outside of the picture frame or tucks in closely around the
picture itself. This dialog box also enables you to position the text frame very
precisely, using the Position on page controls at the top.




Figure 6-10: Set the text wrap properties of a picture frame using this dialog box.
Chapter 6 ¦ Introducing Publisher 133

¦ Rotate the picture: As noted, you can do this using the Picture tab of the Format _
Picture dialog box, but the easiest way to do it is simply to point at the green handle
that sticks up from the top of the picture and rotate the picture visually, by clicking
and dragging.
¦ Crop the picture: Choose Format _ Picture and click the Picture tab. Crop the
picture using the controls at the top, by choosing how far from each edge to crop the
picture.

A better way to crop pictures is by using the Picture toolbar6-. This is displayed by default down
Tip
the right side of the workspace and contains a number of useful tools. Click the Crop button to
crop the picture visually by clicking and dragging on its corners (see Figure 6-11).




Figure 6-11: The Picture toolbar contains one-button controls for many of the options
also available through the Format _ Picture dialog box. Here the Crop tool is being used
to crop away everything but the head of the cow.
Part I ¦ Getting Functional with Office 2003
134


Drawing lines and shapes
Publisher also lets you draw basic shapes with four simple drawing tools on the Objects
toolbar: the Line tool, the Oval tool, the Rectangle tool, and the Custom Shapes tool. The
Line tool also lets you draw arrows and adjust the shape of the arrowheads.
Custom Shapes provides you with a small menu of a variety of starbursts, arrows, and other
useful shapes. If the shape includes a small gray diamond, its shape is adjustable; click and
drag on the diamond to see what effect it has.
You can apply different line styles and fills to shapes and rotate them, as well.


Working with Tables
The third most common type of object you™re likely to want in a Publisher publication is a
table.

Inserting a table
To insert a table, follow these steps:
1. Click the Insert Table button on the Objects toolbar.
2. Draw a frame, just as you did for text and graphics.
3. The Create Table dialog box opens (see Figure 6-12). Enter the number of rows and
columns you want in your table.
4. Choose a design you like from Table Format menu.
5. Click OK. Publisher creates a table with the number of rows and columns you
indicated, sized to fit in the frame you drew.
Chapter 6 ¦ Introducing Publisher 135




Figure 6-12: The Create Table dialog box gives you a number of table designs to choose
from.


Entering data into a table
Once you™ve got your blank table, entering information into it is simply a matter of clicking
on the cell you want to enter information into and then typing away. The same formatting
tools are available to you for formatting text within a table as are available when you are
working in a text box.

Editing a table
Publisher tables don™t offer nearly as many options as, say, Word tables when it comes to
making changes. In fact, there are only a few, all accessed by choosing Table from the
menu bar:
¦ Insert: Choosing this option inserts Columns to the Left, Columns to the Right,
Rows Above or Rows Below, or a whole new table.
¦ Delete: Deletes the rows or columns containing the currently selected cells, or delete
the whole table.
Part I ¦ Getting Functional with Office 2003
136

¦ Select: Selects the entire table, the current rows or columns, or just the cell in which
the cursor is currently located.
¦ Merge Cells: Turns any currently selected cells into one big cell, erasing the borders
between them.
¦ Split Cells: Highlights a merged cell and choose Split Cells to turn it back into its
original individual cells.
¦ Cell Diagonals: Splits currently selected cells into two distinct cells divided by a
diagonal line, which can slant either up or down.
¦ Table AutoFormat: Changes the format of your table.
¦ Fill Down and Fill Right: Fills a column or row of selected cells with the contents
of either the topmost or leftmost cell in the selected range.
¦ Grow to Fit Text: When checked, this automatically increases row height within the
table to make room for whatever text you enter into it.


Summary
This chapter introduced the most often used elements of Microsoft Publisher, the powerful
desktop publishing program that comes with some versions of Microsoft Office. Points
covered included:
¦ The Publisher workspace is very similar to that of other Office applications; if
you™re already used to Word, FrontPage or PowerPoint, you should feel right at
home.
¦ Publisher comes with a lot of pre-designed publications that you can use as the basis
of your own; the hard layout work has already been done, and all you need to do is
insert your own text and graphics.
¦ Working with text in Publisher is done within text boxes; within a text box, text can
be formatted in much the same way it is formatted in Word. You can change the
font, font size, color, spacing and more.
¦ Text can be linked from text box to text box, which makes it easier to flow long
items through a publication.
¦ You can insert graphics in Publisher from the Microsoft Clip Organizer, from a file
on your computer, or from a scanner or digital camera. You can also draw your own
shapes with Publisher™s built-in drawing tools.
¦ Tables are easy to insert and work with in Publisher, but not quite as full-featured as
you may be used to in Word.
¦ ¦ ¦
7
CHAPTER



Building
FrontPage
Web Sites . . . .

In This Chapter

Web design
strategies

Y ou might already know how to create a Web site with linked
pages. You might also be familiar with applying themes and Importing Web sites
sharing borders, which give your site a sense of consistency and
enable visitors to navigate it. This chapter describes in more Using Web
detail the process of designing and adding content to a Web site. templates and
wizards
Web Design Strategies Creating Web page
content
Web pages and Web sites have something of a chicken and egg
relationship: no real answer exists as to which comes first when Global site editing
you design a Web site. You can create Web page content first and and managing your
then organize the pages as a Web site. Alternatively, you can Web site with
design a Web site and then plug in page content. With either Reports view
approach, however, your site design creates the framework for the
display of all the content that you provide.
. . . .
Why start with site design?
Theoretically, you could create a Web site that consisted of a
single page. If your Web site has much content at all, however,
this approach presents both technical and aesthetic problems. The
page would take unnecessarily long to download in your visitors™
browsers, and they would have to wait for information to down-
load that they didn™t even want to access. Aesthetically, visitors
would have difficulty finding and digesting information at your
site. For these reasons, Web sites generally modularize informa-
tion into many small pages. In addition, many small, quick-
loading pages with digestible bites of information are generally
more helpful than a few long, slow-loading pages that mix
together different kinds of information.
Part I ¦ Getting Functional with Office 2003
138

You face two main strategic decisions when you design your Web site:
¦ What kind of navigational strategy do you want to provide for visitors? What options
for jumping to other pages in the site do you want to make available at each page?
¦ What kind of visual theme do you want to apply to your site? Consistent visual
elements ” such as color schemes, navigational icons, page backgrounds, and fonts ”
provide coherence to your site and are part of the message that you project to visitors.
After an architect designs a building and the beams are welded into place, the building can™t
easily be changed from a 48-story skyscraper to a sprawling, two-story campus. Luckily for
Web designers, things are more flexible in cyberspace. You can modify the structure and
design of a Web site fairly easily in FrontPage. You must still make some initial decisions,
however, as to the layout of your site. One of FrontPage 2003™s strengths is the capability it
provides to universally change both the layout and design of an entire Web site. The next
section investigates strategies for organizing your site structure.

Defining navigational links
Following are the two basic design approaches to laying out your Web site.
¦ Linear design: This approach takes visitors through your site in a straight line.
¦ Hierarchical design: This approach presents visitors with layers of options.
Figure 7-1 shows a Web site laid out in a linear design.




Figure 7-1 A linear Web site design marches visitors straight through your site.
Chapter 7 ¦ Building FrontPage Web Sites 139

Most Web sites are organized in a hierarchical structure, but both design strategies can be
useful, depending on the kind of presentation you are preparing for visitors. The important
thing is to make conscious decisions regarding which kind of approach you want to take to
your Web site design, and then stick to that approach. By doing so, visitors will feel
comfortable at your site, and will be able to jump intuitively to the information that they
want. By making conscious decisions about Web navigation strategy, a Web designer can
frame the kinds of options available to visitors in conformity with the site™s mission. For
example, if your goal is to introduce every product and service that your company
provides, the linear structure illustrated in Figure 7-1 channels visitors into a tour of those
products and services.
Orchestrating a linear flow in your Web site involves laying out your pages in Navigation
view and then assigning appropriate link bars in Web pages.
To create a Web site that provides a linear flow, start by either creating a new Web site or by
opening an existing one. You can review the section “Creating a Web site” in Chapter 1 of
Wiley™s FrontPage 2003 Bible, if necessary, for all the information that you need.
With your Web site open, click and drag in Navigation view to arrange your Web pages in
one or more lines. Selecting or deselecting the Folder list from the View menu shows (or
hides) a list of Web pages in your site. If you have Web pages that are not connected to the
navigational flow, you can drag them from the Folder list into the Navigation window, as
shown in Figure 7-2.




Figure 7-2 You can drag Web pages from the Folder list into the Navigation window.
Part I ¦ Getting Functional with Office 2003
140

With your site design defined in Navigation view, you can define link bars in your Web
pages that apply the navigational structure in the form of navigational links. That process
is explained in the next section, “Defining Link Bars in Shared Borders.”
If you define a Web site with a long linear flow of pages, your site may be easier to view
horizontally than vertically. To rotate the display of your Navigation view flowchart,
right-click in the Navigation area and select Portrait/Landscape from the context menu.
Hierarchical Web structures are used more frequently than linear site designs. Hierarchical
structures enable visitors to make their own decisions about which pages they want to see,
and in what order. Furthermore, you can use hierarchical structures to organize Web pages
into groups, each with its own level of detail, as shown in Figure 7-3.




Figure 7-3 A hierarchical Web site design organizes options for a visitor.

A visitor who is interested only in CD products can navigate to the CD “branch” of the Web
site and choose between the various CD options (listen, lyrics, credits, cover), without being
distracted by other options.
Chapter 7 ¦ Building FrontPage Web Sites 141


Defining Link Bars in Shared Borders
After you lay out your site in Navigation view, you can define the link bars for each page.
You can insert link bars at any location in a Web page, but they are normally inserted in
shared borders, a special type of Web page that appears on every Web page. Shared borders
can be attached to the top, bottom, left, or right side of a Web page. Therefore, theoretically,
you can define four link bars in your Web site that will appear on every page in the site.
Four link bars would clutter up a Web site, but providing navigation options at the top,
bottom, and left (or right) side of a page might be appropriate in some cases.
Each link bar in a shared border generates links, depending on the logic that you define for
that particular bar. For example, if you lay out your Web site in a linear structure, you can
generate Next and Back buttons to help visitors travel from the beginning to the end of your
page sequence. Similarly, if you design your site with a hierarchical structure, you have
several options for enabling visitors to jump to parent and child pages.

Shared borders are not required in order to place link bars on a particular page. You can place
Tip
link bars in the body of a Web page. However, using shared borders with link bars is a method
by which you can create a navigational system for your entire Web site.

To assign shared borders to a Web site, follow these steps:
1. In any view, select Format _ Shared Borders from the menu.

If the Shared Borders option is grayed out on the Format menu, click Tools _ Page Options,
Tip
then click the Authoring tab. Click the Shared Borders check box to enable them.

2. In the Shared Borders dialog box, select the All Pages radio button to assign shared
borders to every page in your Web site.

After you define a shared borders design for your entire Web site, you can disable the shared
Note
border(s) for specific pages by selecting a page and using the Current Page radio button.

To insert a link bar in a shared border, follow these steps:
1. Open any Web page in a Web site to which you have added at least one shared border.
2. Click in a shared border.
3. Select Insert _ Navigation. In the Insert Web Component dialog box, click Bar Based
on Navigation Structure in the Choose a Bar Type area.
4. Click the Next button in the Insert Web Component dialog box, and use the vertical
scroll bar to explore the various styles of available link bars. Select one and click Next.
Part I ¦ Getting Functional with Office 2003
142

5. In the final window of this Wizard, choose either a vertical or a horizontal layout for
your link bar and click Finish. You™re not really finished ” you™re ready to define the
logic that will determine how FrontPage generates links.
6. In the Link Bar Properties dialog box, select one of the six radio buttons in the
Hyperlinks to Add to Page area at the top of the dialog box. Use the Additional Pages
checkboxes to add a link to the home page on every page, and/or a link to the Parent
Page on every page. The Link Bar Properties dialog box is shown in Figure 7-4.




Figure 7-4 The Link Bar Properties dialog box provides six navigation options for
your Web site.

7. You can revisit or revise the style choices you made for your link bar by clicking the
Style tab in the Link Bar Properties dialog box. In addition to (re)choosing a bar style
and orientation (vertical or horizontal), you can also use checkboxes to add vivid colors
(for example, a different color scheme based on, but more extreme than, the one
associated with your theme) or Active Graphics (graphical navigation buttons that react
when a visitor hovers over them with his or her mouse cursor).
Chapter 7 ¦ Building FrontPage Web Sites 143


Navigation Options

The six radio buttons at the top of the Link Bar Properties dialog box basically break down into two
different navigational strategies. The Same Level option and the Back and Next option enable
visitors to navigate along a single row in the Navigation view, for a linear navigational approach. The
difference between these options is that Same Level enables a visitor to jump to any page in a row,
whereas Back and Next offers only two options, the pages to the right and left of a page in the
Navigation view flowchart.
The other radio buttons offer variations on a hierarchical scheme. The most utilitarian hierarchical
option is probably the Child Level radio button, along with the Home Page and Parent Page
checkboxes. This combination of selections in the Link Bar Properties dialog box enables visitors to
navigate up or down at any time, and always provides a link to the home page.
As you experiment with different navigational options, they are illustrated in the flowchart to the left
of the radio buttons.
After you assign link bars to your shared borders, save the page in which you edited the
links, and then select File _ Preview in Browser to test the links in your browser.

Customizing links
Automatically generated navigational links have a great advantage, which is also their
shortcoming: They apply the same logic to every single page. If you define a link to child
pages in your link bar, every page (that has a child page) will have a link to that page. In
that sense, link bars cannot be customized for particular pages.
However, other options are available that give you much more specific control over what
links are available from your Web pages. Those options are introduced next.

Adding links to page content
You can insert a link (or hyperlink, as FrontPage calls them) anywhere in a Web page. You
can either type the URL to which you are creating a link, or assign a link to an existing
object, such as text or a graphic image.
To include a link, simply type the URL (or e-mail address) in the Web page. Press Enter to

<< . .

. 14
( : 51)



. . >>