|
|
UNIT 2
Your First Web Site
|
|
See our entire collection of online tutorials |
Okay, first we need to create our FrontPage web site. We'll call ours "Kids Today". |
2. Click the Create a New FrontPage Web radio button, then click the OK button in the Getting Started dialog box.
3. The New FrontPage web dialog box will appear. Here is where you choose and name the type of web you want to design. 4. Click the From Wizard or Template radio button and then click on Personal Web.
5. Type a name for your web site into the text box that appears.
Click the OK button in the New FrontPage Web dialog box. You will notice the FrontPage Server is launched at this time. 6. Type your FrontPage name and password into the text box that appears and click OK.
|
What's this "Views" toolbar? |
This allows us to switch views. We can look at the overall structure of our web site, or look at pages individually. |
I get it. It's a lot like when I'm painting - sometimes I need to get real close to paint a leaf just right, and sometimes I need to step back to see how the whole forest looks. Hey, does Van Gogh live in this time period? |
No, but Spielberg does. You know... the great filmmaker. |
Grongy! |
The Views toolbar shows you seven different ways of looking at your web site.
|
Okay, now we need to start our first page. |
Groovy! Let's make this page all about silly tattoos and the teenagers who later regretted getting them. |
In due time. First, let's start off with our main page that will link to the rest of our site. |
2. Double-click the Home Page icon in the Navigation view flow chart. Your web page will open in FrontPage Editor. By this point, all three parts of FrontPage will be running.
At the top of the FrontPage Editor screen is a Title bar, a Menu bar, a Standard toolbar and a Format toolbar. These bars and toolbars contain all the tools you will need to add and format text.
At the bottom of the screen are three tabs: Normal, HTML and Preview. Always select the Normal tab when working on your page.
You will notice that FrontPage Editor has already started your page for you. On the left side of the screen, you will see a navigation bar with links to the three other pages in your web site. You will also see the title of the page, a line of three buttons and some sample text. At the bottom of the screen, you will see a special line of text that tells your visitors when you last updated your page.
|
Now we need to insert some text. |
Sounds painful. |
Thanks to FrontPage, it isn't. We can create a title and a little paragraph to explain what our web page is about. |
2. Press the Enter key and type in a new sentence.
You can create different effects by changing the font, size, color and alignment of your text. To customize the text:
2. Click the Change Font button on the Format toolbar. You will see a drop-down list containing the names of different types of fonts.
3. Select a font by clicking on a font name. 4. To make the text larger, click the Increase Text button on the Format toolbar. To make the text smaller, click the Decrease Text button.
5. To change the color of the text, click the Text Color button on the Format toolbar. A Color property box will open.
6. Click the color you want, then click OK.
7. To center text on the page, click the Center button on the Format toolbar.
|
Okay, it's time to change our background color. Hey, Pixel, make sure our background color is different than our text color. Otherwise, our text is going to be difficult to read. |
Duh... everybody knows that, Blip. |
You'd be suprised. The World Wide Web has incredible web pages, but it also has some really lame ones. With careful planning and the help of FrontPage, ours is going to be stellar. |
2. Click the Background tab, then click the Background drop-down list. Choose a color from the list, then click OK on the Page Properties dialog box.
|
Hey, Blip! Don't forget - we'd better save our web page. We don't want to do all this work over again if our computer crashes. |
|
Hey, can we preview what we've done so far? |
We've barely even started! But you're right. Previewing is a good idea. We want to make sure that what we've done so far looks good when we put it on the World Wide Web. |
As long as we use my artwork, it will look terrific. Trust me. |
There are two ways to preview what your visitors will see:
Option 2. Click the Preview button on the Standard toolbar. This action will open your Internet browser and display your web page in it. This option gives you the most accurate view of what your web site visitors will see.
|
Okay, I'm done. I've just typed a short introduction to our web site. Can we go to the mall now? |
Good job, Pixel, but you'd better run the Spell Checker. Some of those words don't look right. For example, view should be spelled V-I-E-W, not V-E-I-W. |
Aww... so spelling isn't my strong suit. Isn't that why FrontPage has a Spell Checker? |
2. If the program finds a word that is not in its dictionary, a Spelling dialog box will appear showing you a list of similar words. Click on the word you want to use, then click the Change button in the Spelling dialog box.
|
|
Organizing classes and class projects To organize (Oxford definition): give orderly structure to, systematize; initiate or make arrangements for, enlist (person or group) in this. Organization. So great when it's there, so stressful when it isn't - much like that first coffee of the day. It seems people are always trying to organize things - be it a bedroom closet, glove compartment, filing cabinet, desk drawers, or even corporate structures. Organization makes life flow along more smoothly. Let's face it - it's quicker and easier to get a job done when you know where to find the tools you need to do it. Organization is just as important to Web site creation. In fact, it's absolutely critical. A Web site is made up of so many different folders and documents, so it's vital to be able to find the information you are looking for. It all comes down to naming folders and files. Let's say you're making a Web site that features one poem by each student in five classrooms. You can name the opening page file of the Web site: poetry. The folder for each class can be named: Grade 1, Grade 2, Grade 3, Grade 4 and Grade 5. Each Web page file for each student can simply be named after the student. This will make it a lot easier to find, edit and update pages in the future. If you think carefully and use names that will make sense in the future, you'll be riding high as you click your way through your interesting, well-organized Web site. |