Using a Web Editor

OK, now that you know your arithmetic, we're going to talk about using the calculator. You've seen how to build web pages from scratch with HTML. Now let's see how to do it the easy way using a Web editor.

Each Web editor has its own features which you can learn about using its Help file. And it's a good idea to do so. But they all basically do the same thing - they create the HTML gunk for you. You enter the content (words and pictures), tell the Web editor how to arrange them, and the Web editor spits out an HTML file with all the right gunk around your words and pictures.

And guess what: you can use the same Five Easy Pieces with Web editors, only they do most of the work!

Five Easy Pieces

Here are the Five Easy Pieces:

Files
Words
Pictures
Color
Links

Let's see how the Five Easy Pieces work using a Web editor. Each Web editor will have its own set of tools, but like similar tools in word processors, they have a family resemblance. If you spend a little time with the Web editor and its Help file, you'll get the idea.

Edit and Browse

Most Web editors look a little different when you are editing than they do when you are browsing. You may not be used to this, because word processors look the same whether you are changing or just looking at a document. In any case, with most Web editors, if you want to see what the page will look like in a browser, you may have to click on a button like this:

And if you want to edit, you may have to click a button like this:

Five Easy Pieces

Let's see how the Five Easy Pieces work using a Web editor. Each Web editor will have its own set of tools but like similar tools in word processors, they have a family resemblance. If you spend a little time with the Web editor and its Help file, you'll get the idea.

1
Files

Just like with HTML, the first thing you do create a file.

Select New from the File menu; the Web editor creates a blank page. You enter words, pictures, and links.

And when you're done, don't forget to Save it, naming it and placing it in the right folder.

2
Words

Just like with HTML, you can create:

headings
paragraph breaks
bullet lists
text with specific fonts, colors and sizes
text aligned left, center, or right
text that's bold, italic, or underlined
text that's indented
tables

Only instead of using gunk, you use a toolbar. It's as much like using a word processor as it can be.

You select your text and then click the appropriate button on the toolbar.

The tools might look like this:

  This tool takes care of normal paragraph formatting as well as various headings and bullet lists.
  These tools select fonts, font sizes, and font colors.
  For justification: left, center, and right.
  This tool makes text bold, italic, or underlined.
  For indenting.
  For tables.

The only thing you won't have a button for is paragraph breaks; you just press Return!

All you do is type in your words and format them the way you would using a word processor.

3
Pictures

To put pictures in your web page, click on a Picture button on the toolbar. The Web editor will ask you to locate or enter the name of the picture, just like we had to name it in our HTML file. Only this time, the Web editor wraps the file name in all the necessary gunk.

4
Color

Font colors are controlled by the font color tool, which you use by selecting text and then selecting a color to apply to the text. And there is usually a way to tell the Web editor what background color or image you want to use. If not, you know how to do it in HTML, which is why we learned it first!

5
Links

To create a link, select the text (or picture) you want as the clickable link and click on the Link button. The Web editor will ask you to locate or enter the name of the file to which you want to link in a box or dialog.

The Web editor then wraps the file name in all the necessary gunk.

That was easy. Of course it was easy. You already know HTML!

Intro | Comm | Pub | Five Easy | Web Ed | Found | Squeezing | Standards | Animate | Epilogue

 

All contents copyright (C) 1999-2007 Wanda Wigglebits. All rights reserved.