How to Use an HTML Editor

Video Transcript

"Hi, my name is Dave Andrews. Today I'm going to show you how to use an HTML editor. Let's go to our desktop and I have on here a link to a program called Kompozer. K O M P O Z E R. This is a free program that you can download from the Internet. Let's launch Kompozer. And here is our HTML editing screen. Now this is different from a word processing program in that this is designed specifically to create HTML web pages. Over here on the left is kind of a site manager which shows you a list of files that you have in the directory you're currently working in and the editing pane is over here on the right. What we're going to do here, this is called, let me tell you first, this is called a What You See Is What You Get HTML editor. That means that what you're doing right here in this area is going to look exactly how it will when you save it as a web page. So let's type in some data here. And you can highlight this and make it a header just by simply selecting "header 1". As you can see, much like Word does its editing, its showing you exactly what its going to look like when you save it as a web page. And you can do a lot of things like inserting tables and images here. I'm just going to go the "insert" field and let's say "image", let's choose that image's location. I'm going to go to My Pictures, I'm going to pick one of these pictures here. And it wants me to use alternate text which is what will appear if the user has pictures turned off. I'm just going to say desert, say "OK". Now its inserted my image of the desert here. I can look and see just the HTML tags that make up my web page. As you can see they show up in yellow, here's an image tag for that picture. I can even look at the HTML source for the page itself and edit this directly in the editor. To save it, just click on "save" and give it a title. I'm going to save it on my desktop as mypage. If we open up that web page it displays just in your browser."