FINDING YOUR VOICE ONLINE- CREATING YOUR OWN WEB SITE
Stage 1: Activate Your UW
Web Publishing
§ You should know your UW NetID to proceed. If you do not have one or you are unsure, go here first.
§ Next, activate your account for web publishing. You can do that by going HERE.
§ If your account is activated, you should be able to see a picture of a man digging something on http://students.washington.edu/yourNetID.
§ If you already have a web page, inform me.
Stage 2: Designing your
Web Page
§
Open
Microsoft Word.
§
Create
your page the way you want it. Think
small at this point. You will obviously
want to improve on this as time goes by.
§
Name the
file index.htm.
§
To
insert links, use “Insert-Hyperlink”.
All inserted hyperlinks must start with http:// (e.g. http://www.cnn.com). “Save as Web page” ON THE DESKTOP to create a HTML document.
§
DO NOT ADD PICTURES AT THIS POINT. DO NOT ADD FANCY BACKGROUNDS EITHER.
Stage 3: Moving it to your
Web Account
The file you just
created (index.htm) looks good.
§
However,
it currently lives on your desktop PC.
§
For the
world to see it, you have to move it to your web account.
§
EVERY
TIME YOU MAKE A CHANGE, you need to repeat this process.
§
Locate SSH-Secure FTP on your desktop/PC.
§ Click on “Quick Connect”.
§ You will see a pop-up screen. If the host name is blank, type in dante.u.washington.edu. For user name, enter your NetID. Click on Connect.
§ If you have activated your account, you should see a public_html directory. Click on it.
§ Go to- http://students.washington.edu/yourNetID
§ You should see your file in hyper-text. Click the “Refresh” button if changes do not appear. Click on the links to make sure they work.
§
You have just created your first web site.
People in
COMMON MISTAKES:
§
Putting
the file in the wrong place- Did you click on
public_html before uploading?
§
Not uploading the file.
§
Linking to a document that does not exist. If
you have linked to a file 2.htm, make sure the file is not
named 2.HTM.
§
DO NOT NAME
THE MAIN FILE INDEX.HTM or INDEX.htm. It
has to be named index.htm (all
lowercase).
§
Not clicking on “Refresh”.
§
Not being able to locate the file on your PC (save to desktop).
§
Not saving multiple versions of a file. Save
multiple versions. Save multiple
versions. (get
it?)
Stage 4: Uploading
Pictures
§
Open index.htm
in Microsoft Word and insert the picture in it.
§
Save the
document on to your desktop using “Save as web page”.
§
You will
see a new FOLDER on your desktop that says something like index_files.
§
You will
need to UPLOAD the index.htm file and the entire index_files
folder and its contents to the public_html directory.
Stage 5: Creating Multiple
Pages
You have
successfully created a web page. A web
site has multiple web pages. You are
ready for your next baby step.
The file index.htm will be your home page. That will load when you type- http://students.washington.edu/johndoe
Create another page-
call it 2.htm. Make sure
it has things that your index.htm file does not have.
Go to Microsoft
Word.
Create a page. “Save it as web page” as 2.htm on your
desktop.
Now using SSH-Secure
FTP, create a sub-folder under public_html.
Call the sub-folder searchweb2005.
Now, upload 2.htm to
the sub-folder searchweb2005 under public_html.
You (and people in
http://students.washington.edu/johndoe/personal/2.htm
Stage 6:
Uploading a pdf file.
Go to the web and
download a pdf file to your desktop. E.g. go to Google.com and type in-
“customer
service” filetype:pdf
Call the file test.pdf. Now, using SSH-Secure FTP upload test.pdf.
You (and people in
http://students.washington.edu/johndoe/test.pdf
You can use this
technique to upload pdf files, Powerpoint files, Excel spreadsheets, Word
documents etc.
Stage 7: ADDING MEANINGFUL
CONTENT
Up to this point,
you have been exposed to the mechanics of creating a page. Now is the time to add meaningful content.
Stage 8: ENABLE WEB STATS
Use the following
steps-
§
Logon to catalyst.washington.edu.
§
Locate
SimpleSite on left toolbar. Click on it.
§
You will
come to a new screen with a list of options.
§
Select
“Manage this web site’s usage statistics”.
§
You have
successfully enabled the site’s stats.
§
Starting
tomorrow, you can see the site’s stats at- http://students.washington.edu/johndoe/webstats