Home

Work Showcase

Anna Ristau

CS 4980

Fall '09

This page contains examples of my work. My work is subdivided into the categories XHTML, CSS, Refactoring, JavaScript, and Web Application. The XHTML examples show work relating to the content of websites. The CSS examples show work relating to the style of websites. The Refactoring example shows work relating to the re-organization of a website. The JavaScript example shows work relating to the interactivity of a website. The Web Application example shows work relating to an emerging web technology.

Assignment Overview Assignment Description (PDF)
XHTML
My First Webpage

This assignment was my first webpage, so it is very simple. This webpage demonstrates different level headings, an unordered list, a hyperlink to Google, and a picture.

My First Webpage Description
XHTML Best Practices

This webpage discusses good guidelines to follow when coding with XHTML. It also demonstrates the use of several hyperlinks.

XHTML Best Practices Description
CSS
CSS Basics

This webpage was my first CSS assignment. It shows a highlighting example that uses different colors for different elements.

CSS Basics Description
CSS Positioning

This webpage demonstrates the different positioning properties that can be achieved with CSS. It is not meant to be a consistent webpage, but rather one showcasing different positioning techniques, such as relative and absolute positioning.

CSS Positioning Description
Word Cloud

This webpage demonstrates a special CSS technique known as a word cloud. I did not come up with the words for this cloud (those were created in the html). However, I did make changes to the color, text size, and border of the cloud with the CSS.

Word Cloud Description
Refactoring
Refactored Website

I refactored, or re-organized, this website by splitting it into four folders (XHTML, CSS, Images, and JavaScript), by giving elements descriptive names, and by adjusting all links accordingly.

Refactored Website Description
JavaScript
JavaScript Basics

This webpage showcases some basic JavaScript techniques, such as the options to zoom to various levels and to change the font style.

JavaScript Basics Description
Web Application
Cartography Wiki

This assignment was given to two other students and me, and it required us to build a wiki (ex. Wikipedia ) relating to an emerging web application. My group came up with the topic of Online Cartography (ex. Google Maps) and created a wiki describing cartography's history and future.

Cartography Wiki Description

Valid XHTML 1.1