Microsoft frontpage 2003 tutorial pdf free -

Looking for:

- Creating Web Pages with Microsoft FrontPage - PDF Free Download 

Click here to DOWNLOAD

   

 

FrontPage The Missing Manual [Book].

 

Setting Bookmarks 3. Linking to Bookmarks 3. Link to a bookmark within the same page 3. Link to a bookmark on another page 4. Working with Images 4. Image Files on the Web 4. Image File Formats 4. Adding Pictures 4. Inserting Pictures 4. Dragging Pictures onto Your Page 4. Formatting Pictures 4. Editing Appearance 4. Resizing 4. Resizing by pixel 4. Resize by percent 4. Resampling your picture 4. Resizing by dragging 4. Setting Picture Placement 4. Text wrapping 4. Alignment 4.

Absolute positioning 4. Alternative Representations 4. Adding Videos and Flash Movies 4. Inserting Video Files 4. Displaying a video as a picture file 4. Setting video properties 4. Inserting Flash Movies 4. Setting movie properties 4.

Inserting Plug-Ins 4. Saving Image Files 4. Saving Files with a Page 4. Creating an Image Map 4. Editing a Hotspot 4. Create screen tips for your hotspots 4. Creating Thumbnails 4. AutoThumbail Feature 4. Sizing AutoThumbnails 4. Adding a Photo Gallery 4. Creating a Photo Gallery 4. Using the Photo Gallery template 4. Editing Pictures Within a Photo Gallery 4. Adding a Background Picture II.

Improving Your Web Page 5. Tables 5. Inserting a Table 5. Inserting a Table with the Toolbar 5. Inserting a Table Using the Table Menu 5. Saving settings in the Insert Table dialog box 5. Drawing a Table with Your Mouse 5. Converting Text to a Table 5. Formatting a Table 5.

Selecting Parts of a Table 5. Selecting a table 5. Selecting a row 5. Selecting a column 5. Selecting cells 5. Manipulating Table Structure 5. Inserting rows or columns 5. Deleting rows, columns, or cells 5. Moving table components 5. Table Properties 5. Adding a Table Caption 5. AutoFormat Feature 5. Nested Tables 5. Formatting Cells 5. Alignment 5. Cell Dimensions 5. Cell Borders and Background 5. Merging and Splitting Cells 5. FrontPage Layout Tables 5. Pros and Cons of Layout Tables 5.

Inserting a Layout Table 5. Creating a layout table 5. Adding layout cells 5. Converting tables 5. Manipulating Layout Tables 5. Setting more cell properties 5. Setting Page Margins 5. Adding Flexibility to a Layout Table 5. The spacer image 5. Frames 6. Deciding Whether to Use Frames 6. Creating Frames and Framesets 6. Creating Frames 6. Saving the New Frameset 6.

Modifying Frames 6. Adjusting frame dimensions 6. Frame scroll bars: To show or not to show 6. Hiding frame borders 6. Splitting frames 6. Creating a No Frames Page 6. Editing Frameset Content 6. Editing Pages 6. Creating Additional Pages 6. Hyperlinking from Frames 6. Setting Targets for Frames 6. Creating Inline Frames 6. Adding an Inline Frame 6. Modifying an Inline Frame 6. Alternatives to Frames 7. Cascading Style Sheets 7. Styles: An Introduction 7. The Scope of Your Styles 7.

Inline, embedded, and external styles 7. Style Selectors 7. Tag selectors 7. Class selectors user-defined styles 7. ID selectors 7. Creating an External Style Sheet 7. Creating a New Style Sheet 7. Creating Styles 7.

Creating a Style 7. Setting Style Properties 7. Fonts 7. Paragraph 7. Border 7. Numbering 7. Position 7.

Applying Styles 7. Linking to an External Style Sheet 7. Applying a Class Style 7. Removing a Class Style 7. Understanding Style Behavior 7. Inheritance 7. Cascading 8. Layers 8. Creating Layers 8. Inserting Layers 8. Adding content to a layer 8. Selecting Layers 8. Resizing and Positioning Layers 8.

Resizing 8. Placing Layers 8. Modifying Layers 8. Setting Layer Appearance 8. Visibility 8. Nesting Layers 8. Inserting Child Layers 8. Changing Parent-Child Relationships 9.

