CS 544 Assigment One

The Assignment

Part I - This assignment had two parts to it. First off, it was to find six "high-quality" websites and review them for what made them "high-quality." This could mean just about anything. It could include anything from the layout and feel of the pages to the colors and graphics associated with the site, from the way the viewer navigates from page to page to the ease of finding the information that you came to the site for, or all the way to how well the layout and color scheme were replicated throughout the site. After all, if these items were odd, confusing or just plain icky, then you probably wouldn't have called the site "high-quality." Originally, the two parts were typed up and emailed. But in maintaining my website for this class, I elected to put up a menu for all the assignments and needed to post this one. Somehow Part II disappeared and was never added later. Funny thing.

Part II - Eureka! - This part was simply laying out the plans for this final project. The basic information such as what the website topic was, a basic navigation map and a design mockup. To pick the subject of a final project website on week one was difficult. So difficult that I both lost and forgot the subject. But in my persistent attitude, I have located the document that had my project clearly listed. So, all that said, the subject is listed as:

"This site is designed solely for the implementation of CSS and Javascript
for the demonstration of newly learned techniques.  The basic subject matter
of the site will be commentary on the techniques and the implentation
process.  The site could be useful to future CS 544 students."

Now, doesn't that sound like fun? Well, here it is. Enjoy.

Site Notes

For your reference, the right hand column from here on out contains the assignment requirements and then links to almost anything that was involved in the assignment. We start with the assignment from the instructor and my version of it along with any links to sites that helped me out. Next will be links to the different sections of the page. After that, if there were any Javascript sections used in that assignment, I will link to a text file that contains that code (Hint: this is where you steal, uh, borrow the code from). And at the bottom will be links to text files containing the HTML and CSS file(s) used in that assignment. As we progress through the assignments, you will see that there are multiple files per assignment. Lotsa links. Also, the last link will be to a zip file containing all the text files for that assignment. Apparently, if your browser is set just right, the browser will read the text file and display the page instead of the text. That is not what I wanted, so I added the zipped files for your pleasure.

Within the pages, the text in the left column will be colored for different types of code. Red text is the HTML, CSS will be green, the Javascript will be purple and the blue text is what you have to supply for it to work and look the way it should. I even hid some gray text in there when comments showed up. This will help you keep the code straight, I hope.

And lastly, at the bottom, the footer contains links to the main index page for the project, an email link to me (send me mail!), and a link to the main menu for this class with links to all the assignments. As it says at the bottom, Thanks for visiting.

The Links

CS 544 assignment one
The real deal from the instructor

My assignment one
This is how I did Part I of the assignment. Part II didn't make it onto this page

The Sites Reviewed

Acura.com
Can you float me a loan?

Mini USA
Cute little cars from the United Kingdom

MSNBC
Where the news is just news

CSS Zen Garden
An awesome site to see how the power of Cascading Style Sheets can be unleashed

Amazon.com
Let's all go shopping

Web usability
My CS 538 final project with examples of good and bad website usability.

The Assignment Files

HTML index file

CSS file

Assignment one zip file
For users whose browser displays the page rather than shows the code