How to Create Your First Web Page
In this section, we're going to create a very simple web page, to demonstrate how easily this can be done. For this example, we're going to use the free WYSIWYG editor from NVU, which is available from http://www.nvu.com/>.
Once you've installed and opened the program, you'll see a screen like this:
The program operates pretty much like a basic word-processing package. I can start to type text in the position where the cursor is flashing, and using the Format toolbar.
You can change the paragraph style (currently shown as “Heading 1” representing a top-level heading), text color, size, style (bold, italic, underline), alignment, indentation and font (currently set to “Verdana”).
So, I can add a heading for my page and change the alignment so that it's centered, and then add some text (when I hit return after the heading, the paragraph style automatically changes to “Body Text”, but I could change it if I wanted a sub-heading).
To add an image, I hit the Image button in the Composition toolbar, or else select “Image...” from the Insert menu. When I do this, I get the following window:
This allows me to browse for the desired image using the “Choose File...” button, add a tooltip (text that gets displayed in the web page when the mouse is moved over the image, which might be useful to give some additional information about it), and alternate text which gets displayed if the image can't be shown (because the browser of the person viewing it isn't capable of displaying it or has images disabled).
If the size of the image isn't right, I can click on it to select it, and then use the resize points which appear at the sides and corners to drag it to the desired size. Dragging one of the sides will change the aspect ratio (width to height) of the image, but dragging one of the corners will resize while maintaining the original aspect ratio.
Once I've done that, I get something that looks like this:
If I'm not happy with the way the image is displayed, I can change the alignment (left, right or centered) of it using the buttons in the Format toolbar. I can also right-click on it, and select “Image Properties...” from the pop-up menu, which allows me to do things like adding margins and a solid border using the Appearance tab to add margins and a solid border.
Once I'm happy with the result, I should save it (by selecting Save from the File menu). This will prompt me for a title for the page, and a location to save it to. This saves the page as an html file on the local computer. In the next section, we'll see how to publish this to a website.
This is just a very simple example, intended only as an introduction. Whichever tool you use, the best way to understand what you can do with it is simply to try things out, and refer to the online help when you can't work out how to do something.
<-- Previous Page Creating a Web Page |
Next Page --> Publishing Your Web Page |
| Privacy Policy |
|
|
© 2008, www.computer-answers.info. All rights reserved. |