CIS 58.51A - Designing Web Pages

Back to Homework Page

Publishing and Debugging Your Site
This assignment is about putting your site up online (making it live) and testing/debugging your code. And there is an Extra Credit assignment at the bottom. (See main Homework page for the due dates.) Don't forget the Quiz.

Instructions
You should now have an index.html page (home) and a page it links to from the last homework assignments. If not, start building those pages of your real site NOW. Make sure those pages have the links to all the pages you are going to have on your Web site.

If you decided to start with five main pages (including your home page), then there should be a navigational links for each of those five main pages that appears at the top or top side of your pages. Bottom navigation is good to use as a repeat for what’s at the top but do not use this type of navigation alone.

Making navigation that goes across the top of the page is easiest to construct with what you know now. When we learn tables, on week 7, it will make side navigation possible. However, that will only give you a week to finish your basic site for presentation on week 8. Don’t bite off more than you can chew. It is better to learn this information well and have everything work, then stay up all night trying to do something that you don’t quite understand.

Part One

Publish your site (pages). What does this mean and how do you do it? This has been described in the Class 4 lecture and in your text in Day 19. Publishing your site means you are uploading or posting your files on a Web server

(a special computer) using FTP software This will allow anyone you give the URL (address) to see your pages on the interent.

If you don’t have a student account on the campus server from another class, you need to get one now. Follow instructions below: Student Server Accounts.

You can use your own ISP or Host server if you prefer but I will not be able to give you some important information, which you will need to get from the company who is hosting your site.

You first need to get an FTP program, if you don’t already have one. Go to: FTP Explanation and Downloads to get what you need.

Upload the files you have created for your site with your FTP software. One was index.html for your home page. If you haven’t done this by now, create at least one other page that the index.html page will link to. Remember, they need to be called .html (or .htm). Do not use the .txt or any other extension on the file name.

You will now need to give me the URL to your index.html page. If you have a Student Account, your URL will be: http://student.santarosa.edu/~(then your login or user name). Note that squiggle after the last forward slash is called a tilde, found on your keyboard on the upper left.

Type the URL, print it out and hand it in. Make sure to identify it as the URL to your site.

Worth 30 points.

Part Two

This is the fun part! (I can tell you don’t believe me.)

Debug your pages. OK, what does THAT mean? There is a site you can go to that will run a test on your pages and tell you where the code is wrong. Is it perfect? Well, no. Will you understand all of the results? Heck, no. But, hey, it does it for free.

Go to W3c HTML Validation Service. Have it validate one page (for your homework). To validate any page, you will need to have put your page online and know the URL (URI) to type (or copy and paste) in the Address field provided on the W3c page. If you do not have document type in your code, use the drop down menu next to Document Type and choose "HTML 4.01 Transitional". This refers to the standards that have changed over the years.

You can try different Document Types and see the different results. You can also make some of the corrections and put it through the test again to see what happens.

Print out the results for ONE page (the first page) from the W3c HTML Validation Service Web site and hand it in. Don’t forget to write your name and section number at the top of the page(s)

Worth 10 points.

Reminder — There is also a Links/Loading Quiz to take for homework.

Do not email me this assignment.

WARNING: If you leave off your name, you will not get credit for this assignment.

Meta Tags: To learn more about the different Meta Tags (like Keywords) go to: Resources, click on the Meta Tag links.

EXTRA CREDIT

Visit at least three (3) sites linked to the following sites. The Webby Awards and the IPPA DX Awards sites are not to be part of the choice of sites. You may have to visit more than three to get features you like.:

The Webby Awards

Pick any category under the left hand column "2001 Winners". (No matter what category you choose, it will take you to a page with all the winners. You can scroll up and down the page.)
Click one of the sites that are listed on that page. (It will give you a pop-up window to view the site. You can open the window larger to view it better.)
List the two features you like from one of them. The URL to that particular site will be at the top of the pop-up window.

IPPA DX Awards

Click on the words DX Award.
Click on Studio One (from the list on the left).
Scroll to a choice of sites.
List the two features you like from one of the sites.
Make sure to copy the URL for the next part.

On one page, type in (or copy and paste) the three (3) URLs of the sites visited.

On the same page, describe two (2) features you liked in one or two lines or several descriptive phrases. DO NOT write something like "I liked the color." or "I liked the navigation." If you liked the color or any other feature, give me specifics. This will help you look more closely at sites and think about the elements.

Print it out and hand it in.

http://www.easylife.com

http://www.hardlife.com

http://www.oklife.com

Worth 10 points.

Student Server Accounts
Below describes the steps to create an account on the SRJC Web server for students.

Instructions

Step #1
Read the acceptable use policy for the Santa Rosa Junior College Web server for students by visiting this page: http://student.santarosa.edu/pol.html

Step #2
Fill out a request for a student account at https://www.santarosa.edu/cgi-bin/request. SIGN UP NOW. The account should be generated within 3-5 days but may take as long as a week.

Step #3
Check the status of your account so you will know when the account is ready to use. You will not be notified when it is ready. You must inquire on the following page: http://student.santarosa.edu/cgi-bin/accountcheck.cgi

Your Account is ready — Now what? ————————>

You have clicked on the link on #3, typed in your last name and hit the send button. A page appears showing you the following with your Name and Login name:

Name Login Description

Jody Schmo jschmo student

Write down your Login name (also known as User Name). If your name is hyphenated, long or one where there may be another student with the same name, they may assign a little different Login, like jschmo2.

A word about your Password.

You are given a password when you set up your account. You must get this password from your instructor. Ask in class. If you forget the information, email your instructor.

Is it advised you keep this password and not try to change it. But, WRITE IT DOWN. If you loose it, it may be possible to figure out what it is in the lab or with your instructor. If you change it, you will be the only one who can figure it out.

The next step is to Login to the Student Server via a Telnet program and then use an FTP program to upload your files. Ready? Get your Login/Upload suit on and, click here.