Table of Contents About Web Pages & Web Sites .......................................................... 2 Opening FrontPage............................................................................. 2 Opening Your Web Site on the KU Server ................................... 3–4 Standard Toolbar................................................................................. 5 Adding Pages ....................................................................................... 6 Saving Your Work ................................................................................ 6 Choosing a “Theme”.......................................................................... 7 Adding a “Link Bar” ..................................................................... 8–10 Entering & Formatting Text ............................................................. 11 Adding Graphic Images .............................................................. 12–14 Adding Other Links to Your Pages .................................................. 15 Your World Wide Web Address ....................................................... 16 Where Do You Go From Here? ....................................................... 16 Glossary ............................................................................................. 17 Appendix A (Finding Graphic Images on the Web)....................... 18 Appendix B (Equation Editor, Print Screen, & TI Capture) .... 19–20 Appendix C (Server File Names) .................................................... 21 © 2005. R.S. Schaeffer Building Web Pages in Microsoft FrontPage • page 1 About Web Pages & Web Sites A Web “page” is a single document containing text and graphic images. As a member of the World Wide Web, you can have a collection of any number of such pages, each a separate document. Such a collection is usually called a “Web site.” A “home page” is typically the main page that a user first encounters when viewing your Web site. Some people put everything on one single page, which a user then has to scroll through to find what he or she is looking for. By putting your different pieces of information on a collection of separate but related pages, the user has to do much less scrolling, and you can update individual pages without having to change everything. Think of your Web site as a book, your home page as its table of contents, and all of your other pages as chapters in the book. As in a real book, a user can bounce back and forth from the table of contents to its various chapters. For example, if you were a teacher, you could have a site containing such things as your current classes where you list important things such as homework assignments, information about yourself, information for parents, links to other math-related Web sites, a link to your school’s Web site, etc. Your home page would be a simple listing of these various categories. Then each of your classes, for example, could be a separate page with a link to it from your home page (and back again). Opening FrontPage Begin by opening FrontPage from the “Start” menu. The first time you do this, you should see the following screen: © 2005. R.S. Schaeffer Building Web Pages in Microsoft FrontPage • page 2 Opening Your Web Site on the KU Server Pull down the “File” menu to “Open Site…” (not just “Open”). At the bottom of the resulting window, enter your site address: http://studentwebs.kutztown.edu/flast123 where “flast123” is your user name (consisting of the first letter of your first name, followed by the first four letters of your last name, followed by a three-digit randomly-assigned number). Click on the “Open” button, and you should see the window to the right. Enter your user name and password, and click on OK. (Unless you are working on your own computer, you probably do not want to click on the “Remember my password” box.) Since it sometimes takes a while to connect, please be patient. © 2005. R.S. Schaeffer Building Web Pages in Microsoft FrontPage • page 3 After the connection is made, you should see the following window. Since you haven’t created any files yet, your file list will be a little shorter, but there might be a file named “index.htm” and a folder names “images.” Double-click on the “index.htm” in either the left- or righthand side of the window. The Web page that opens up is your so-called “home” page. The KU server will always recognize the file name “index.htm” as the home page. Do not change the name of this file. However, you can and will probably want to change the “title” of this page. To do so, pull down the “File” menu to “Properties.” In the window that follows, you should see the full pathname of your file listed as the “Location.” Use the next box to enter your page’s title. This is the name that will appear in the task bar when someone views your page on the Internet. The rest of the boxes are used by Internet search engines to index your page. You may leave them blank. When you are finished, click on “OK.” © 2005. R.S. Schaeffer Building Web Pages in Microsoft FrontPage • page 4 Standard Toolbar Below are descriptions of the most commonly-used buttons on the standard toolbar. You will probably recognize many of them as being the same as those on other Microsoft toolbars. Please note that all of the same actions can be achieved by using the pulldown menus instead. NEW (new page, folder, web, or more): If you click once on the button, a new blank page will be created. If you click on the arrow, you can select from creating a new web, folder, or other options. OPEN: Clicking on the button allows you to open an existing file. If you click on the arrow, you can choose to open a web folder. SAVE: This button saves your page. FIND: This button brings up a window that lets you search for text in your Web page. There are also tabs for Replacing text. Replace is a useful command if you want to replace a misspelled word or phrase that shows up multiple times on your Web page (or even your entire Web site). PREVIEW IN BROWSER: This button allows you to preview your page in a browser. Although FrontPage is supposed to be WYSIWYG, it is not foolproof. It is a good idea to occasionally check to see what others will eventually see when they look at your Web pages. CUT: This button removes the selected item (text, graphic, etc.) from the page and stores it on the Clipboard so that you can paste it somewhere else instead (on the same page or on another page). COPY: This button copies the selected item and stores it on the Clipboard so that you can paste it somewhere else as well. The original is not removed as it is with Cut. PASTE: After cutting or copying an item, use this button to place the item somewhere else (either on the same page or on another page). UNDO: Clicking on this button will take you back one step. Clicking on the arrow will show you a list of commands that you’ve recently made and allow you to go back as many steps as you want. INSERT PICTURE: Clicking this button brings up the “Insert Picture from File” window. INSERT HYPERLINK: Clicking this button brings up the “Insert Hyperlink” window. © 2005. R.S. Schaeffer Building Web Pages in Microsoft FrontPage • page 5 Adding Pages To add another page to your site, pull down the “File” menu to “New…” A new “pane” will open up on the right side of the screen. Click on “Blank Page” to create a new page. A new page with a new “tab” will appear in the center part of the window. At this point, you may begin adding some content, such as text, to the page. Until you save it, its name will be “new_page_1.htm.” To save the page to the server and give it an appropriate name at the same time, pull down the “File” menu to “Save.” In the window that follows, at the bottom of the window, enter a file name for your page. This will be an internal name that will be used by the server, so it does not have to be “pretty.” Since it is a file name, you must follow certain rules: 1. No spaces. 2. Only letters, numbers, underlines, and hyphens (no unusual characters such as colons, slashes, etc.) 3. End in “.htm” Before clicking “OK,” you might want to change the page’s title. Click on the “Change title…” button, and fill in a title as before. Repeat the process for all your pages. © 2005. R.S. Schaeffer Building Web Pages in Microsoft FrontPage • page 6 Choosing a “Theme” In FrontPage, a “theme” is a collection of images and information. These may include: • images for navigation buttons • images for page banners • images for bullets • background image • image for horizontal rule • font color, style, and size information • additional style sheet information Applying a theme allows you to get graphic elements of Web sites such as rollover buttons, page backgrounds, matching font sizes and colors, etc., without needing to know anything about making your own graphics! To choose a theme, pull down the “Format” menu to “Theme…” A pane opens up on the right- hand side of the screen. Scroll through this list until you find one you like. When you move your cursor over a theme’s thumbnail, a pulldown arrow should appear. Select “Apply as default theme” to have the theme used on all your pages. (At this point, don’t worry too much about your choice, since you can use this process to change it later on to a different one and have it change all your pages automatically. That’s the beauty of themes!) Unless you already have formatted text on your page, you probably won’t see very much difference except for a background color or pattern. The other parts of the theme will show up when you begin adding text and applying formatting to it. © 2005. R.S. Schaeffer Building Web Pages in Microsoft FrontPage • page 7 Adding a Link Bar Once you have selected a theme, you can then add a “link bar,” a set of fully-functional buttons that will allow the user to easily move among the pages that make up your site.