If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy. See our Privacy Policy and User Agreement for details. Activate your 14 day free trial to unlock unlimited reading. You also get free access to Scribd! Instant access to millions of ebooks, audiobooks, magazines, podcasts and more. The SlideShare family just got bigger. Enjoy access to millions of ebooks, audiobooks, magazines, and more from Scribd.

Upload Home Explore Login Signup. Successfully reported this slideshow. Download Now Download. Next SlideShares. You are reading a preview. Activate your 14 day free trial to continue reading. Continue for Free.

Upcoming SlideShare. MS frontpage Embed Size px. Start on. Show related SlideShares at end. WordPress Shortcode. Share Email. Top clipped slide. Download Now Download Download to read offline. Self Improvement. Introduction, features and environment of ms front page More Related Content Viewers also liked.

Unit a adobe dreamweaver cs6. How to use a User Manual? The Insert Hyperlink menu screen should then appear similar to the one below. A Text. You will then be taken to the default page in your browser.

When Microsoft Internet Explorer or. When you see the Lynchburg College web site click-on the Front Page button at the bottom. This will take you back to Front Page and the Insert Hyperlink menu screen below.

Notice that in. To complete your hyperlink, click-on OK. You will return to your web page and Visit an. If this occurs, look in the. Click-on you. Neat program – Front Page Your web page will look similar to the one below. As you become more proficient and. That was a task. But, every now and then, you. You not only see your HTML code in the top half of the screen, and your design page in the. HTML screen moved to the same place in the code see arrows above.

This is a real help if you. This site is updated frequently with tutorial revisions as well as tutorials from a number of. Please feel free to visit and down load as you desire. This has been an introduction into the basics of Front Page If you have any questions about. Front Page , or comments on this tutorial, please contact:. You may want to take a break and relax before you begin. If you have not. The Creating a Web Page. Tutorial explains how to create and edit a single web page; this knowledge is pretty essential.

In the previous tutorial it explains how to hyperlink or link to other web pages. The really neat. Take a few moments to go back to pages 1 and 2 of this tutorial – Creating a Web Page and. Review what the screen should look like and re-familiarize yourself with the various.

If you still have your single web page on the screen, click-on File in the Menu bar, and then. Once you get used. Click-on One page Web site and the image at the top of the next page will appear.

The Web Site Templates menu screen will appear see above. It will not look exactly like. If it is not,. Your Web Site Templates menu screen should look like the. When you click-on OK, several things will happen. Now look at the bottom left of you screen. You will see that it looks like the image below. Notice also that two new folders have been created by Front Page — private and.

Again, Front Page has also created your initial home page called index. One of the neat things in Front Page is that it automatically saves. To prove this, click-on File in the Menu Bar and then. Front Page will close. Now open Front Page as you did at the beginning.

Your web site appears — just like you. When the Task Pane appears, follow the instructions above. If all of this fails, do the following:. You will see both the Web Site tab and the. So, click-on the Navigation. This indicated that your web.

Take note of the words below the Home Page index. You should be in Navigation View. First, left click-on the Home Page in the middle of the screen.

Prior to your click, it will appear. This indicates to Front Page. If you accidentally double-clicked on the Home Page icon, this indicates to Front Page Design View. Make sure that you have clicked the Web Site tab, so you can see the Navigation button. Each time, click-on the. Home Page index. Your screen. The process is similar to what we just did. Do this twice. You now have the beginning of a small web site. Before we attempt to look at it, we need to.

Remember the words below the Home Page – where we indicated. To do this we first have to follow the instructions. They tell us to select Shared Borders in the.

The Page. When the Page Options menu screen appears, click the Authoring tab see top arrow above. Next, look down the screen and locate Shared Borders bottom arrow above. Make sure. If there is no check,. If a check is already there, you are OK. Click the. You can also click the right mouse button while the cursor.

Before we open the web site in a browser Microsoft Internet Explorer, Netscape, etc. Notice two things. These are links to. These are simply to assist you later in the Display View. Explorer, as it has proven more reliable of late. However, if you are a Netscape or other browser.

Your initial view of your Home. When you. Click-on New Page 1. Your New Page 1 should look like the image. When we created. It does not matter if there are more. These are part of the automatic hyperlink that we mentioned earlier. As indicated. 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. Notice the line below New Page 3 contains the text links for pages above Home or on the. The text links on the left are to pages below New.

At the bottom of your screen there is an. The icon for Front Page has a white arrow on blue icon on left. The icon on the right. Front Page , etc. In the upper left corner of the screen it should indicate that you are in Front Page When you return to the Front Page , make sure that you are in the Folders view. You should. Click-on the Web Site tab at the top of the screen,.

In a Windows program this indicates that you are able to edit the text. You may start typing. What you type will replace index. Once you get the idea of this, you can change the titles to anything you desire,. When you have completed these titles, click-on View in the Menu bar and then click-on. You should be in Front Page Navigation view. So, clickon.

Your Home Page icon. Or, you can also click the right mouse button while the cursor is on. This will load the Home Page. Your pages may not open your browser like before , so if your browser does not open, look in. Click around your web site. You will notice that Front Page has automatically changed all. Internet and found nice, colorful, backgrounds to replace the white default background in the. Now, in Microsoft Front Page , we have the neat option to have a “Theme” background.

The theme uses the same color scheme for each web page its buttons. So, click-on the. It is best to be in Design view when you apply your themes — so that you can see your themes as.

When you see your web site organization chart, double-click quickly on your home page at the. As before, this will take you to the Design view and your home page. Move down the list and view some, or all, of the choices. The first thing you notice is that they. To see what this theme will look like, on our web site, we chose Apply as default theme see. You can apply a different theme to each page, or one theme. You can select a totally different theme at any time you desire — page by page or all.

