Creating Web Pages with Microsoft FrontPage - mar - Leave a comment
Looking for:
How to Publish Your Website Using FrontPage |
How to use microsoft frontpage 2003 to create a website free.How to use microsoft office frontpage 2003 free.Microsoft Office FrontPage 2003 (English)
Follow this simple steps to build yourself a stunning website using microsoft frontpage. Using microsoft frontpage you can plan, create, and work with web sites. To use the website creation service, you need to sign up for a digital marketing center account.
Introduction to frontpagems frontpage is the ideal software for those who don't know how to write html code but want to create their own web pages. To access the five optional components, select add another component from the bottom of the menu on the left side of the screen.
In order to create a new website, you need to follow these few simple steps: step 1. Remember Me. August 9, Reading Time: 1 min read. Share on Facebook Share on Twitter. 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. 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. 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. Tuxpaint - R. Academic Blog Design - R. 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 30 day trial from Scribd. Now What? Dry: A Memoir Augusten Burroughs.
Related Audiobooks Free with a 30 day trial from Scribd. Sivakumar 1. Mobile: e-mail : sivamsccsit gmail. Now, explore the created Web. Click Folder view to see the initial page default. Click on Reports view to see a list of reports for the site. Hyperlinks view allows you to manage the links on your pages FrontPage provides many individual page templates that can be added to any Web.
To open a Web you have already created, select File Open Web Select the web folder from the list and click Open. You can save all the pages within the Web that was created by the FrontPage. Thank you..!! Be the first to like this. Total views. Unlimited Reading Learn faster and smarter from top experts. Unlimited Downloading Download to take your learnings offline and on the go.
Comments
Post a Comment