Creating a Rollover Image Image Swap 9. Interactive Buttons 9. Page Transitions 9. Creating Behaviors 9. Creating a Behavior 9. Events 9. Creating Actions 9.

Actions to Control Navigation 9. Creating a drop-down menu 9. Jump Menu Go 9. Open Browser Window 9. Go to URL Redirect 9. Check Browser 9. Actions to Control Multimedia 9. Check Plug-in 9. Play an Audio File 9. Control Properties in Flash 9. Actions to Send Messages 9. Pop-up Message 9. Set Text of Frame 9. Set Text of Layer 9. Set Text of Status Bar 9. Set Text of Text Field 9. Image Actions 9. Swap Image 9. Preload Images 9. Advanced Action: Change Property 9. Deleting and Editing Behaviors 9.

Tutorial: Creating a Cascading Menu 9. Creating the Main Menu 9. Creating a Submenu 9. Building and Managing a Web Site Creating and Structuring Your Web Site Where to Create Your Web Site Creating a Disk-Based Web Site Creating a Server-Based Web Site FrontPage Server Requirements Using Site Templates and Wizards Understanding Templates and Wizards How to Use a Template Other Options Creating a Site Manually Creating a Site in Navigation View Why Use Navigation View? Creating a Home Page in an Empty Site Adding Child Pages in an Empty Site File names Creating HTML files for child pages Adding Top Pages Creating a Navigation Diagram for Existing Pages Naming Your Site Naming Files Creating Folders Subsites Themes, Link Bars, and Templates FrontPage Themes Should You Use a Theme?

The pros The cons Applying a Theme Things to keep in mind when applying a theme Customizing a Theme Changing colors Changing graphics Changing text Saving a custom theme Removing a Theme How Themes Interact with Style Sheets Link Bars and Page Banners Link Bars with Custom Links Page Banners Included Content Inserting Included Content Inserting a Scheduled Include Inserting a Scheduled Include Picture Shared Borders Why Not to Use Shared Borders Activating Shared Borders Applying Shared Borders Editing and Removing Shared Borders Creating a Page Template Creating a Template Editing a Template Creating Pages with a Template Dynamic Web Templates Creating a Dynamic Web Template Creating Pages from a Dynamic Web Template Attaching pages to a template Editing a Dynamic Web Template Detaching a Dynamic Web Template Testing Your Site Making a Good Impression Basic Proofreading Checking Spelling Checking spelling automatically as you type Checking spelling on multiple pages Find and Replace Finding text Replacing text Validation Validating Pages Should You Validate?

Accessibility Testing with Different Browsers Preview in Browser Adding a browser Setting Authoring Options Microsoft software-related authoring settings Browser settings Browser settings: the bottom line Checking Browser Compatibility Optimizing HTML FrontPage Reports: Monitoring a Site Site Summary Report The Reports Workflow reports Usage reports Viewing and Filtering Reports Testing Hyperlinks Finding Broken Links Checking for Orphaned Files Verifying Hyperlinks Recalculate Hyperlinks Publishing Your Site Things to Know Before You Publish The Microsoft Web Server Technologies FrontPage Server Extensions Windows SharePoint Services SharePoint Team Services Setting Publishing Preferences Selecting a Remote Web Site WebDAV FTP Publishing to a disk-based site Configuring Publishing Options Changed Pages only All pages, overwriting pages already on destination Excluding Files from Publishing Publishing Selected Files Authoring Modes Should You Optimize?

Simple alternatives to optimization Collaboration Tools Assigning Pages Assigning Files to Individuals Categories Using categories to create a table of contents Review Status Workflow Reports Document Control Activating Document Control Checking Documents In and Out Assigning Tasks Assigning a Task Working on a Task IV.

Forms and Databases Gathering Data with Forms How Forms Work Creating a Form Manually Creating a Form Adding Form Fields Configuring Form Fields Text box Text area Checkbox Option or radio button Drop-down box File upload Group box Label Buttons Submit and Reset buttons Normal button Advanced button Using a picture as a Submit button Validating Forms Accessing Validation Settings Validating Text Fields You will see that the Title of the.

