Lesson 1
Introduction
Before starting to create your web I suggest you open your
"My Documents" folder and right click within the folder and choose New and then
choose Folder. Give the folder a name (for example my folder for ASK Maggy Mae
is askmaggymae). Open this folder and inside it right click and choose New and
then choose Folder. Name that folder images. The images folder will hold all the
images for your web. If you are building a large website you may want sub
folders under it as I do with Ask Maggy Mae, so you can easily find graphics
pertaining to a certain subject. When you are saving pages, you will save them
within the main folder that you named. Before adding images to your pages save
the images to your sub folder called images.
When you first open a new page in
Nvu you will see
a blank page. At the bottom of your window you will see
the Normal View will give you the
blank page, but if you go to the <HTML> Source you will see the code below,
Preview will show you what your page will look like when it is published,
HTML Tags will show you where your tags are in your HTML Source.
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body>
<br>
</body>
</html>
The <HTML>, <HEAD>, <TITLE> and <BODY> tags are explained in
HTML Lesson 1
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
This is a meta tag, it is information for the browser like type of page HTML and character
set
Meta tags are explained more in
HTML Lesson 6
To help you with <META> tags, Ask Maggy Mae also provides a
Meta Tag Generator.
Some of your header information can be set up using the Page Properties. To
use this click on Format in your main menu and at the bottom choose Page
Title and Properties. A window will open as shown in the screenshot on the
right. Under General Information you can enter the title of your page, the
author, and a description of your page. Using these three options will add
the following lines to your header information:
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Test</title>
<meta content="Maggy" name="author">
<meta content="This is a new page" name="description">
Under Templates, if you check This page is a template page it will save your
page with the extension of mtz rather than html.
Under Internationalization, you can choose the language in which your page
will be using. Under Writing direction, you can choose your text to be
written from left to right or right to left.
The following line is what appears in the Head tag of your page when the
template page is chosen and the English-Canadian is chosen.
<html template="true" lang="en-ca">
When writing direction is set up "direction: rtl;" will appear within
the body tag if you chose right to left and "direction: ltr;" will appear if
you chose left to right.
Under Advanced Users it instructs you to use the "HTML Source" to edit other
contents of the header tags. This is what you will use if you used the Meta
Tag Generator mentioned above, you would copy the code provided from it and
paste it via the HTML Source tab.
