CONTENTS FRONTPAGE 2002 ­ LEVEL 1 LESSON 1: CREATING A WEB A. Planning: Things to Consider Before Creating a Web . . . . . . . . . Webs versus the World Wide Web . . . . . . . . . . . . . . . . . . . . . . . The Web Creation Process . . . . . . . . . . . . . . . . . . . . . . . . . . . . . te tC Are You a Good Web or a Bad Web? . . . . . . . . . . . . . . . . . . . . B. Creating an Empty Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . View an Existing Web in FrontPage . . . . . . . . . . . . . . . . . . . . . . FrontPage Templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Ma Do C. Creating a Home Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . What is a Home Page? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . D. Adding Text to a Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . nc e Pl ea se E. Applying Text Formatting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . LESSON 2: WORKING WITH TABLES A. Inserting a Table. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . No B. Editing a Table's Structure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . C. Formatting a Table. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . E. Splitting a Table. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . re D. Converting a Text File into a Table . . . . . . . . . . . . . . . . . . . . . . . . . A. Adding Hyperlinks to Pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . What Is a Hyperlink?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . fe LESSON 3: CONNECTING PAGES Re B. Creating a Shared Border . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . C. Adding Pages to a Web's Navigation Structure . . . . . . . . . . . . . . Importing a File versus Inserting a File. . . . . . . . . . . . . . . . . . . . . op 17 17 21 22 26 27 28 31 32 34 34 37 39 39 iii y 12 ria 2 2 3 4 10 10 l CONTENTS D. Inserting a Custom Link Bar Web Component . . . . . . . . . . . . . . . E. Removing a Page from a Web's Navigation Structure . . . . . . . . . 42 43 A. Adding a Picture to a Page. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . B. Editing a Picture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ria op y l 46 48 50 51 52 56 57 59 62 62 65 66 68 70 71 71 75 79 FrontPage 2002 ­ Level 1 LESSON 4: ADDING VISUAL APPEAL TO A WEB C. Creating an Image Map. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . D. Using the Drawing Tools. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . E. Adding a Photo Gallery . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . F. Modifying a Photo Gallery. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . G. Applying a Theme to an Entire Web . . . . . . . . . . . . . . . . . . . . . . . H. Modifying a Theme and Applying It to an Individual Page. . . . . LESSON 5: PREPARING AND PUBLISHING A WEB A. Creating and Managing Tasks . . . . . . . . . . . . . . . . . . . . . . . . . . . . What is a Task? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . D. Correcting a Broken Link Using the Hyperlinks Report. . . . . . . . . E. Using Text Editing Tools. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . F. Publishing Your Web to the Personal Web Manager . . . . . . . . . . . Determining Your Personal Web Manager's Path . . . . . . . . . . re G. Creating a Backup Copy of a Web . . . . . . . . . . . . . . . . . . . . . . . . Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . fe Re iv Pl ea se Do No C. Viewing FrontPage Reports . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . nc e B. Organizing Your Web's Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . tC Ma te 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. Ma Do FrontPage now also allows web developers to import, edit, and format their own HTML code. nc e Pl ea se Course Prerequisites To ensure your success, we recommend you first take the following New Horizons course or have equivalent knowledge: · Windows 2000 - Level 1 · · · Word 2002 - Level 1 Word 2002 - Level 2 Internet Explorer 5.0 - Level 1 · Re fe A recommendation is that students have experience surfing the World Wide Web. It is also recommended, but not required, to have taken the following New Horizons course or have equivalent knowledge: HTML 4.01: Web Authoring - Level 1 re No tC v op How would you like to save time on the job? Whether you're a seasoned webmaster or ready to create your very first web site, who wouldn't? Because FrontPage is a flexible, WYSIWYG software application, you don't have to waste valuable development time learning and applying the technological, background complexities that go into creating a web site and its pages. (In fact, FrontPage uses many of the same features as other Microsoft Office applications. So, for instance, if you know how to bold text in Microsoft Word, you already know how to do it in FrontPage.) Although FrontPage can and does do most of the "geek" stuff for you, allowing you to concentrate on shaping your site's content, it also provides easy access to and integration with higher-end web technologies--sure to satisfy even the most Web-savvy veteran. te y ria ABOUT THIS COURSE l ABOUT THIS COURSE How To Use This Book As a Learning Guide 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. Topics include all the relevant and supporting information you need to master FrontPage, activities allow you to apply this information to practical hands-on examples. The organization and layout of the book makes it easy to use as a learning tool and as an after-class reference. You can use this book as a first source for definitions of terms, background information on given topics, and summaries of procedures. fe · · · · create and modify tables. connect pages. Re add, edit, and link pictures, as well apply and modify themes. prepare a web for publishing. Pl ea You will: · identify site-planning considerations, create a new web, a home page, and add and format text on the home page. se In this course, you will create, edit, and publish web pages that include formatting, FrontPage components, tables, text, and images. re Course Objectives Do No As a Reference nc e tC Any method of instruction is only as effective as the time and effort you are willing to invest in it. In addition, some of the information that you learn in class may not be important to you immediately, but it may become important later on. For this reason, we encourage you to spend some time reviewing the topics and activities after the course. For additional challenge when reviewing activities, try the "what to do" column before looking at the "how to do it" column. vi op FrontPage 2002 ­ Level 1 y As a Review Tool Ma te You get to try out each new skill on a specially prepared sample file. This saves you typing time and allows you to concentrate on the skill at hand. Through the use of sample files, hands-on activities, illustrations that give you feedback at crucial steps, and supporting background information, this book provides you with the foundation and structure to learn FrontPage quickly and easily. ria l LESSON 1 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 an empty web based on the Empty Web template. create a home page. add text to a page. nc e Pl ea se apply character and paragraph formatting to text. Re Lesson 1: Creating a Web fe re Do No tC 1 You will: · identify guidelines in the web creation's planning stage. op y Lesson Objectives: Ma te ria LESSON 1 l Data Files: none Lesson Time: 60 minutes LESSON 1 Introduction 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. For instance, what is a site? What actually goes into creating a site? And so on. Once you understand what typically goes into creating a new web, you will be better prepared to examine existing webs, as well as create your own. You will be able to avoid unnecessary pitfalls, and potentially save you and your company embarrassment. TOPIC A Ma Do Before doing anything else, the first step to creating a successful web is to put a web plan in place. Webs versus the World Wide Web re The word "web" can be quite vague and it would be best if we cleared up any confusion as to what we mean by this term and all it entails. Definition: In the context of FrontPage, a web is a specially designated folder location, or site, on either your hard drive or on a Web server. Within a web's folder, sometimes called the root folder, there can be multiple web pages--documents written in HyperText Markup Language (HTML) with unique filenames and locations--a variety of subfolders, and even other webs, called subwebs. In short, a FrontPage-based web is a container to store and manage related files. A web is not to be confused with the World Wide Web, or the Web, which is a system of Internet servers that store, or host, individual webs. fe Re Pl ea se No You don't want your site to become lost in the Web shuffle. A clear understanding of what goes into creating a good web, coupled with intensive planning before you begin producing any web content, will help you create a clear reason and plan of attack that could save you countless hours of damage control later--when excuses won't matter. Remember, the competition's site is only a click away. nc e tC Benjamin Franklin once wrote in Poor Richard's Almanac "...a little neglect may breed mischief: for want of a nail, the shoe was lost; for want of a shoe the horse was lost; and for want of a horse, the rider was lost..." 2 op Planning: Things to Consider Before Creating a Web te FrontPage 2002 ­ Level 1 y ria l LESSON 1 We will use the terms "site," "web," and "web site" synonymously. We will also use "web page" and "page" interchangeably. Example: 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. Analogy: The Web Creation Process Ma Do nc e re Figure 1-1: The web site creation process. Re Lesson 1: Creating a Web Pl ea Planning, which we will get to in a moment, is the most overlooked stage, even though it's the first step. Production, which makes up the bulk of this course, includes the actual creation of the web and its content--the building, connecting, and maintaining of web pages. The last stage is publishing, which means putting the web somewhere, typically on a Web server, so that it will be accessible to your audience. fe se No tC 3 op y Creating a web can be distilled into the following cyclical process: Planning, Producing, and Publishing, as shown in Figure 1-1. Although extremely simplified, each stage includes a variety of steps you should take to ensure a site's success. te Think of the World Wide Web as the supreme public library with millions of books (webs). Each book has its own pages (web pages) that cover a particular subject. And as you might expect, some books are best sellers and others never get read. ria l LESSON 1 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. How you will keep the site updated is part of the plannin ...