OBJECTIVE:

Create a 4-page responsive website about an artist that you admire. Your artist could be in the category of performing or visual arts. You do not have to write original composition, but can instead copy text from another website. (You'll add a disclaimer about this.)

  • Create a folder called “artists" and a subfolder called "images"
  • Develop a color scheme using HEX or RGB. Do not use named colors.
  • Gather your text and images. As a part of your planning process, you can do this before you start to code.
    • Copy and paste text from anywhere, but try to avoid Wikipedia if you can! Its text is very, very, very unattractive. You'll add a disclaimer about the source of your text. It must be real text. DO NOT use dummy/placeholder text.    
    • You may use any images you’d like, whether it is copyright free or not. Since it’s only a homework assignment, we are protected by Fair Use policy. Keep in mind, however, that for your Final Semester Project, you must use copyright-free images,

Specifications:

These are the minimum specifications for the website.

  • My NUMBER ONE RULE is to never use Times New Roman as your primary font on an assignment. It makes a page look outdated, and makes the designer look lazy. If you do not change from the default, you will lose 10 points.
  • Use only a single .css page for the entire website.
  • The website be fully responsive, using media queries covered in Chapter 8.
  • Four pages, as follows:
    Home, About the Artist, a page of your choice, References

    The References page is where you will indicate the main sources of your information. There is no special way to cite them; but be sure they are hyperlinked with the <a> tag.
    Also, do not display the entire URL. Instead, provide a label between the <a> </a>
  • All pages must have a multi-column layout. That means, no single column layout for this assignment.
  • Keep in mind that when text is copied from other places, you are responsible for making it look attractive and professional. Also provide the necessary paragraph breaks to give the page a clean and digestible appearance.
  • All images must be in a folder called “images.”
  • A visually pleasing and highly customized header area. In addition to the header, you may also include a hero picture if it fits in with your design ideas.
  • An unordered list. You must use an image as the bullets, as learned in Chapter 7.
  • For the About the artist page, make it a long and scrollable page of about 3 screens. Then use set of at least 3 placeholder links to make the page easier to navigate.
  • A 4-picture photo gallery with thumbnails linking to larger pictures.
  • Use pseudo-class in your main navigation. Don't just stop with the minimum CSS. The navigation should also be intricate and attractive.
  • Use a fat footer of at least 150px for the desktop version. In your footer area, write a disclaimer indicating that this is a class assignment focused on coding websites and not on original content.  Also in your footer area, make a link to your References page. Add other footer information to make it look attractive and informative.

Lastly, the website must look aesthetically pleasing and professional.

DUE: Monday, April 1st
Link to "Artist Website" on your Assignment Page

ADVICE: Get started early. It's a big assignment!