Schedule of assignments
The key to doing well with your midterm website is in meeting each of these progress checks with your best effort. Take the time to get everything just right. Ask for help right away if you have issues.
- Friday, Feb. 12: Minimal HTML page with:
- two headings
- three paragraphs of good content
- an appropriate image
- a link to your email
- a link to your favorite website
- See Section 2.3
- Monday, Feb 15: HTML page and CSS page with type styles. See Section 3.1 and Section 3.3.
- Friday, March 4:
Wednesday, March 18: Midterm website rollout
We will look at your midterm websites in class.Use the pages you have built to expand your personal website to at least four pages:
- The home page introduces you; imagine a potential employer reading this. Here are a few examples of what you might put on your home page:
- Introduce yourself, and tell us your major and when you will graduate.
- Tell us your goals and objectives.
- Tell us what UST means to you and what it has provided you for success.
- Include a working email address.
- This should be the splashiest page; bring out your personality here.
- Page 2 is your résumé
- Pages 3 and 4 can be anything you like: favorite links, hobbies, pets, family, hometown or home country.
What I want to see:
- An informative header that creates a common identity on each page, optional on résumé.
- Good, working standard navigation on every page.
- Meaningful content.
- Images properly formatted as GIFs or JPGs.
- ALT tags on all of your graphics.
- Manageable download times; don’t fill your pages with huge or unnecessary pictures.
- Consistent use of font formatting, font sizes, styles (bold, plain, etc.) for subheads, heads and body text.
- A footer with appropriate provenance
Use the class assignments to build assets and content for this page. Test everything before your presentation.
Here are a few good midterm sites from former students:
- Katie Jung (2015)
- Kevin Duffy (2013)
- O’Caitlin Brien (2011)
- Molly Demmer (2009)
- Barb Koehl (2009)
- Kelsye Gould (2009)
Over the second half of the semester, you will be coached on how to proceed with your final project. For your final project you will:
- create a website different from your midterm project as outlined below;
- present it to the class during finals week, see the times above.
- turn in a report of about 300-500 words about your website and its design; this includes a synopsis explaining the decisions that brought about your website's structure.
Your grade on this project will be based on all the elements of HTML and CSS that have been covered in class or in the readings required through the internet. Factors will include the site's concepts and management.
Your website should cover information you know something about, although research may be required. A subject that lends itself to visual information (pictures, charts) will be easier to adapt to the Web than text only.
This final project cannot be a personal site. It cannot be a commercial or business site. It must express information.
Here are a few sites that fit the bill. These were done by students in previous semesters:
- Summit Avenue Review (2015): Katie Jung built this website to demonstrate how the St. Thomas literary magazine could be adapted to the web.
- Life of an artist (2013): Linda Ingaldson did this site for her father, Robert, to display his paintings. Note that this site is mounted in her father’s web space.
- Empathetic Medicine (2013): Fritz Duffy explores the world of medicine and advocates for a particular approach.
- JMK Marketing (2012): Andrew Kjos built this website for his father’s business of selling fireplaces.
- The earthquake in Japan (2011): Ayu Nagata built this website in Spring 2011 while her country was recovering from the devastating earthquake and tsunami.
- Visit the Fruit Loop Tour (2011): Caitlin O’Brien tells stories and shows photos about a scenic Oregon trip.
- India Journal (2009): Barb Koehl organizes a dazzling amount of content into a well-organized and colorful site.
- Fair Trade Coffee (2006): Mesa Johnson explores the world of coffee. Note the use of primary and secondary navigation.
- St. Thomas Poetry (2004): Renee Kelly solves typographical challenges in a site promoting a student organization.