If you chose Apply as default theme, the Microsoft Front Page warning screen below. It indicates that all of your formatting will be changed to the theme you selected. If you chose Apply to selected page s , you will not see this warning screen. It will only appear. You will now notice that the theme you chose has been. Look at it carefully and notice the Title, buttons and links. They are now.

Take you time and. Web Page tutorial. You can save each page individually, or all of. When your home page appears in the browser notice that as you run the cursor over the links.

Click-on the About Me text link on the left. When the. Browse around your web site and see. Pretty awesome! Just a few clicks and look at what you have created! This is normally a threestep. When you see your web site organization chart, double-click quickly on your page in the chart. Hobbies, About Me, etc. As before, this will take you to the.

Once you have gone to the page of your choice, type-in text, inserted some pictures and graphics,. Then repeat this cycle as you work on your other pages.

This is what. This means. This takes a little skill and patience. Then, go to the page, in Front Page , where you desire to. Or you can, in the word processor of your choice, save the document as a HTML file and then.

Copy the saved file, from your word processor, into your web page in Microsoft Design view. You can also open a word-processed document directly into a web page.

All of this takes a little. There are lots. If you are currently using an Internet service. The two tutorials in this document will give you a decent foundation in how to create web. You now have the basic. If you desire to further your knowledge, you might want to take a web class or. The one we like best at the moment is Microsoft. Microsoft on the Web , you will be linked to a main assistance screen for the Microsoft.

Often we find that someone else has already asked the same. For the web site it would be prudent to save the data on your hard drive.

Or, you can save them both on your hard drive. In this tutorial, whenever we indicate that you need to click a mouse button, it will mean to click the left mouse button — unless we indicate that you should click the right mouse button.

You will see that the Title of the. It is best to be in Design view whe. Copying other text documents into w. 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.

Customize the button by clicking the font and image tabs at the top of the button menu. Click “OK. It was branded as part of the Microsoft Office suite from to Yes No.

Not Helpful 0 Helpful 5. Include your email address to get a message when this question is answered. By using this service, some information may be shared with YouTube. Take advantage of Microsoft’s training courses for Microsoft Front Page Helpful 1 Not Helpful 0. Spend some time planning the organization and navigation structure for your website before using Microsoft FrontPage , particularly if you plan to have more than one page.

Helpful 1 Not Helpful 1. Helpful 0 Not Helpful 0. Submit a Tip All tip submissions are carefully reviewed before being published. You Might Also Like How to. How to. Co-authors: 9. Updated: March 31, Categories: Microsoft Office. Thanks to all authors for creating a page that has been read 87, times.

Is this article up to date? Cookies make wikiHow better. By continuing to use our site, you agree to our cookie policy. About This Article. Featured Articles How to.

Trending Articles. Featured Articles.

 
 

 

Tutorial microsoft frontpage 2003 free

 
More Related Content · 1. How to make a Webpage using FrontPage A Basic Tutorial · 2. First, open Microsoft FrontPage Go to: start All Programs Microsoft. FRONT PAGE BASICS TUTORIAL this tutorial, we are naming it, “myweb”. BUTTONS” and is as nearly trouble-free as the first method. These instructions will teach you how to format the background, add scrolling text, hyperlinks, images, buttons, and videos. Required Materials.

 
 

Tutorial microsoft frontpage 2003 free.Microsoft Office FrontPage 2003

 
 

Unit a adobe dreamweaver cs6. How to use a User Manual? Similar to basic tutorial for frontpage Computer education presentation – ARCH Powering Up Your PowerPoints. Learn MS Powerpoint basics. First steps in PowerPoint. Introduction to microsoft power point How to use power point Computer skills powerpoint intro. How to Create a PowerPoint. What to Upload to SlideShare.

A few thoughts on work life-balance. Is vc still a thing final. The GaryVee Content Model. Mammalian Brain Chemistry Explains Everything.

Inside Google’s Numbers in Designing Teams for Emerging Challenges. UX, ethnography and possibilities: for Libraries, Museums and Archives. Related Books Free with a 14 day trial from Scribd. Now What?

Dry: A Memoir Augusten Burroughs. Related Audiobooks Free with a 14 day trial from Scribd. You can see the style of the frame you like. This will be the look of the frame. Then click new page Now, you can put text, picture, or WordArt. You can now save your page by: Right clicking the tab Click save A dialog box will appear When you encounter this picture in the dialog box. 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. Select the item to be altered.

Make formatting changes by selecting the appropriate toolbar icon that allows you to reposition text, change font size and colors and more. View the page in the Preview pane by selecting it at the bottom of the website pane. You can also view the code or a split view with both code and the preview. Build the other pages on the website by selecting the page from the folder list and following the previous 3 steps in your website development. Include interactive buttons to add interest when you create a website.

Make certain you’re in the “Design” view of the website. Place the cursor where you want the button added. Go to “Insert” on the toolbar and select “Interactive Button. Click “Browse” next to link to find and select the URL. Customize the button by clicking the font and image tabs at the top of the button menu.

Click “OK. It was branded as part of the Microsoft Office suite from to Yes No. Not Helpful 0 Helpful 5. Include your email address to get a message when this question is answered. By using this service, some information may be shared with YouTube. Take advantage of Microsoft’s training courses for Microsoft Front Page Helpful 1 Not Helpful 0. Spend some time planning the organization and navigation structure for your website before using Microsoft FrontPage , particularly if you plan to have more than one page.

Helpful 1 Not Helpful 1. Helpful 0 Not Helpful 0. Submit a Tip All tip submissions are carefully reviewed before being published. You Might Also Like How to. How to. Co-authors: 9.