
Fall 2006 CMPE 003, Assignment #3 Due Wednesday,
May 16th.
This assignment will be out of 1000 possible points.
- THIS
NEEDS TO BE HAND EDITED, NOT MADE USING A WEB PAGE GENERATOR (we can tell
the difference)
- DO NOT USE MICROSOFT WORD – the
page will likely not come out correctly, or Word will alter your code for you
and count as a Web Page Generator (see above)
- BE CAREFUL OF EMAILING YOUR HTML TEXT – some students do this to
transfer their html from one computer to another, and many mail programs
automatically convert this code to another format
- If you are using a Macintosh, you may
have problems generating plain text. Using a PC is recommended, but if you
only have access to a Mac, here are some useful
suggestions.
- INSTRUCTIONS:
- Take
a look at “Publishing
Your Webpage” – a PowerPoint presentation on uploading
your files and creating HTML tags.
- Generate
a basic web page accessible in your Personal Webspace
directory, and upload it to WebCT Assignment 3 (upload the file you have created
named "index.html" and any pictures), containing the following
mandatory elements (100 points each)
- Title
- colored
background (not the default)
- "mailto"
link to receive mail from people
- link
to some other site
- Headers
(h1, h2, etc)
- Bold
face text
- italicized
text
- centered
text
- some
list (unordered or ordered)
- picture
of yourself , family pet, or other photo unique to you
- Scan
your picture using campus lab scanners or use your own digital photo.
- The
web page should contain a brief description of yourself or at least of
your family pet.
- A tip
for creating a list: Maybe you could list the classes you've taken. This
also gives you the perfect place to put a link (like the page for this
class)
- Your
instructor has created his own sample
web page. Feel free
to use this as a basis for your web page. But you will not get ANY credit
by only copying the sample page.
- Submit
the file index.html to the assignment 3 section of WebCT
– you must do this IN ADDITION to making the web page publicly
accessible.
- You
will need to upload both the index.html file and your picture(s) to your UCSC
Personal Webspace directory.
- To Upload these files, you will need to use a file
transfer program, and set up your personal webspace. Here’s a link to download: SFTP
(Secure File Transfer Protocol).
- One
way to upload is to have the index.html file and the picture.jpg
on your desktop first.
- If
using the campus lab computers, click on Start->Internet
Tools->_Unix-Telnet&SSH->unix-ic.
- If
using your home computer, download and use the Secure
File Transfer program (SFTP)
- Enter
your username and password – these are the same as your UCSC email
account and WebCT. In the top toolbar there are
binoculars and some gears, and two icons in between. Click on the file
folder with the blue dots. This opens the file transfer window. Drag and
drop your index.html file and your picture.jpg
file into the folder called "public_html."
- Once
you upload the index.html file and any picture files to your UCSC account
directory "public_html", check that
the file is publicly readable by viewing it online.
getting started
- Open a
plain text file, using Notepad (Available from
Start>Accessories>Notepad) or the more versatile program Textpad, available for free download.
If Using Notepad:
If Using Textpad:
- File...
- Save
As...
- index
- File
name is index
- Save
as type (Web Page, HTML only)
- this
names it index.html now, which will save time later
- Create
your web page (covered in class, there are also many, many web page
tutorials available online) Feel free to use the sample web page as an
example.
- You
can view the HTML source text of the sample web page by selecting
View>Source on your web browser.
- You
can also use File>Save As> to save the sample web page to your
desktop, and use a text editor to look at the HTML source text.
- Use
your text editor as you would use any editor. The .html file needs to be hand
edited. If there are things in the file which you personally did not type
in, then this is not your work, and you cannot receive credit for this. If
you are in doubt about this point, use Notepad or Textpad
instead of any other editors.
- To
view changes
- Save
the file:
- Reload
the web page
- Click
the reload button
- OR
- View...
Refresh
- Scan a
picture, upload one from a digital camera, or transfer one of your
existing digital photos
- Save
it to your hard drive
- Save
the file with no spaces (you’re uploading this to a system that
doesn’t always handle blank spaces correctly)
- This_is_a_good_file_name.jpg
- This
is a bad filename.jpg
- (Note
the use of the _ symbol.
- Upload
the photo file(s) to your Personal Webspace
- Save
your picture into your public_html directory
- Advice:
Upload the picture to your public_html
directory BEFORE adding the photo link to your web page. Frequently, students accidentally
have their HTML page pointing to a picture residing on their home
computer – so it shows up fine on their home computer, but
doesn’t show up on the Internet (which is our goal).
- Put
the link to the photo in your web page, and test that it shows up.
- Upload
your web page to your Personal Webspace
- Save
index.html into your public_html directory
-
- Check
that the web site works
- Start
Internet Explorer
- Type
your web page address
- http://people.ucsc.edu/~YOURLOGIN
EXTRA CREDIT (100 points total)
- Add a
working web counter to your page (50 pts).
- Count.cgi
- You
do NOT need to write your own CGI code or Perl script. You should be able
to just add the "img src"
line to your page and it should work. But you can use other sources for
counters if you like. Any working counter on your page will earn you this
extra credit.
- Keep
in mind that the counter may not increment when it gets multiple repeated
hits from the same IP address. This means it may not increment when you
hit the "reload" key of your browser. This is normal.
- Add
your web page to the UCSC Directory of
Personal Web Pages (50 pts).
Thank you to Dr. Chane Fullmer and Dr. Doanna Weissgerber for their authoring and contribution towards
this (historic) assignment.