OSU Logo OSU Logo

CSE 3901: Web Applications
Spring 2023

Project 4: Static Web Site Design

Many CSE faculty members maintain a web site with information about their research, teaching, and service activities. These web sites are hosted at https://web.cse.ohio-state.edu, and the path is of the form ~name.number. For example, here is Prof. Arora's page. Some of these pages are very simple, others are more complex. But few (if any) are HTML 5 or CSS compliant, and all could use some help in terms of design.

For this project, your task is to redesign (and improve!) one professor's web site. It is recommended (but not required) that you redesign Prof. Teodorescu's site (~teodorescu.1). If you decide to redesign a different web site, you must get my permission first.

The CSE department maintains a directory of faculty members where you can look for other options.

The final result should conform to the following requirements:

  1. Professionalism. You should be proud to demo your completed project to your parents and to the faculty member in question!
  2. Fidelity. While the style and organization can be completely different, all the factual information in the redesigned site should be accurate (i.e., taken from the original). Conversly, the information in the redesigned site should be relatively complete (i.e., all/most of the information in the original site can be found in the redesigned one).
  3. Size. There site should consist of at least 3 pages, coherently organized and cross-linked.
  4. Content. There must be at least one table and at least one image.
  5. Technology. The site should be generated using Middleman. Use only core HTML and CSS (including markdown, ERb, YAML, etc). Do not use, however, any JavaScript or any web design frameworks such as Bootstrap or Foundation. If you are unsure whether a particular technology is permitted for this project, ask.
  6. Validity. Your completed project should be fully validated HTML and CSS.

Don't worry about making your redesigned site cross-browser or cross-platform compatible. Just make sure it looks good in (the virtual machine's) browser (Firefox or Chrome).