[NOTE: Try to read thru this a few times to understand it.
Print it out by choosing the "Print" button from Netscape or typing
"P" in Lynx. Then go to the basement of EMG, to the big window, and
ask for your printout.]
It is INCREDIBLY easy to set up your OWN pages here at Gallaudet. You
do not need to wait for someone to set up a page off-campus. Many
students at Gallaudet and MSSD and elementary schools around the US are
typing in their own pages. It may seem hard when you first try it, but
really, it is as easy as sending mail to someone off-campus. One time,
you probably thought that was hard too.
Here's what you need to do. (Get a pen ready to write this down,
or print it out somewhere.) Note: Pay attention to UPPER and lower
case letters. Unix is case-sensitive.
First, download an editor that will not mangle your file. Word
processors such as Microsoft Word are NOT good
choices, since they often add formatting that you did not explicitly
ask for. Some good choices include:
Notepad++http://notepad-plus.sourceforge.net/uk/site.htm
(you will need to click on "Download" at the top of the page, then
"Download Notepad++ executable files". That will take you to the
SourceForge web site, and you should choose the file named
npp.5.0.3.Installer.exe.
Start one of the editors you installed in the first step, and type
into it:
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>My First Web Page</h1>
<p>This is my first web page, bla, bla, bla...
More stuff, bla, bla bla.</p>
<p>This is a new paragraph. Bla bla bla...</p>
</body>
</html>
Save the file to your desktop and name it
index.html.
Once you have created pages, you will be able to look at them on
your computer, but others will not be able to see them. Double click on
the page you have just created, and it should open inside of a web
browser. Your page will still be private. In order to make it public,
it will need to be copied to a computer with a web server.
Gallaudet provides a limited web server to all students, staff and
faculty through Google Sites (http://sites.google.com/a/gallaudet.edu/)
or Blackboard
(http://my.gallaudet.edu/).
If you need something more advanced, you can negotiate with either Academic
Technologies or Information Technology Services (ITS).
Click on the button and fill in the
form. It does not matter too much what you choose here, except for the
Collaborate with
settings. Decide who you would like to give access to. You can change
these settings later if you want to.
Click on the button.
Give the page a short name (one word) choose the
Web Page type.
In the new page that appears, there will be a "toolbar" with
an icon at the far right. It is a pencil with the letters HTML after
it. Click it.
Start your editor again, and open index.html,
Press CTRL+A together. Your entire document should be
selected (highligted).
Type CTRL-C to copy all of the text
Switch back to the Google site window in your browser and press
CTRL-V to paste the text into place.
Choice 2: Using Blackboard
Log into Blackboard
(http://my.gallaudet.edu/)
and click on the Content Collection button
near the upper right of the page. This will take you a page where you
can store your documents on blackboard's system
Now, click on the Web
Folder icon under the section labeled Content Collection:
My Content. This will show you directions for connecting your
computer to a folder on Blackboard that you will be able to copy your
work into. Name the folder that you create
public_html.
If everything worked right, you should be able to copy your index.html
file to a folder in My Network Places and find your web
page using your favorite browser using the URL:
Use your username instead of "firstname.lastname". If you did
everything right, you should get a page that looks like
this (click here).
Basic HTML components
Here's a short explaination about what you just did, if you followed all
the directions.
All World Wide Web (WWW) documents should have a name that ends with
".html".
When you are formatting a World Wide Web document, there are special
words that appear between < and >.
These are called formatting tags Many of the tags are used in pairs
that surround a string of characters, words or paragraphs. The tag that
comes at the end of a string looks the same as the tag that appears at the
beginning, except that it has a "/" added to it. Here is a list of some of
the more common, simple tags. (Some books use the word element in
place of the word tag.)
START ... END
Meaning
Notes
<html> ... </html>
These go at the beginning and end of your file.
<head> ... </head>
These go around your "heading information".
<title> ... </title>
These go around your title.
<body> ... </body>
These go around the text of your document.
<h1> ... </h1>
Text between these will print very large.
Heading level 1
<h2> ... </h2>
Text between these will print large.
Heading level 2
<h3> ... </h3>
Text between these will print average size.
Heading level 3
<h4> ... </h4>
Text between these will print small.
Heading level 4
<h5> ... </h5>
Text between these will print smaller.
Heading level 5
<h6> ... </h6>
Text between these will print smallest.
Heading level 6
<p> ... </p>
These mark the start and end of a paragraph.
<strong> ... </strong>
Text between these will (usually) be in boldface.
Older pages use <b> ... </b>
<em> ... </em>
Text between these will (usually) be in italics.
Older pages use <i> ... </i>
<u> ... </u>
Text between these will be underlined.
This method is obsolete and has been replaced
with Cascading Style Sheets (CSS) which will be
covered in another tutorial.
Fancy stuff (these are a little harder to use):
<img src="filename" />
This lets you include a picture in your text.
<a href="url"> ... </a>
This lets you create a link to another place on the World Wide
Web.
<a name="label"> ... </a>
This creates a "jump-point" within the current document.
Web
Folder icon under the section labeled Content Collection:
My Content. This will show you directions for connecting your
computer to a folder on Blackboard that you will be able to copy your
work into. Name the folder that you create
public_html.