CONTENTS ria l FRONTPAGE 2002 – LEVEL 1 LESSON 1: CREATING A WEB 2 Webs versus the World Wide Web . . . . . . . . . . . . . . . . . . . . . . . 2 The Web Creation Process . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 Are You a Good Web or a Bad Web? . . . . . . . . . . . . . . . . . . . . 4 B. Creating an Empty Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 Ma te A. Planning: Things to Consider Before Creating a Web . . . . . . . . .
CONTENTS D. Inserting a Custom Link Bar Web Component . . . . . . . . . . . . . . . 42 E. Removing a Page from a Web’s Navigation Structure . . . . . . . . . 43 ria l LESSON 4: ADDING VISUAL APPEAL TO A WEB 46 B. Editing a Picture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48 C. Creating an Image Map . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 D. Using the Drawing Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
ria ABOUT THIS COURSE l ABOUT THIS COURSE Microsoft FrontPage 2002 is a desktop software application you can use to create, edit, and manage web sites, whether for an intranet or for the World Wide Web.
How To Use This Book As a Learning Guide l ABOUT THIS COURSE ria Each lesson covers one broad topic or set of related topics. Lessons are arranged in order of increasing proficiency with FrontPage; skills you acquire in one lesson are used and developed in subsequent lessons. For this reason you should work through the lessons in sequence. We organized each lesson into results-oriented topics.
LESSON 1 l LESSON 1 ria Data Files: none Lesson Time: 60 minutes y op Lesson Objectives: Ma te Creating a Web In this lesson, you will identify site-planning considerations, create a new web, a home page, and add and format text on the home page. • create a home page. • add text to a page. • apply character and paragraph formatting to text. Do se Pl ea re fe Re Lesson 1: Creating a Web No create an empty web based on the Empty Web template.
LESSON 1 Introduction ria l You’ve been given the assignment to create a web site for your company. You’ve got Microsoft FrontPage 2002 installed and have some great ideas. You’re ready to launch the application and begin pounding out web pages! Not so fast! Although your enthusiasm is to be applauded, and you will be well underway before this lesson is complete, it’s important to take a moment to step back and look at the big picture.
LESSON 1 We will use the terms “site,” “web,” and “web site” synonymously. We will also use “web page” and “page” interchangeably. A good example of a large web is Microsoft’s site. The web is located at: http://www.microsoft.com/. It contains thousands of subfolders, such as the FrontPage folder: http://www.microsoft.com/frontpage/, and individual web pages, like http://www.microsoft.com/frontpage/using.htm. As large as it is, the Microsoft web is only a small part of the World Wide Web.
LESSON 1 ria Are You a Good Web or a Bad Web? l In general, the site creation process is a bit of a misnomer because it suggests that once you create a site, your work is done, when in reality, publishing the site should signal the need to begin the cycle again. Based on feedback and information you receive from clients or people who visit your web, you will want to plan, implement, and publish changes and updates for the life of the web.
ria l LESSON 1 Figure 1-2: A simple, but proper, navigational hierarchy. te All organizational guidelines can be summed up in one statement: Don’t make visitors work at using your site; their time is valuable! y op Ma These general graphical guidelines will help you to create a “good web” that’s easy for your target audience to view. • Provide a comfortable and pleasant “visual” atmosphere for visitors. Don’t shock them unnecessarily with extreme color contrasts.
LESSON 1 Anticipate your target audience’s perception of your color choices. Colors can have psychological and cultural meanings; for instance, white can symbolize purity in Western cultures, but in Japan, white typically is associated with death. Colors can also have physical implications.
LESSON 1 Planning: Things to Consider Before Creating a Web ria l If you buy into the old adage, “Garbage in, garbage out,” then planning is the single most important stage of the site creation process. It is here that you will set the course and tone for your web. With that said, unfortunately, it’s the stage most taken for granted. Since people are often pressed for time at the start of a web project, they assume they can easily plan during the site’s production. That’s rarely a successful strategy.
LESSON 1 ria l your content is! One way to help you organize a web is to storyboard it. This can involve creating one 3” x 5” index card for each proposed web page and arranging them in logical category piles. Then connect the cards with the string to show how pages will link together. You may prefer to just sketch ideas on a piece of paper or a white board, too—whatever works best for you. As a general rule, you want to keep the number of general content categories between five and 10.
LESSON 1 If you are developing a web on a server other than the one that will ultimately store, or host, your web, the development Web server should be as similar to the host server as possible to minimize potential problems.
LESSON 1 TOPIC B l Creating an Empty Web ria Using your browser, you’ve seen sites others have created using FrontPage on the World Wide Web. Next, you will tour an existing web in FrontPage and begin creating your own new web based on a template. te Sure you can create webs using other software applications, but by creating a web and its pages in FrontPage, you harness the program’s hidden managerial power. FrontPage keeps track of every file and/or folder in a web.
LESSON 1 ria One of most useful aspects of FrontPage is its variety of different views. In general, these views let you create and edit pages, as well as check a web’s current condition, contents, and structure. As you can see in Figure 1-3, the Views bar, located on the left of the application window, gives you fast access to any of the different views shown below. Table 1-1 describes what each view displays.
LESSON 1 Views Bar Icon Display This View To ria l Manage a web’s files and folders. Check the condition of a web. Ma te Manage or review how a web is structured. op y See a graphical display of how pages are connected. tC No nc e Build or review a web’s “to-do” list. re Different Page Views 12 Pl ea Re fe HTML se Normal Preview Do Within each of these views, there may be other ways to display things.
LESSON 1 FrontPage Templates FrontPage offers a variety of templates to assist in the production stage of the web creation process. In general, they fall into two categories: page and web site. A page template is a predesigned page that can contain a wide range of page settings (such as frames and background colors), text formatting, and page elements (such as forms, text, and graphics). Example: As shown in Figure 1-4, FrontPage provides over 20 general page templates and several web site templates.
Figure 1-5: Web site templates. y op Ma te ria l LESSON 1 tC No nc e To help use these templates, FrontPage occasionally provides a template wizard—a tool that walks you through a template step-by-step. The wizard, like a Form Page Wizard or Corporate Presence Wizard, will prompt you to enter information, like your company name, or to accept or reject certain page elements, as a page or pages are being created.
LESSON 1 In the New Page or Web task pane, select Web Site Templates. 3 Select Empty Web. 4 In the Specify Location Of The New Web text box, type or select a name and location for the web. 5 Click OK. ria l 2 By definition, the Empty Web template is a web site template. Although it could contain page templates or predetermined formatting, it doesn’t. Other than a couple folders, it is as the name implies, empty.
Generally, all pages should have the file extension “.htm” or “.html.” (Webs and folders don’t have file extensions.) Although there are other permissible file extensions for pages, these two readily identify a file to a browser as an HTML document. FrontPage automatically adds the necessary file extension to every page saved, by default. • Web servers each have their own set of rules when it comes to naming files—especially home pages.
LESSON 1 TOPIC C l Creating a Home Page ria Your new empty web is the shell that will contain your web’s content. It’s time to start creating that content and that begins with your web’s home page. te We’ve all been told not to judge a book by its cover, but let’s face it, we do make judgements. Think of your home page as your web’s cover.
Figure 1-6: Common home page elements. y tC The physical act of creating a home page is relatively simple. The steps you will need are as follows: 1 No Procedure Reference: nc e Create a Home Page op Ma te ria l LESSON 1 In Navigation view, create a new blank document by clicking the Create A New Normal Page button. Re Page Properties 18 Do In Page view, change the page title in the Page Properties dialog box. 3 In the Page Options dialog box.
LESSON 1 Page Names ria l A single page can have three different names associated with it—each with its own purpose: a filename, a page title, and a navigation name. A filename identifies a file to a computer. A page title, which can be set using the General tab in the Page Properties dialog box, is primarily used to describe a page’s content or purpose to a person, usually in the title bar of a browser or in a Favorite or Bookmark. (You can also view a page’s title in the HTML pane of Page view.
y op tC Ma te ria l LESSON 1 Figure 1-7: Page compatibility options. nc e The Preview pane, as you already know, mimics how a page will appear in Microsoft Internet Explorer. Occasionally, though, you might need to view a page in an actual browser—to verify page titles in title bars, for example. In these cases, you could save the page, launch your browser, and then open the page. But a more efficient way is to click the Preview In Browser button on the Standard toolbar.
LESSON 1 TOPIC D l Adding Text to a Page ria A blank home page just won’t do. Next, you’re going to add some text to the home page using a few different methods. te Since it’s likely that the home page will be the first page visitors will see in your web, it’s your best opportunity to create that all-important first impression.
LESSON 1 TOPIC E l Applying Text Formatting ria Your home page is starting to take shape. Now that you know how to add text to a page, let’s look at how you can make your text more legible and distinctive by considering various text formatting options. Apply Text Formatting Procedure Reference: te Text on pages is unavoidable, but that doesn’t mean it has to be dull-looking or difficult to read. It’s up to you to make text as legible and attractive as possible.
LESSON 1 y op Lesson 1 Follow-up Ma Figure 1-8: Styles drop-down list expanded. te ria l We recommend using styles whenever possible. FrontPage has an optional formatting feature called “themes” which makes changing formatting quite easy if styles have been applied. Answers will vary. 2. tC No Do What goes into creating a new web? Do you have any resources available to help you create a web. If so, what are they? Lesson 1: Creating a Web Pl ea Re fe re Answers will vary. se 1.
24 se Pl ea Do y op te Ma tC No nc e re fe Re ria l NOTES FrontPage 2002 – Level 1
LESSON 2 ria l LESSON 2 In this lesson, you will create and modify tables. • change a table’s appearance. • convert a text file into a FrontPage table. • split an existing table into three distinct tables. y Do se Pl ea re fe Re Lesson 2: Working with Tables No edit existing tables. nc e • tC You will: • insert a table, nest a table, and add text to the tables.
LESSON 2 Introduction You have created your web and started your home page by adding and formatting some text. In addition to text, there are many things you can add to your pages. We’ll start with tables. TOPIC A Inserting a Table te ria l Tables will make your life a little easier because of the control they offer. In general, tables are used to position web elements or contain data.
LESSON 2 Nested Tables l As we mentioned briefly, tables can contain other tables. A table within another table is said to be nested. Nested tables provide another layer of table layout and formatting options, because each table has its own set of properties. This can produce effective visual distinctions between page elements. ria TOPIC B Editing a Table’s Structure te Rarely is a table exactly right the first time.
LESSON 2 If you’re having trouble drag-selecting table elements, use the Table→Select menu options.) ria l You can also point and click to select a table element. For instance, to select a row, position the mouse pointer along the left-most edge of the row. When the mouse pointer changes to a black arrow, click the mouse button to select the entire row. At this point, you can drag to select more than one row. Select columns the same way. (To select an individual cell, [Alt]-click it.
LESSON 2 Format a Table A table and its elements (cells, rows, and columns) can have different formatting. Using the options in the Table Properties dialog box, as shown in Figure 2-3, you can make changes that control an entire table and how its contents are presented on a page. Figure 2-3: The Table Properties dialog box. Alignment y op tC Do Table 2-1: Table Formatting Options Table Properties Option Function No nc e Ma te ria l Procedure Reference: Determines a table’s alignment on a page.
LESSON 2 y op tC Ma te ria l Using the options in the Cell Properties dialog box, as shown in Figure 2-4, you can make changes that control the appearance of a single cell or a range of cells, including rows and columns. nc e Figure 2-4: The Cell Properties dialog box. Specify Width/Height Determines the width of a cell in the context of its row, and the height in the context of its column.
LESSON 2 Place the insertion point in the table you want to affect, and then rightclick on the table and select Table Properties. In the Table Properties dialog box, set the layout, border, and background options. 2 Once the table options are set, you can address the cell-level formatting. Place the insertion point in the cell you want to affect (or if you want to format a range of cells, select the range), and then right-click on the selected cell(s). Select Cell Properties.
LESSON 2 TOPIC E l Splitting a Table ria Having converted a text file into a table, you notice that it doesn’t look as good as it could. The large table would be more effective if it were split into three separate tables. You will learn how to do that in this topic. Ma To split one table into two: Place your insertion point in the row below where you want the split to occur. 2 Choose Table→Split Table. 3 Repeat steps 1 and 2 as needed.
LESSON 3 ria l LESSON 3 In this lesson, you will connect pages. y op Lesson Objectives: Ma te Connecting Pages tC You will: • add text hyperlinks to pages that connect to internal and external pages and as well as bookmarks within a web. • create a hierarchical navigation structure by adding existing and new pages beneath the home page in Navigation view. • insert a link bar Web component with custom links. • remove a page from a web’s navigation structure.
LESSON 3 Introduction You are in the early stages of production and have created a web and a couple standalone pages. Now you are ready to learn how to connect your pages. ria l Have you ever read a text book that repeatedly referenced other works? You had every intention of looking up those supporting titles, but you never did. Why? Because it wasn’t convenient. You didn’t remember the reference titles. You didn’t have the time or the resources. Lots of excuses.
LESSON 3 ria l When discussing the Web, the protocol is generally HyperText Transfer Protocol (HTTP). The protocol tells your browser how to ask for the file it’s trying to locate. The rest of the URL tells the browser where to find the file. After the colon, usually separated by two forward slashes, is the name of the server, or host, that provides the file. After the server name, separated by one slash (/), comes the path: usually a folder name and a filename. So in the following URL, http://microsoft.
LESSON 3 ria l On the rare occasion that you type a URL that contains two forward slashes (//) in the URL’s path name, at the time this was written, FrontPage displays the link properly on screen, but changes the URL behind the scenes, eliminating the second slash. You will need to modify the underlying URL manually if you want it to be correct. 1 Select existing text for the link or place the insertion point where the new link will be located.
LESSON 3 TOPIC B l Creating a Shared Border ria With hyperlinks added to our “connecting pages” arsenal, it’s time to turn our attention to connecting page content. In this topic, you will learn how you can have the same content repeated consistently on pages in your web. y tC No Do se Pl ea re fe op A shared border is a reserved region on one or several pages in a web where you can add content that will be displayed if the page is formatted with shared borders.
LESSON 3 1 Choose Format→Shared Borders. 2 Select whether you want the borders applied to the current page or the entire web. Select where you want the shared border(s) located and, if selecting Top, Left, and/or Right, whether or not to include navigation buttons. (See Figure 3-1.) te 3 ria l The configuration of shared borders can be different for each page in a web.
LESSON 3 TOPIC C ria l Adding Pages to a Web’s Navigation Structure You’ve connected pages manually creating hyperlinks between individual pages and you’ve shared content between pages. Now it’s time to create a navigation structure for your web which will allow FrontPage to create navigation elements for you. Ma te With the pages in your web starting to add up, you need to start arranging pages in Navigation view.
About us. Typically, this page relates or links to company histories, contact information, mission statements, and so on. • Help/support. Many companies use these pages to provide answers to frequently asked questions or to a site map. • Miscellaneous. These items (job opportunities, locations/driving directions, legal/copyright/privacy statement, and related links) are typically downplayed on sites because they are either static or are updated infrequently.
ria l LESSON 3 te Figure 3-2: Flat (top) and hierarchical (bottom) navigation structures. y Do No tC op If an imported page already has a page title, when you add it to the web’s navigation structure, the page title will become the default Navigation view name. The problem arises when, more often than not, an existing page title is either inappropriate or too long to be fully displayed by a page’s icon in Navigation view. (See Figure 3-3.
LESSON 3 TOPIC D ria l Inserting a Custom Link Bar Web Component Based on the web’s navigation structure, FrontPage automatically added hyperlinks to the link bar that you added the shared borders. This topic will show you how to insert a new link bar and manually add hyperlinks that you choose. Procedure Reference: Combining the best of both worlds—text hyperlinks and link bars—you can mix internal and external links. 2 Choose Insert→Navigation to display the Insert Web Component dialog box.
LESSON 3 TOPIC E ria l Removing a Page from a Web’s Navigation Structure Now that you have a hierarchical structure and have added link bars, it’s time to learn what to do when you have to remove pages from that structure. Pages come and pages go, and when they have to go, it’s important that you send them packing properly. In this topic, you will learn how to remove a page from a web’s navigation structure without deleting it. y tC No In Navigation view, select the page that you want to delete.
LESSON 3 Lesson 3 Follow-up te Some web designers prefer the control of typing internal and external hyperlinks for their webs. Others prefer letting FrontPage handle the links in its link bars. Which option do you think you will use? Will you use both? Answers will vary. 44 op tC Do se Pl ea Re fe re nc e Answers will vary. y What benefits do you think that shared borders can provide for your web? Would you ever modify the borders? If so, why? If not, why not. Ma 2. No 1.
LESSON 4 ria l LESSON 4 y op Lesson Objectives: Ma te Adding Visual Appeal to a Web nc e You will: • insert a picture from a file into a page. tC In this lesson, you will add, edit, and link pictures, as well apply and modify themes. • add hotspots to a picture to create an image map. • create a new drawing by adding and removing pieces of WordArt and AutoShapes before resizing the canvas. • insert a Photo Gallery Web component.
LESSON 4 Introduction Until now you have been working with tables, text, and connecting pages. This lesson will teach you how to add more visual appeal to the pages in your web. ria l As a homework assignment in school, did you ever have to read a book that didn’t have any pictures in it? And even the pages were stark white with black text? No matter how engaging the story was, it was probably a chore just to get through it. Webs without visual appeal are just like that book with one exception.
LESSON 4 You can insert other image types, but FrontPage will convert those with 256 colors or less to GIFs and those with more than 256 colors to JPEGs. Adding pictures to a page will increase the time it takes the page to download. On average, you want to keep the download time under 10 seconds; otherwise, visitors may lose patience and look elsewhere. To help you with this, in the lower right-hand corner of the FrontPage application window, there is the Esti.
LESSON 4 TOPIC B l Editing a Picture ria You’ve inserted pictures and you may want to modify them once you see them on a page. In this topic, you will learn how to edit them. Not every picture you add to your pages will be perfect. Does that mean you can’t use it? Of course not. FrontPage gives you several image editing tools you can use to get that picture in shape.
y Do se Pl ea re fe Re No If a page contains a picture that currently resides outside a web, a picture that was converted from a different file format, or an existing picture that was edited, FrontPage will prompt you to save embedded files when you attempt to save the page.
LESSON 4 TOPIC C l Creating an Image Map ria You’ve added one hyperlink to a single picture making it more functional. But by adding multiple links to a single picture, you can essentially create your own link bar. In this topic, you will learn how to add multiple hyperlinks to one picture. Procedure Reference: Ma Create an Image Map te There may be times when you want a picture to behave as a link bar, that is, one graphical element with many links in it.
LESSON 4 TOPIC D l Using the Drawing Tools ria You’ve added pictures that were already created for you. In this topic, you will learn how to create your own pictures on a page. Sometimes you are in a hurry and you have an idea of what you want a picture to look like, but you just don’t have time to wait for the Art department to create a picture for you. What do you do? Use FrontPage’s drawing tools to create a just-in-time solution.
LESSON 4 TOPIC E l Adding a Photo Gallery ria You’re well on your way to adding visual appeal to your web, and you just learned how to add WordArt and AutoShapes to a new drawing canvas object. Next up, you will learn how FrontPage can make the grouping of pictures easier. Ma te When you’re dealing with a lot of related pictures, placing them individually in a table can be quite time-consuming.
Figure 4-2: An example of a photo gallery. y op tC Ma te ria l LESSON 4 No nc e The photo gallery Web component can display your pictures and arrange in one of four ways, as shown in Table 4-1: horizontally, vertically, as a montage, or as a slide show. Do se Pl ea Re fe re Like any other FrontPage component, the photo gallery is a prefabricated element that you can easily add to a page without having in-depth knowledge of HTML or programming languages.
LESSON 4 Table 4-1: Samples of Photo Gallery Layouts Layout Example y op tC se Pl ea Re fe re Slide Show 54 No Do nc e Montage Ma te ria l Horizontal FrontPage 2002 – Level 1
LESSON 4 Layout Example y A descriptive text option is unavailable in the montage layout. op Ma te ria l Vertical tC The Photo Gallery Web component automatically creates smaller versions, or thumbnails, of your pictures. These smaller versions help reduce page download time. Clicking the thumbnail image in a browser will display its corresponding larger image.
TOPIC F Modifying a Photo Gallery l LESSON 4 ria With a photo gallery in place, that doesn’t mean you are done. In fact, like any other Web component in FrontPage, it’s quite likely that you will need to modify the gallery’s properties or edit one of its photos. In this topic, you will learn how to do both of those possibilities. Procedure Reference: y Ma Modify a Photo Gallery te Flexibility and convenience are the two most significant reasons to use a Photo Gallery Web component.
LESSON 4 Applying a Theme to an Entire Web l TOPIC G ria Up to this point, you’ve been beautifying your web one step at a time—adding page backgrounds, text formatting, tables, and images. In this topic, you will learn how to apply all of these at the same time to your entire web, using a set of pre-packaged, predesigned graphical elements that comes with FrontPage.
LESSON 4 4 Select a theme from the list. 5 Select (or deselect) any of the following check boxes. Vivid Colors: Uses bright colors instead of the normal color set. • Active Graphics: Uses some animated pictures for buttons and page banners. ria l • Not all themes have active graphics. Background Picture: Places a picture “behind” the page elements. (Covers the page background color.
LESSON 4 ria Modifying a Theme and Applying It to an Individual Page l TOPIC H With a theme applied to your entire web, you will learn in this topic how you can modify a theme to suit your needs and then apply your new custom theme to just one page. y op tC No Do re nc e Ma te Themes supplied by FrontPage are great time savers, but they’re not very particular in how they affect elements on your pages. For example, see Figure 4-4; one of your pages has a white callout with black text in it.
LESSON 4 Select whether to apply the soon-to-be modified theme to all pages or just the selected page. 3 Select the theme you want to alter. 4 Click the Modify button and make any necessary changes to the colors, graphics, or text. 5 When you are done making changes, save the color scheme with a new name. ria l 2 You won’t be able to save the modified theme with the same name because themes that come with FrontPage are read-only. Deleting a Custom Theme Click OK to apply the modified theme.
LESSON 5 ria l LESSON 5 You will: • create and complete a task. nc e y op In this lesson, you will prepare a web for publishing. tC Lesson Objectives: Ma te Preparing and Publishing a Web • use the Site Summary report to observe a web’s current condition. • display the Hyperlinks report from the Site Summary report, and then verify and correct a broken link. • spell check an entire web and use the Find And Replace command to substitute one phrase for another.
LESSON 5 Introduction l For all intents and purposes, the web production stage is winding down and it’s time to prepare your web for the third phase of the web creation process—publishing. This lesson will show you how to get your web ready, as well as how to publish it to a Web server. ria We’ve all seen web pages that have spelling errors, hyperlinks that don’t work, and even pages with missing graphics. These are all signs of a sloppy web.
LESSON 5 Task The name of the task. Assigned To User name or workgroup that has been assigned to complete the task. Priority High, Medium, or Low, depending on how urgent a task is. (Medium is the default.) Description The name of the file a task is associated with. The date the associated file was last modified. Details of the work that needs to be done. re Create and Complete Tasks Do Modified Date tC A task can be Not Started, In Progress, or Completed.
LESSON 5 4 Click OK. l To modify or delete an existing task, right-click on the task in Tasks view and either select Edit Task or Delete. 2. ria Starting and Tasks can either be associated with a file or not. To start a task that has a file Completing associated with it: a Task 1. Display Tasks view. Right-click on a task and select Start Task from the shortcut menu. te If the Start Task option is grayed out, that means that no page was selected when the task was assigned.
LESSON 5 TOPIC B l Organizing Your Web’s Files ria You have created many files in your web and let’s face it, in your rush to put them together, you weren’t very concerned about where they wound up. Let’s learn how to put them where they belong. op tC No In either the Folder List or in Folders view, select the file(s) to be moved. 2 When it comes to moving files, you have a couple choices: • Drag and drop the file(s) into the appropriate subfolder.
LESSON 5 If you decide you don’t want the new folder, simply select it and press [Delete] to remove it from the web. ria l TOPIC C Viewing FrontPage Reports With files organized, it’s time to let FrontPage review the web. No tC op FrontPage reports are web analysis tools that offer a common-sense path to managing particular aspects of your web so it remains as fast and efficient as possible. Each report points to site-related matters that may deserve your attention.
LESSON 5 Table 5-2: FrontPage Report Categories Report Category Description Display a list of all files in a web, recently added or changed files, as well as older files. Problems Show a list of unlinked files, slow pages (in terms of download time), broken hyperlinks, and component errors. Workflow Show where a file is in the production process and whether or not it will be included when the web is eventually published. Usage Display site activity statistics collected by the web’s server.
LESSON 5 TOPIC D ria l Correcting a Broken Link Using the Hyperlinks Report The Site Summary report provides a snapshot of the current condition of your web. Within the Site Summary report, there’s no more important report than the Hyperlinks report. te You’ve taken great pains to ensure that you linked all elements in your web properly. Unfortunately, not everyone is as careful as you are. If you collaborated on the web with others, some of your web’s internal links may be broken.
LESSON 5 If the link is still broken, you may want to check to make sure your Internet connection is working. te ria l Sorting and When you display an individual report, not available for the Site Summary AutoFiltering report, often you will be given a long list of items. (In the All Files report of a Reports large web, you may see hundreds of files.) You can sort a report by clicking the various column headings.
LESSON 5 TOPIC E l Using Text Editing Tools ria Your links are intact, and one of the very last things you will do to prepare your web for publishing is to check its page content for editorial mistakes. FrontPage, as in Microsoft Word, allows you to spell check a page, as well as find and replace text but with a couple differences—which you will discover in this topic. Ma te It’s crunch time. The web has to be published for internal review in the next hour.
LESSON 5 Replacing Text ria l The Replace command in FrontPage behaves almost exactly like it does in Microsoft Word; however, the FrontPage version is a diluted version. It doesn’t allow you to look for character formatting, styles, or special characters—like Word does. One plus is that the Replace command in FrontPage does allow you to find text in HTML, if you scan multiple pages or the entire web. (The option is unavailable if you are only looking in the current page open in Page view.
LESSON 5 In the Main screen of the Personal Web Manager, in the Publishing area, it shows that Web publishing is on and that your home page is available at http://servername. (See Figure 5-3.) That is the path to the virtual server where you will be publishing your server-based webs. Write down the path to your Personal Web Manager. y op tC Ma te ria l 2 nc e Figure 5-3: The Personal Web Manager dialog box. 3 No Also, notice the path next to “Your home directory,” generally c:\inetpub\wwwroot.
Ma te ria l LESSON 5 y Figure 5-4: Publish Web dialog box. 2 If it’s the first time the web has been published, you will be prompted to enter a publish destination, such as the path to your Personal Web Manager, and a web name like http://servername/webname. (If you are publishing the web to a new location, FrontPage asks if you want it to create the web there. Click OK to accept the offer.) 3 In the Publish Web dialog box, change Options as necessary. 4 Click Publish.
Ma te ria l LESSON 5 op Publishing Logs y Figure 5-5: Publishing options. tC No FrontPage server extensions are a set of programs and scripts that support a FrontPage web’s component elements, adding overall functionality to a web and the Web server on which they are installed. If your Web server doesn’t have the FrontPage server extensions installed, certain FrontPage Web components will not work—hit counters and search forms, for example.
LESSON 5 Creating a Backup Copy of a Web l TOPIC G ria You planned your web, produced your web, and you have published your web. It’s time to create a duplicate copy of your server-based web and store it somewhere locally (on your hard drive, a local area network, or a removable storage media, like a CD or tape). Create a Backup Copy of Your Web y Ma Creating a backup of a server-based web is nearly identical to publishing a web for the first time.
LESSON 5 2. Why might you want to back up your web? Have you ever had an occasion where you could use another copy? 76 y op tC No Do se Pl ea Re fe re nc e Ma te ria l Answers will vary.
LESSON 5 Course Follow-up 1. ria l In this course, you learned how to create, edit, and publish web pages that include text and pictures to an intranet or to the World Wide Web. Also, you learned how to apply formatting to the different sections of web pages, incorporate FrontPage’s components into a web, and create tables, text, and images. Now, when you need to create a web page for business or personal use, you now possess the skills to create a basic web.
78 se Pl ea Do y op te Ma tC No nc e re fe Re ria l NOTES FrontPage 2002 – Level 1
INDEX ria l INDEX F All Pages option, 58 AutoFilter feature, 69 AutoShapes, 51 files importing, 39 inserting, 39 Fill tool, 28 Find And Replace editing tool, 70 flat structures, 40 FrontPage server extensions, 74 C fe E Index tC Do hidden folders, 16 hierarchical structures, 40, 41 home pages, 17 adding text, 21 creating, 18 defining, 17 formatting text, 22 inserting a table, 26 hotspots, 50 HTML view, 12 hyperlinks, 35 adding, 35, 36 creating, 35, 36 defining, 34 Pl ea Re editing tools Find
INDEX cropping, 56 editing, 48 intranets, 9 J Joint Photographic Expert Group format See: JPEG format JPEG format, 46, 55 L link bars, 38 creating, 42 S ria Replace command, 71 reports, 66 AutoFiltering, 69 saving, 69 sorting, 69 viewing, 67 rows inserting, 27 T tC Do se Pl ea Re fe re nc e page banners, 38 page compatibility options, 19 page names, 19 Page Properties, 18 page templates, 13 Page view, 70 Preview, 12 page views HTML, 12 Normal, 12 pages, 2 paragraph formatting, 22 Paste Options
INDEX viewing, 10 wizards, 13, 14 WordArt, 51 World Wide Web, 2, 3 thumbnails, 55 U ria l Uniform Resource identifiers See: URIs Uniform Resource Locator See: URL unverified links, 68 URIs, 34 URL, 34, 35 Index y op No tC Ma Do Pl ea Re fe re Web servers, 2 web site template, 15 web site templates, 13, 14 webs, 2, 3, 6 adding a picture, 46 adding pages, 40 applying a theme, 57, 58, 59 creating, 3, 4, 5, 7, 8, 9 creating a backup copy, 75 deleting, 16 editing a picture, 48 modifying a theme, 59