a sunlight path

At this point you should have met with the client, and working alone or with another student drafted up a site based on the client needs.

  • Interact with another person and ask pertinent questions
  • Ask for or look for appropriate materials to support the clients’ need: graphics, etc.
  • Learn how to and practice quoting and/or sourcing materials
Reading, Watching, Testing
  • Read up on materials you need to know based off of the conversations you are having with your client.
  • Spend some time on


How far are we through the course?


470/500 points possible

Week 14: Capstone II & HTML5

wireframe of website design inside of a matted frame


Your capstone project is designed to have you create three to five pages either from scratch or as a revision of existing materials. This task will lead you to:

  • ask pertinent questions
  • ask for or look for appropriate materials  
  • learn how to and practice quoting and/or sourcing materials
  • practice creating a new directory and uploading your work into that directory
    • and then sharing a working link to the web pages for others to view
    • creating consistent navigation between pages  

Track A: Working with a client outline

Where are we now?

At this point you should be in the final stretch, or done.
vii. Upload to CITS server and review with client – half done, mostly done or done
viii. Revamp materials/layout – in progress  (has your client asked for changes? Do you want to use some ideas from the other students?)
ix. Perform final edits and deliver materials electronically to client – coming  (you may want to use some of your fellow student recommendations)
x. Upload to CITS server for instructor grade/review  

Track B: Capstone website project

Where are we now?

At this point you should be in the final stretch, or done.
Upload to CITS server and review with fellow students and instructor
Revamp materials/layout – in progress  Are you using some ideas/suggestions from the other students?)
Perform final edits and deliver materials electronically to client   – up next!


Restarting when things go wrong

In case your draft site is not coming together, remember to review your notes. Look back at any journal notes or draft comments you made. Where did you make them?

  • Review your notes from your client.
  • Review the email exchange you had.
  • Review your original notes.
  • Look back through early drafts.
  • It is also a good idea to take a break, take a walk, do something completely different. Let your mind chew on the problem and come back to it.
    • This means you will need time to resolve the issue. Plan for it.


HTML5 and CSS3 are new versions of the code, but do not replace the earlier version (unless a tag—or command—has been deprecated). Rather these versions build upon the earlier versions. Deprecated means that the command should no longer be used, it may not work, or it may not work the way you anticipate. In some cases, deprecated commands are no longer supported in newer versions of web browsers.

What’s new in HTML?  https://www.w3schools.com/html/html5_intro.asp

You’ve already been using the !DOCTYPE declaration. We’ve spoken briefly–via email and announcements about the new semantic elements – header, footer, etc.

We haven’t talked about what’s been taken away. At least, not explicitly. You know that you’re supposed to use CSS instead of the font tag.

But why should you be excited?

HTML5 was recommended in 2014 by the W3C. But it would be a long time until the browsers supported many of the new concepts. YOu can see a bit about how ‘well’ different browsers support HTML5 at  https://html5test.com/results/desktop.html.

I tested my current  browser:  https://html5test.com/index.html  and received a list of things it could and could not do 519/555 points. My browser is  Chrome Dev 57.0.2987.133 on OS X El Capitan 10.11 But when you look through the list for yours … I want you to pay attention to all the things your browser can do! Then go see what you want to use.

How did this happen?

A bit from Bruce Lawson of HTML5 Doctor in a review of A short primer from A Book Apart, you know the peeps who brought you A List Apart?  https://html5doctor.com/review-the-truth-about-html5-for-web-designers/

The unifying vision of HTML5 was to extend the Web without breaking it; evolution rather then revolution, with a set of  design principles:

    • Support Existing Content
    • Degrade Gracefully
    • Do not Reinvent the Wheel
    • Pave the Cowpaths
    • Evolution Not Revolution
    • Solve Real Problems
    • Priority of Constituencies
    • Secure By Design
    • Separation of Concerns
    • DOM Consistency
    • Well-defined Behavior
    • Avoid Needless Complexity
    • Handle Errors
    • Media Independence
    • Support World Languages
    • Accessibility

ADVANCED:  https://html5please.com/  – this is a great resource to double-check whether the path you’d like to head down, intrepid HTML5 coder, is advisable.

Accessibility, anyone?

So, HTML5 was promoting using H1 headings in several sections… because those sections would be part of the HTML5 document outline… and therefore everything would be okay. Right? No. And now we see version 5.1 going back on this element of version 5:  “the HTML 5.1 specification   requires developers to use h1-h6 to convey document structure. The simple reason for this change is that the HTML5 document outline is not implemented and despite efforts to get it implemented, the general response from user agent developers has not been enthusiastic.” Steve Faulkner


Track A or B: HTML5
1/15/2018 – This assignment will be updated to include HTML5 practice in addition to implementing jQuery or JavaScript to enhance your own site or your client’s site.  Submit a working link to the page you want to be reviewed AND detail what changes you chose to make and why. Please specifically mention the jQuery element or javascript code you chose to use. Where did you get it? Did you tailor it or alter it to meet your needs? How?

*Be aware you do NOT have to keep these materials in your final capstone site. This is for your edification and to demonstrate that you can integrate the new materials/scripts you are working with (learning about) into an existing document.

Track A or B: Participate in Discussion
SUBMIT Bb DISCUSSION #03: “Draft Capstone Site” for your cohort to view; provide a history of how you chose your project and what you anticipate the client OR you will do with the materials you are creating. REVIEW other students’ work and provide constructive feedback, tips, etc.

To get full credit for this assignment you must respond to at least two other students.
IF YOU WANT to get feedback from students, be sure to turn your work in early.

This assignment differs from many previous assignments. You are not learning anything new, instead what you should be learning is:

  • How to craft a message sharing a draft site for review
  • How to ask others for specific feedback
  • How to sift through feedback from others for gems that you want to incorporate into your design

This is also your opportunity to ask your cohort for help AND to help them!  Learning from others is a great opportunity. Seeing what others are doing is both inspiring and eye-opening.

You can take recommendations from other students and finish up your pages. WHEN YOU HAVE SUBMITTED YOUR PROJECT TO YOUR CLIENT he or she needs to fill out  the form embedded on the bottom of this page.