It is best to be in Design view whe. Copying other text documents into w. Extended embed settings. You have already flagged this document. Thank you, for helping us keep this platform clean. The editors will have a look at it as soon as possible. Self publishing. Share Embed Flag. TAGS frontpage microsoft cursor browser arrow task navigation creating html explorer www.

You also want an ePaper? To load the Front Page program, Double click the left mouse button quickly on the Front Page icon on the main Windows screen, or click-the left button on Start in the lower left corner of the screen, then click left-on Programs, and then click left on Microsoft Front Page. You should now be in the Microsoft Front Page main screen.

Click-on all of the Titles in the Menu bar like the one below and familiarize yourself with what they do. If you have used Microsoft Front Page and , one of the first things you probably noticed was that the Views Bar on the left side of the screen was not available in Front Page It is really still there in a new way. This has replaced the Views Bar and the tabs that were below the web page design area in Front Page and This also gives you more area in which to create your web pages, as the Views bar is not long taking up space.

An image of the initial Getting Started Task Pane is on the left. If you click-on the small down pointing triangle at the top of the Getting Started Task Pane, the menu shown at the right will appear. Task Panes are in all of the Office modules. Your cursor should be flashing on the left-h and side of the white area. Move your cursor over the paper and the help text box should indicate Create a new normal page.

Notice, that when you tapped the Enter key, that the cursor moved down two lines double spaced. If you desire a single space between your text, simply Hold Down the Shift key and , while you are holding down the Shift key, tap the Enter key.

Now click to the left of your name and hold down the left mouse button, and drag across all that you have typed, and release the button. This will highlight your title. It should look something like the picture on the right.

With the text highlighted, click-on Format in the Menu bar and then click-on Font. Font style 1. Font 4. Color 3.

There are several unique things that occur when you are working in web pages. If you are familiar with word processing, then you know that you can make your font size just about as big as you desire. However, when working in web pages, you are limited in the number of font sizes that you are allowed by the HTML programming code. In web terminology these are called headers.

First, you will notice that a Sample, of how the font currently appears, is located in the lower Preview area of the Font menu screen.

As we alter the appearance of the font, each change will appear, as we make it, in the Preview area. Font in the picture on the previous page. Click-around until you discover one you like — we chose Bookman Old Style. Watch the Preview area.

Notice that, when you click, the Preview changes to that size. In web pages this is the size of the header. Since we are creating our web page in a program called HyperText Markup Language HTML , you will find that, in a number of word processing functions, we are limited in what we can do on our web page.

In the case of Fonts however, we are still limited to 7 font sizes — called headers. Fourth 4. A list of colors appears like on the right. Click-on More Colors. When you do, the following Menu screen appears. The below Color menu screen will now appear. Click-on one of the Basic Colors arrow on the left. Notice that, when you do, a small marker appears in the color pattern top arrow on the right.

Also notice that a small triangle appears on the right of the pattern middle arrow on right. You can click-on the triangle, hold down the left mouse button, and drag the triangle up and down.

As you do, you will see changes in the color. If, you want to use this color again later, click-on Add to Custom Colors. You will see your choice appear in Custom colors on the left.

This color will always appear whenever you want it for other text in this web page. When you are satisfied, click-on OK once, again and a third time. You will need to point away somewhere in the white area of the page and click the left mouse button.

This will remove the highlight and reveal the text color you selected. There are several ways to do this. First, click-on File in the Menu Bar and then click-on Save. The following Save As Menu Screen will appear. If you want to save the web page on your floppy drive, insert a formatted High-Density disk in the A Drive.

When the disk is in place, click-on the small arrow to the right of the Save in: box. You will need to give your web page a File name under which it will be saved.

Front Page will try use the title you enter in the File name: area. If your web page name is more than 8 characters long, some older computer systems and servers might not work well with the name.

So, create a logical name for your web page like the one above — we used Janie. When you have selected your drive and name, click-on Save. If you know how to use a scanner, scan a picture of yourself. Or, if you have access to a digital camera, have someone take a digital picture of you. Place your picture directly to the diskette, on which your web page is saved, or transfer the image to the Hard disk where your web page is located. In order for the page to load correctly, the text, pictures, animations, video files, photos, sounds, etc.

