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
How far are we through the course?
470/500 points possible
Week 14: Capstone II & HTML5
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?
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?
Perform final edits and deliver materials electronically to
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
What’s new in HTML? https://www.w3schools.com/html/html5_intro.asp
You’ve already been using
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.
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
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
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.
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
Track A or B: HTML5
*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.