ITE 115 Student Web Page Creation
May 5, 2011
First: All students have an
account on the student web server. To create your web site, you must store
files in your personal subdirectory (folder) on the web server computer. To
access your subdirectory on the web server, you must know your NVCC
Second: most of this information
about uploading may be obtained from the NVCC web page:
1.
Create this simple HTML document and save it as index.htm
to floppy
disk. Add to it later.
<html> <head> <title>My
Test Page at </head> <body> <p> <h1><center>Woodbridge
Campus</center></h1> This page is brought to you by
<b>Elmer Fudd.</b> </p> <p> Woodbridge Campus is located in </p> </body> </html>
A very
simple and direct way to FTP to your Web folders:
(a) Use Microsoft Internet Explorer (your
browser):
(b) In the browser’s address window, type: ftp://www.student.nvcc.edu/
(c) Press [Enter]
(d) Log on to the ftp server using your own
credentials such as:
(1) NVSTU/JBSMITH56
(2) Type in your password
(e) Copy
your files from the local hard drive to your Web folder on the server
(f)
Your Web folder will have an address like: http://www.student.nvcc.edu/home/jbsmith56 and you may
view your uploaded files there.
2. You
may use WS_FTP95 LE to upload index.htm to the student web server. If you don’t have
an ftp program at home, you can obtain FTP Explorer from www.ftpx.com as shareware, but free for
students and faculty.
a.
Start WS_FTP
b. Use the following under
the General Tab. Then Click the OK button, and you will be prompted for
UserID and Password.
|
Textbox
label |
Entry
|
|
Profile
Name: |
studentweb1 |
|
Host
Name/Address: |
www.student.nvcc.edu |
|
Host
Type: |
Automatic
Detect |
|
User
ID |
NVSTU/My- |
|
Password: |
<leave blank for
now> |
|
Account: |
<leave blank> |
|
Comment: |
<leave blank> |
If
you don’t enter a user-id above, you are prompted for it.
Likewise,
password:
3.
Add to the HTML document. After each change, upload it using ftp and then check
it out with a browser.
<p> Woodbridge Campus is located in </p> <hr/>
a.
Add a horizontal rule using <hr/>, as in:
b.
Add an unordered list and another horizontal rule:
<h3>Grocery
List</h3> <ul> <li>Cookies </li> <li>Cake</li> <li>Twinkies </li> <li>Chocolate</li> <li>Coke</li> </ul> <hr/>
c.
Add a cautionary “under construction” line:
<h3><font size = “+4” color=”yellow”>This page is under construction.</font></h3>
d.
Add a “last updated” line at the very bottom:
<h6><center>Last updated:
e. Add your picture taken with a digital camera, or copy the computer portion of the image on my web page. (Copy it to a floppy, bring it into the program Microsoft Paint, and select only the computer part.) Place the image file in the same directory as this file, and include the following as the first line in the body:
<img src=”computer.jpg” alt=”Picture
of a computer.” height=149 width=190>
f. Add a marquee at the top and/or the bottom.
Top:
<marquee><font size = “+6” color = “red”><b>Welcome to my web page.</b></font></marquee>
Bottom:
<marquee behavior = “alternate”> <font size = “+8” color = “blue”> <b>Thanks for visiting!.</b> </font> </marquee>
g. Add a link to your instructor’s home page:
<p>
Click
<a href=”http://www.nvcc.edu/home/tseaman”>here</a>
to go to my instructor’s home page.
</p>
h. Add the “happy face” applet:
<applet code="HappyFace.class"
height = 500 width = 500> </applet>
First: I have an account on the
student web server so that I can demonstrate the following to students. My user
ID is still NVSEAMT and my Web site’s URL is www.student.nvcc.edu/home/nvseamt
Second: most of this information
about uploading may be obtained from the NVCC web page:
http://www.nvcc.edu/ ŕ “Mail & Web”
(on navigation bar) ŕ “Student E-Mail Help Web Pages - click here” (on rhs) ŕ Student
Web (button) ŕ FTP (button)
FTP Software Settings Students: Profile: studentweb1 Host: www.student.nvcc.edu Path: //studentweb1/home/UserID Faculty & Staff
Profile: novaweb
Host: www.nvcc.edu Path: //novaweb/home/UserID