Before you insert your picture, make sure that your cursor is flashing a couple of spaces below the title. In the Look in: area of the Picture menu screen see image above , click-on the small arrow and select the disk drive where your photograph is located. It is assumed that the location is the A drive or a hard drive. Next click-on the file name for your photograph in the area below the Look in: area. Your web page should look something like the image on the right.

Your picture might be larger or smaller than the one on the right. When this occurs, click and hold down the left mouse button, and drag the corner in or out to make your photograph larger or smaller. By clicking-on the corners, the picture holds its normal size ratio or perspective.

When you finish, your web page should look similar to the image below. From now on, when you save, you can simply click-on the small diskette in the button bar if you desire.

Or, you can click-on File in the Menu bar and then on Save as you did previously. Your choice. If the flashing I-bar cursor is not below your picture, click-below your picture and it should appear. Then, tap the Enter key and the cursor I-bar should be just below your photograph. You may have to tap the Enter key several times 10 Now type the following: This is where the text appears for this option.

To do this, point in the picture and click the right mouse button. When you right-click in your photograph, the following Menu will appear as shown on the right. Click-on Picture Properties.

The following Picture Properties menu screen will appear. Then, click-on the small arrow to the right of Alignment: Default. Notice the choices that appear below Default arrow above. You will see a new display similar to the one on the next page you could also click on the Left Wrapping style image as well. If you desire to duplicate the below illustrations, repeat the above process for each of the choices indicated.

If you do not wish to do this, simply look at the images on the next two pages. This is the left appearance choice. This is the right appearance choice. The text you typed should be just below the picture. Now is a good time to save again. In the button bar, below the Menu bar, there is a button see image on right that will load our web page in a browser e. Microsoft Explorer, Netscape, etc. Or, you can click-on File in the Menu bar and then click-on Preview in Browser.

If you do click-on Preview in Browser, Explorer will ask you to choose a browser that is saved on your computer. We normally use Microsoft Explorer, as it has proven more reliable of late. However, if you are a Netscape or other browser user, then choose your favorite browser if this is important to you. After you have made your choice, clickon the Preview button at the bottom of the Preview in Browser Menu Screen.

Microsoft Explorer browser, or Netscape browser, will load in your computer and your web page will appear. It will appear just like it would if someone looked at it in their browser. This will link you to a web site that contains a lot of neat things.

When you have completed typing, simply tap the Enter key and Microsoft Explorer or Netscape will load this site. Once you have typed-in the address, tap the Enter key. The screen should look similar to that below. At this time it is in a scroll down list on the left side of the screen — it could be on the right if the design changes again. Move down until you see the word Graphics. Your screen should look something like the one to the left.

Click-on Graphics. If your screen does not look just like this, look around for Graphics. When you see it, move your cursor over Graphics, you will see the little pointy h and. Click-on the word Graphics. It should look something like the one below. It should look like the one below. Microsoft Explorer will now take you to the next web page. The top of the web page should look like the text below. Again, use the elevator bar on the right to move down until you see an area on the web page that looks similar to the one on the left.

Click-on this and you will go to a web page with a nice set of basic backgrounds. The top of the web page should look something like the one below. Again use the elevator bar on the right side of the page to run down until you see some backgrounds. Earlier, it was suggested that you use a dark color for your title. It is now suggested that you use a light color for your background. We also use this tutorial in our computer labs and this image projects well with computer projectors on movie screens.

This is a good background as it is light enough to show your text, but also has some color to it. You choose a light background that you like. When you have chosen your background, point your cursor arrow at the middle of the background and click the RIGHT mouse button.

A tailored menu screen will appear like the one at the top of the next page. Move down and click-on the Save Picture As… item in this menu screen. This will take you to the Save Picture menu below. It is assumed, for this exercise, you will continue to use the A drive diskette or the Hard Drive.

Notice that the name of the background appears in the File name: area. When you see the correct drive and file name, click-on Save. This will take you back to the graphics page. Move down the page until you see the image at the top of the next page. This will take you to a web page with a rotating earth. Move down the page until you see the rotating earth. If you accidentally click-on the earth and go to another page, click the back arrow to return to this page.

A drop down menu screen will again appear. Click-on the Save Picture As.. A Save as menu screen will appear and you can again save this picture to the drive you are using. AuEarth will appear in the File name and you can click-on Save. Some objects you click-on will not have a Save Picture As associated with them.

