ISTA 230 Introduction to Web Design (Spring 2017)

Assignment 3: Grimm's Fairy Tales

Due Date: February 16, 2017 before 11:59pm

Overview: This assignment will test your understanding of HTML, CSS, typographical concepts, and background images. This is your first opportunity to really flex your creative muscles and come up with a custom web site design from scratch.

If you have any questions or concerns regarding this assignment, please don't hesitate to contact your instructor at or at 520-276-6433.

Assignment: For this assignment, you will be taking a plain-text version of four famous stories from Grimm's Fairy and converting them into a website for children. You will be provided with the text files for the stories as well as a few related images which can be used on your website. You're welcome to find (or create) your own images for this assignment as well. Using your ISTA 230 web account, you will be able to log in to the ISTA 230 server and will find a directory named "assignment3" in your root directory. All files for the assignment should be uploaded to this directory. You are responsible for creating all HTML and CSS files for this assignment.

Using what we have learned in class, you are to take the plain text versions of the fairy tales and create a small website that meets the following criteria:


Your work will be graded on the following criteria:

To check if your HTML and CSS validate properly, use the ISTA 230 HTML and CSS Validators:

To evaluate the accessibility of your web pages, use the Accessibility Developer Tools extension for Google Chrome:

Turn In: All of your files for this assignment must have been uploaded to your user account on the ISTA 230 web server by 11:59p on February 16, 2017. Any files uploaded after that will be considered late and your grade will be adjusted accordingly.

Sample Output:

Sample Fairy Tales Page Sample Fairy Tales Page