Web Writing Hints:
Writing Your Web Page Using Frontpage:
They've made Frontpage so easy, that this is almost self-explanatory. (It's
MUCH easier than doing it on Word- I would not recommend this.)
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
Steps to publish on your Edinboro account:
-
go to: Start/ Programs/ Command Prompt
-
type: a:
-
type: ftp cluster.edinboro.edu
-
log on with username and password
-
type: cd www
-
type: binary
-
type: mput *.*
-
answer prompts with y or n
-
if necessary, type: rename file.htm file.html
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 dierections 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.