This indicates the person who created this object does not want you to have it. Please be careful and aware of web plagiarism 19 Sound You now have a background and animation to add to your web page.

Then tap Enter. This will give you a nice background in MIDI sound. You can choose one of the other groups if you desire. When you arrive at your selected web page, move down the Classical Music page, or the page of your choose.

You will see a number of selections. We selected Classical Music for our musical masterpiece. When we left click-on bluedanu. Ours looks like the one at the top of the next page. So, as you choose more tunes, listen to them, and close each player until you find a tune you like.

When you have a song you like in our case we chose the bluedanu. When you see the h and , carefully click the right mouse button and a drop down menu will appear. Save this sound like you saved your animation and bluedanu.

Inserting a Background in your Web Page In the status bar, at the bottom of the view screen, you will see the Microsoft Front Page icon displayed in the task bar see above. We will now return to the Microsoft Front Page to insert the background, animation and sound we just captured and saved.

So click-on the Microsoft Front Page button. Your cursor should be flashing just below the text you typed- in earlier. Click-on Format in the Menu bar and then click-on Background. The following screen will appear. Clickon the Browse button which is under Formatting on the right side of the menu see the arrow.

Make sure you are on the drive or the folder where you saved all of your files. For the background, click-on the background you chose earlier see arrow below. Then click-on Open. You will return to the Page Properties screen where we began this process under Format in the Menu bar.

Notice that the background you chose is now indicated in the Formatting - Background area. Click-on OK. What a difference! A good time to Save your web page again. Sounds rather awesome! Make sure that you can see your cursor flashing below the text. Inserting the animation is exactly the same as inserting your photograph. The earth will appear below the text in your web page!

You have to go to the Microsoft Internet Explorer or Netscape to see these effects. Now you see your background and the rotating earth. Now back to Microsoft Front Page click-on the Front Page icon in the Task bar at the bottom of the screen as you did before — bottom Page 22 to insert the sound. Inserting sound into the web page The cursor should be flashing to the right of the earth.

Tap Enter once to move the cursor below the earth. Type-in something that would indicate that, if you clicked on it, you would hear a sound.

After you type-in your text, tap Enter one time to move the cursor down. Click in front of the text, hold down the left mouse button and drag the cursor over the text to highlight it just like you did when you highlighted the web page title — see image below.

Now, with the text high lighted, click-on the Hyperlink button in the button bar. The Insert Hyperlink screen will appear as shown at the top of the next page. It will turn blue. After you click-on OK, and return to your web page, click-under your highlighted text link to turn off the highlight.

This is why it is so important that all of your images and sounds are in one location. Save your webpage and then click-on the Browser button again.

Move down your web page, when your page appears in the browser, and click-on your sound link. Sounds great! You can also hyperlink to an object like your picture or the rotating earth the same way you linked to your text. All you have to do is to click-on any object and then click-on the hyperlink button. Then, follow the instructions you just completed above. Click-on File in the Menu Bar and then click-on Properties.

The Page Properties menu screen below will appear. Click-on the Browse button in the Page Properties menu screen in the Background sound area see arrow at right. The Background Sound menu screen at the top of the next page will appear. Then click-on your sound. Finally, click-on Open.

You will now return to your Page Properties menu screen. Notice that your sound is now shown in the Background sound Location area. We clicked-on the check and it disappeared. We noticed that to the left of Forever that a zero appeared in the Loop area. This simply indicates that the music will play only one time and not play again will not loop. Make sure that you can see your cursor below the sound link. If you cannot see your curser below the sound link, click-below the sound link and see if the flashing cursor appears.

If it does not, tap the Enter key. Now type-in something like: Visit an awesome place. Highlight - Visit an awesome place.

Click in front of Visit and awesome place, hold down the left mouse button and drag over the text you typed just like with the sound , and click-on the link button again. Hyperlink Button When the above screen appears first click-on the Hyperlink button at the top of the menu screen see image at right and the arrow and text above. When you see the Lynchburg College web site click-on the Front Page button at the bottom of your screen — in the task bar.

Click-on the Browsed Page s button see arrow below. Notice that in the Address area, at the bottom of the menu screen, that it indicates the web address to which you browsed. You will return to your web page and Visit an awesome place will be linked to Lynchburg College. A message that indicates that you must save your changes will appear.

