NOTE: I modified this on 01/26/21, but I did not make any changes or additions. I only clarified the instructions.

Create Your Assignment Page

Objective:

To create a web banner and a webpage that will link to all of your future homework assignments. I will be using this page to access your assignments for grading. The minimum requirements for the page are listed below.

Instructions:

Do Parts 1, 2, & 3 before you arrive to class on the day that this assignment is due. Then we will do Part 4 together in order to upload your work to your web account.


Part 1:

Before you arrive to class on the assignment's due date, design a banner as instructed below:

  1. Create a folder named "115" — preferably inside the StudentFiles folder.
  2. NOTE ADDED 1/25/2021:
    - If you are new-ish at graphics, here is a step by step procedure for the wide banner
    - For anyone, here is a video on creating a vignette with a vector mask instead of pixels
  3. Create a banner that looks at least as intricate as the one shown below, including a background, prominent text, and a photo of yourself. I used the size that Facebook uses for its cover photos 960 x 450px.
    • Your photo should be a headshot, and not full body.
    • Use any graphics program you desire. E.g. Pixlr.com, Photopea, Paint, GIMP, Photoshop, etc.
    • When finished, save the file as a JPEG or PNG format inside your "115" folder.

Part 2:

Create the HTML file before you arrive at class as well. The skills are based on Chapter 2 only. However, if you have prior experience and wish to use CSS, feel free to do so.

  1. Start an HTML page and name it index.html. Use the code on page 28 to guide you in creating the correct structure and elements. Save it in your 115 folder.
  2. In addition to the banner, add all the information shown in the box on the next page.

 

hero pic

My College of Charleston email is: janedoe@g.cofc.edu

Homework and Class Assignments

  • Chapter 2 Case Study
  • Chapter 3 Case Study
  • Chapter 4 Case Study
  • Aesthetics class work
  • Chapter 7 Artist Website
  • more to come ...

Website Project Milestones

  1. Topic Approval
  2. Planning Analysis Sheet
  3. Sitemap
  4. Final Website

Terms of Agreement

Submitting on Time:
When I submit my assignments, I will click each link to be sure that it works. If it does not work, 30 points will be deducted from my grade. It does not matter the reason for the link not working.
HTML Validation:
Each page must be validated. If not, 3 points will be deducted for each validation error, with a maximum of 15 points.

 

Part 3:

Before arriving in class on January 27, validate your index.html webpage at https://validator.w3.org and make sure there are no errors.

Part 4, to be done during class:

During the final part of the class, you will learn how to upload to the server by using your students.cofc.edu account.