Web Writing Hints:
Writing Your Web Page Using
Frontpage:
They've made Frontpage so easy, that this is almost self-explanatory.
Steps for creating on Frontpage:
-
Create a document as you would on
Word.
-
Save the homepage(s) and any relevant graphics to
a disk.
-
FTP these disks to your account -- see directions
at
Professor Ellen Zimmer's page
Writing Your Web Page Using HTML:
This used to be my favorite way to write a page. Now, Frontpage is
much easier. However, I still think it's worthwhile to know the HTML, the
code that Frontpage is writing for you as you create your page. This way
you can go into the edit HTML mode and fix things you don't like. If you
don't know a little HTML, you're stuck with what Windows does for you.
Note: These directions make more sense on paper, than on the web page. Click here for a version on
Word.
Your First Step:
- If you're using html on your vax account at Edinboro, at the dollar
prompt, create your www directory and set the appropriate file protections (so
others can see your page) using the following command:
$ @htbin:makedir
To create or edit a page:
- If you are editing your home page, type:
$ edit/edt [.www]home.html
- If you are editing another page named "file", type:
$ edit/edt
[.www]file.html
- Then, to edit on the vax, type "c" and then hit enter.
- Now, type what you want on your page.
- For hints as to what to type, look at the document source of someone
else's page. (Go to View, then Document Source).
For a few quick hints on HTML:
- If you want a paragraph, type the wording between a 'P' inside brackets
and a '/P' inside brackets. (Note, I cannot put these brackets on my web page
without causing a lot of problems with my code. The brackets I refer to
continually are the ones above the comma and above the period on my keyboard).
- If you want large type, it goes between a 'H1' in brackets and a '/H1'
inside brackets. A title goes between 'TITLE' in brackets and '/TITLE' in
brackets.
- See View/ Document source for examples.
To create a link from your home page to a second page of yours called
"second":
- Include a link in your code:
Write 'A HREF="second.html"' in brackets,
then 'Second Page', then '/A' in brackets.
To link to an outside source (for example, the NCTM):
- Include:
'A HREF="http://www.nctm.org"' in brackets, then 'NCTM', then
'/A' in brackets.
To make the background a different color:
- Pick a code for a color (see page on colors) or just name the color, and
type:
'body bgcolor="#008ED5"' in brackets or 'body bgcolor="red"' in
brackets at the beginning of the text and '/body' at the end of the text.
- To use a background instead of a color, type:
'body
background="image.jpg" in brackets at beginning. Make sure this image file is
in your vax directory. (ftp it there).
To have a link to your e-mail:
- Include: 'A HREF="mailto: youraddress@edinboro.edu' in brackets, then
youraddress@ edinboro.edu', then '/A' in brackets.
To insert an image:
- First scan it onto a disk. Save it as, for example, "image.jpg" or
"image.gif".
- Ftp it to your account as follows:
- Go to ftp icon
- Type in username and password, as prompted.
- Type 'cd www'
- Type 'binary'. (Use this binary command only when doing images. Skip
this if you are "ftp"ing webpages or text).
- Type 'put image.jpg'.
- Type 'quit'.
- Then type something like the following into your html code:
'ing
width=170 height=200 src="image.jpg"' in brackets.
- It's a good idea to save your work. Either save it on a disk and ftp it to
your vax account, or write it on your vax account and save it onto a disk by
saving it while viewing it on Netscape.
To include animated GIFs (pictures):
- Go to www.gifworld.com
- Select the picture you like. Put the mouse on it. Click the right button
on your mouse. Save it onto a disk. NOTE: YOU SHOULD OBSERVE COPYRIGHT LAWS.
ONLY MAKE A COPY OF A PICTURE AND USE IT ON YOUR PAGE IF YOU ARE ALLOWED TO DO
SO BY THE OWNER.
- ftp it to your vax account, as indicated above
- insert the appropriate code into your html:
'img src="image.gif"' in
brackets
More Tips on Learning HTML:
- Look at the document source on my pages (or anyone else's pages) to see
how to make tables, pick background colors, use a picture as a background,
insert images, make bulleted outlines, italicize, bold, or underline, etc.
- I also have quite a few links on my page to send you to resources that
help you pick colors, let you copy free animated gifs (pictures), etc.