Click-on Yes and you will be taken to your browser. If this occurs, look in the task bar at the bottom of the screen and you will see your browser blinking blue. Click-on you flashing browser button and you will once again be taken to your web sit. One more thing — HTML So far you have been working in a program very similar to a word processor with some limitations. First, go back to Front Page again by clicking-on the Front Page icon in the Task Bar at the bottom of the screen.

Click-on the Code tab see image on right. This will take you to a screen that shows you the HTML code you have created. Your screen should look something like the one below. You have now successfully completed a web page. To do this click-on View in the Menu bar, and then carefully go down the menu, you will see and choice Reveal Tags appear.

Click-on it. As you become more proficient and advanced, this can be a real help. But, every now and then, you might find these codes will assist you. Look at the bottom of your design screen again. Notice that there is a button that indicates Split. Click-on the Split button. Your screen will now split into two distinct halves — the HTML code in the top half and the regular design view in the lower half similar to the image below.

This is a real help if you are used to working in code, or design view. Front Page now has this h and y feature. We clicked Show Ruler, Show Grid and Snap to Grid and , as we did, the ruler and grid appeared on our design screen, like the image below. Notice that a ruler and grid lines have been added to the design web screen. If you desire a larger or smaller grid, follow the instructions above — except click-on Configure to access the Page Options menu screen and the Ruler and Grid tab as shown at the top of the next page.

When the Page Options menu screen appears, click-on the Code Snippets tab see image and arrow to the right.

The Help screen for IntelliSense is shown at the right. Enhanced Table Features When you use tables in Front Page you will have a number of new and helpful features at your disposal. To get an idea of these features, place your cursor somewhere in the design area of you web page and click the left mouse button.

You will see a flashing mark — this is where a table would begin. Notice, all of the options in the Task Pane, are to assist you in designing a table. Use the elevator bar on the right side of Table layout to see all of the custom tables that you can add to your web page. We would recommend that you only work with tables when you are familiar with them and Front Page If you have any questions about Front Page , or comments on this tutorial, please contact: murray.

The Creating a Web Page Tutorial explains how to create and edit a single web page; this knowledge is pretty essential prior to your attempting the web site tutorial. You should now be in Microsoft Front Page If you are in Front Page , you will see, in the upper left corner of the screen that you are in Microsoft Front Page it looks similar to the image at the right.

Review what the screen should look like and re-familiarize yourself with the various buttons on the top of the screen. If you still have your single web page on the screen, click-on File in the Menu bar, and then click-on Close. If you are prompted to Save your changes — click-on Yes. After you click-on New, the New Task Bar on the right will appear on the right side of your screen. You will notice that the words One page Web site… are now underlined in blue.

It will not look exactly like this. If it is not, click-on it. Your Web Site Templates menu screen should look like the one above.

When it does, click-on OK. A magnification of the left side of your screen appears to the right. This is the Home Page of your web site. Notice that Folders, on the left side of the screen is highlighted. The Folder List indicates that your new web site is located on the C: drive in the Folder webtest.

Notice also that two new folders have been created by Front Page — private and images. One of the neat things in Front Page is that it automatically saves your web site as you make each change. To prove this, click-on File in the Menu Bar and then click-on Exit. Now open Front Page as you did at the beginning of this tutorial. Your web site appears — just like you left it! A Getting Started Task Pane should appear on the right. About half way down the Task Pane you should see an Open area like the one on the right.

Under Web Site s, you should se your webtest website. Your webtest website will open. If all of this fails, do the following: Click-on File and then click-on Open. The Open File menu screen top of next page will appear. When the Open File menu appears, click-on the C: drive, then click-on the Open button.

Click-on the webtest folder image on right , then clickon Open. Click-on the index. The upper left corner of you screen should look like the image to the left. You will see both the Web Site tab and the index.

Click-on the Web Site tab If you were able to open your Web Site from the Task Pane, the upper left corner of your screen should look like the image on the right. You will see only the Web Site tab. So, click-on the Navigation button, in the lower left of your screen, as indicated by the arrow below. Earlier, when you clicked OK on the Web Site Templates screen, a little web page and a world globe appeared with an arrow circling the page and the globe.

This indicated that your web site was created as you requested. The image you see below appeared when you clicked-on the Navigation button. This is the beginning of your web site. In the center of the screen you will see: Take note of the words below the Home Page index.

Prior to your click, it will appear as a light yellow icon, when you click-on it, the page will turn blue. This indicates to Front Page which page you desire to work on. Make sure the Home Page icon is blue.

To add the first page under your home page, you will notice, in the upper right corner of the screen, a small button that looks like a sheet of paper that indicates New Page see arrow at right. Click-on this New Page button. As soon as you click, your screen will change to reflect that you have just created a New Page 1 below your Home Page index. This is where Front Page really does its work. When you click, all of the pages you create in Front Page will automatically be hyperlinked by Front Page.

Your screen should now look like the one at the right. Each time, click-on the Home Page index. Your screen should now look like the one below — after you click the New Page button two more times. First, click-on New Page 3, to turn it blue, and then click-on the New Page button. Your web site should now look like the one below. If you happen to make a mistake, as you are adding new pages, you can simply left click-on the erroneous new page and tap the Delete key, or right click-on the page and then left click on Delete.

A Delete Page menu like the one on the right will appear. Or, you could always click-on the Undo button at the top of the screen. Shared Borders You now have the beginning of a small web site. Before we attempt to look at it, we need to do a very important task. Remember the words below the Home Page - where we indicated that we would come back to naming the pages?

To do this we first have to follow the instructions below the Home Page see bottom of Page They tell us to select Shared Borders in the Format menu. To make sure your Shared Borders are OK, do the following. The Page Options Menu screen will appear like the image at the top of the next page. Make sure there is a check mark in the little box to the left of Shared Borders.

If there is no check, click-in the box and a check will appear. Click the OK button at the bottom of the Page Options menu screen. The Shared Borders menu screen will appear like the one on the right.

To make the titles of each web page and the links visible, you will need to clickin the small circle in front of All Page s, and in the squares to the left of: Top, and Include navigation buttons, and Left, and Include navigation buttons. Your Shared Borders screen should look exactly like the Shared Borders at the right see arrows.

You can also click the right mouse button while the cursor is on the Home Page index. It should look like the image below. These are links to pages below the one you are editing in the Display View.

Viewing web pages in a browser Now, in Design View, click-on the browser button in the button bar. However, if you are a Netscape or other browser user, then choose your favorite, if this is important to you.

Your initial view of your Home Page index. Your New Page 1 should look like the image below. It does not matter if there are more than three pages above, or on the same level as the current page, all the pages will show with their names.

As indicated earlier, in the tutorial, this means that all of the pages are either above [Home] or on the same Navigator level as New Page 1 [New Page 2 and 3]. Now click-on New Page 3 in the browser, remember that we created two new pages below New Page 3.

Your browser should now look like the image below. The text links on the left are to pages below New Page 3 Page s 4 and 5. This is called the Task Bar. Your Task Bar should look similar to the one below. Click-on the Microsoft Front Page icon indicated by the arrow above to return to Front Page In the upper left corner of the screen it should indicate that you are in Front Page like below. You should see a view similar to the one below.

Click-on the Web Site tab at the top of the screen, Then, click-on the Folders button at the bottom of the screen. Click-on the Navigation button in the bar at the bottom of your screen to return to our Navigation View of all the web pages. Carefully, click once lightly on the title index. The box will turn blue once again. Now click lightly on the title in the Home Page box index.

The title will now be highlighted in blue. Your image should look like the one on the right. You may start typing immediately. When you are finished, tap the Enter key. Now click-on View in the Menu bar and then click-on Refresh. Click-on the Folders button in the bar at the bottom of your screen.

Once you get the idea of this, you can change the titles to anything you desire, add more pages, etc. Return to Navigation view by clicking-on the Navigation button again.

Navigation view should look like the left image below. Click-again on the Folders button again. The Folders View should look like the one on the lower right. So, clickon the Navigation button again. Or, you can also click the right mouse button while the cursor is on the Home Page and , when the menu appears, left click on Open. In Design View, click-on the browser button in the button bar. Your pages may not open your browser like before , so if your browser does not open, look in the Task Bar at the bottom of your screen.

If it is click-on it. You will notice that Front Page has automatically changed all of your pages and buttons. Themes If you'll remember, in the Microsoft Creating a Single Web Page tutorial, we browsed on the Internet and found nice, colorful, backgrounds to replace the white default background in the web page.

Now, in Microsoft Front Page , we have the neat option to have a "Theme" background throughout our web site. The theme uses the same color scheme for each web page its buttons and links you can change them page by page later if you desire. First, make sure you are in the Navigation view. If you are not, click-on the Web Site tab at the top of your screen. Then click-on the Navigation button at the bottom of the screen.

When you see your web site organization chart, double-click quickly on your home page at the top of the chart. When we apply a theme to our web site, we will be able to see each theme as we apply it to our home page.

 

Microsoft – Cloud, Computers, Apps & Gaming.Creating a Web Page and Web Site Using Microsoft FrontPage

 

Install Office 2. Before activate disconnect internet! Open Word 3. Use the activation key above 4. Enter the fronntpage key microsoft frontpage 2003 tutorial pdf free.

/18601.txt wizard click phone activation 6. You will get Confirmation ID. Use the Conf. ID then next to tutoriwl microsoft frontpage 2003 tutorial pdf free. ENJOY YOUR OFFICE Tags ignore: icrosoft office product key, Microsoft office product key free, Microsoft office product key this week, Microsoft office product keyMicrosoft office professional plus product key, Microsoft office professional plus activator, Microsoft office free download full version, Microsoft office serial number, Microsoft office serial number free, Microsoft office serial key, Microsoft office serial code, Microsoft office keygen, Microsoft office key generator, Microsoft office activation, Microsoft office microsoft frontpage 2003 tutorial pdf free key, Microsoft office crack, office free download microsoft office microsoft office crack microsoft office crack for free microsoft office download Keygen microsoft office serial microsoft office serial number microsoft office download crack microsoft office activation crack.

ENJOY YOUR OFFICE Tags ignore: icrosoft office product key, Microsoft office product key free, Microsoft frontpage 2003 tutorial pdf free office product key this week, Microsoft office product keyMicrosoft office professional plus product key, Microsoft office professional plus activator, Microsoft office free download full version, Microsoft office serial number, Microsoft office serial number free, Microsoft office serial key, Microsoft office serial code, Microsoft office keygen, Microsoft office key generator, Microsoft office activation, Microsoft office activation key, Microsoft office crack, office free download microsoft office Open navigation menu.

Close suggestions Search Search. User Settings. Skip carousel. Carousel Previous. Carousel Next. What is Scribd? Explore Ebooks. Bestsellers Editors' Picks All Ebooks. Explore Audiobooks. Bestsellers Editors' Picks All audiobooks.

Explore Magazines. Editors' Picks All magazines. Explore Podcasts All podcasts. Difficulty Beginner Intermediate Advanced. Explore Documents. Microsoft Office Keys Here. Uploaded by Ng Wan Lin. Document Information click to expand document information Description: lihl;loyuj. Did you find this document useful? Is this content inappropriate? Report this Document. Description: lihl;loyuj. Flag for inappropriate content. Download now. Jump to Page. Frontpaye inside document. You might also tutoorial Office key.

Office Key. Microsoft Office Activation Keys. Microsoft Office. Skills - Peter Smith. Security in Office Whitepaper. Java Web Start. Project Estimation Calculator. Book CA 12 ENG. B4A Booklest Helper. All Serial. Alumni Application Form En. Android 1. Access Request Form. Digital Media. SPM Trigonometry F5. Http Www. Sample Essay SPM. ArGumentative Essay. Synopsis of Catch Us if u Can. Answering Technique Physics Paper Activity 5. Activity 3. Conjecture 1. Grade 6 Aural Guide. Essays for Spm and Muet Students.

English Drama Series. Activity 4. Kpmt Bi Soalan 1. Bill of Quantity. F2 - Modelling Styles. Cascading Style Перейти на источник. Pro Tools 10 3 Installation Guide Lecture 2. Windows 10 For Dummies. Linux For Dummies. Mastering Bash. Tools Explanation Included. Docker Bootcamp. Bash Vmware workstation 6.5 free free Line Pro Tips.

Mastering Windows PowerShell Scripting. Free Windows Server Mastering Active Directory. Learn Azure in a Month of Lunches. Quick navigation Home.