Allow 4-9 hours each week to work on these assignments.  Start working on your assignment early enough to get some help if you get stuck.  Don't wait 'till the night before class to start.

Standing Assignment:

• In addition to whatever is posted below, between each class:
  • Scan your Spring '19 Web Site Evaluation Worksheet) for items we covered in class.  If you find an item:
    • Make at least one addition/improvement to your final project.
    • Complete, using a word processor, at least one additional item on your Spring '19 Web Site Evaluation Worksheet
    
     

---

 

Due Monday, May 6:

• 10 of The Best Free Web Hosting Sites – 2019
• 13 Great Tools to Put Your Website Load Time in the Fast Lane
   

Due Thursday, April 25:

•  Links for class:
  • Dynamic Drive
  • Working With Alternate Style Sheets
    • Explanation: Alternative Style: Working With Alternate Style Sheets
    • Code: jQuery styleswitch – now with toggle!
    • Chrome Extension
       

Due Thursday, April 15:

• Your Income Tax
• In CSS: Page Layouts with James Williamson at Lynda.com, take detailed notes in your notebook as you watch:
  • In 1. Layout Basics
    • Box model review   8m 47s
    • Calculating element dimensions   11m 11s
    • Understanding margin collapse   7m 59s
  • In 4. Positioning Elements
    • Relative positioning  7m 59s
    • Absolute positioning  8m 59s
    • Fixed positioning   4m 23s
    • Controlling stacking order  8m 31s
  • Be prepared to show me your notes at the beginning of class. 
     
• You may find these useful:
  • Accessibility:
    • W3C Before and After Accessibility Demo
    • Facts About Color Blindness
    • Colorblind Web Page Filter
    • Color Blindness Simulator for images
       
  • Style sheet for printing:
    • Print Different
    • There is also a simple example (HTML and CSS) in the Cutting --> CIS 206 --> 151207 directory on the faculty drive.  It has a print stylesheet that prevents an image from appearing on the printout.
    • If you really want to get into it (extra credit) check out How To Set Up A Print Style Sheet.

Due Thursday, April 11:

• Complete the "At least one interesting font group ..." question on page 3 of the Final Web Site Evaluation Worksheet.
• Read and study Can Fonts Really Help Those With Dyslexia?
   
•   Links for class:
  • Fonts:
    • Google Web Fonts
    • FontSquirrel Fonts
    • Glyphs
    • Icon Fonts
    • Every second matters
       
•   You might find this interesting:
  • Design: What You Didn't Know About the Color Red
  • What Color Says About Your Business
  • Playing With Color: Vibrant Options For Apps And Websites
  • 20 Best And Worst Fonts To Use On Your Resume
  • Selecting typefaces for body text

Due Monday, April 1:

• Add a section to your colorScheme.css stylesheet to define border colors.
   
•  Links for class:
  • Fonts:
    • Web Fonts at the Crossing
    • Cross-platform 
      • CSS Font Stack & Fonts!
      • VisiBone Font Survey Results
    • Typography Terms Cheat Sheet
      
    • TypeTester
    • Identifont
    • How much does it cost to custom design a typeface?
    • Google Web Fonts
    • Extremely simple CSS font embedding

Due Thursday, March 28:

• Continue working on the topNav.html / colorScheme.css pages we worked on in class.
  • Move all your color (not background-color) specifications to your colorScheme.css page.
     
• Take notes in your notebook as you read and study How to pick colors for your app without a struggle.
   
• Study each of the following sections at W3Schools.  Experiment with each "Try It Yourself."  Do the Exercises at the end.
  • CSS Syntax and Selectors
  • element, element 
  • element element
  • element > element
  • element + element
  Experiment until you thoroughly understand the difference between the last three.
   
  
•   Links for class:
  • Ethan Marcotte:  The World-wide Work (4:26 - 13:16)
    
  • How To --> Top Navigation
     
  • Color Schemes
    • How to Create a Perfect Color Scheme [Infographic]
    • Color Scheme Designer (Paletton.com)
  • https://contrast-ratio.com/
  • The Myths of Color Contrast Accessibility
  • Fontreach
  • GetImageColors 
  • Colorzilla
  • Which Color Button Converts Best? Here's What Research Shows
  • Color That Site!
     
•    You Might find this interesting:
  • The Best Interview Question for Hiring UX Designers [or pretty much anyone].

Due Thursday, March 21:

• Take handwritten notes in your notebook as you watch 1. Getting Started in  CSS Essential Training 1 on Lynda.com
  • In addition to introducing CSS, this chapter of the tutorial has a nice review of many of the HTML concepts we've covered.
  • Remember, you can use handwritten notes in your notebook if we have a quiz
     
• Review all the Try it Yourself's and all the Test Yourself with Exercises in the assignment due on Monday, March 4.
  • Pay particular attention to: HTML Images (skip Image Maps for now) Do exercises 1, 2, 3, 4, 5 and 6 in the Test Yourself With Exercises section.  Don't just press the "Show Answer" button... that won't help you if we have a quiz...
     
• Use VS Code to create an HTML5 Web page about someone born on your birthday (enter month and day at the top of the page).
  • It should include:
    • A heading
    • At least two paragraphs (practice copy and "paste text")
    • At least two images
  • Make sure your code is properly indented.
     
• Be ready to show me your page in a browser at the beginning of class.
• Print your page from a browser.  Put your name on it and be ready to pass it in at the beginning of class.  Nothing printed after I arrive will be accepted.

March 11 - 15:  Spring Break

Due Monday, March 4:

• Take notes in your notebook as you continue working through the HTML(5) Tutorials at W3Schools.com
  • Be sure to experiment each time you see a Try it Yourself  button.
  • If there is a "Test Yourself With Exercises" section, be sure you thoroughly understand each exercise.
  • Go through the following chapters:
    • HTML Colors
    • HTML CSS
    • HTML Links
    • HTML Images
       
•   Links for class:
  • Color Schemes
    • Examples from the art world
      • Le picador II
      • Ana Tzarev (1937 - ) 
        • Gallery (24 W 57th St Manhattan, NY )
        • ArtNet
      • Ingrid With Hat
      • Girl with Hair Ribbon
      • The Old Guitarist
      • Picasso's palettes
      • Color as Emotion
    • How to Create a Perfect Color Scheme [Infographic]
    • COLORlovers COPASO
      • For the Record: Adobe Kuler vs. COLOURlovers
    • Kuler
    • Color Scheme Designer (Paletton.com)
  • Fontreach
  • Colorzilla
  • Brands, Unevolved Brands
  • Which Color Button Converts Best? Here's What Research Shows
  • Color That Site!
     
•    You Might find this interesting:
  • The Best Interview Question for Hiring UX Designers [or pretty much anyone].

 

Due Monday, Feb. 25:

• Take notes in your notebook as you continue working through the HTML(5) Tutorials at W3Schools.com
  • Be sure to experiment each time you see a Try it Yourself  button.
  • If there is a "Test Yourself With Exercises" section, be sure you thoroughly understand each exercise.
  • Go through the following chapters:
    • HTML Elements
    • HTML Attributes
    • HTML Headings
    • HTML Paragraphs
       
• Watch the video at "How A Screen Reader User Accesses The Web: A Smashing Video" from 3:00 to 22:18.  Feel free to watch more... it's fascinating.  Then read the article.
   
• Continue to work on revising your Content Strategy paper.  You might find this useful:
  • Niche Market
     
•  You might find this interesting:
  • The Legal Picture for Web Accessibility in 2019

Due Thursday, Feb. 21:

• Take notes in your notebook as you work through the following HTML(5) Tutorials at W3Schools.com
  • Click on Next Chapter to get from one chapter to the next.
  • Be sure to experiment each time you see a Try it Yourself  button.
  • Go through the following chapters:
    • HTML Introduction (Review)
    • HTML Editors (Skip)
    • HTML Basic Examples (Experiment with all the Try it Yourself opportunities. For example, add a link to CuttingEdgeCourse.com)

Due Thursday, Feb. 14:

•  Links for class:
  • Want to Work at the Ad World's Most Coveted Agency?
     

Due Monday, Feb. 11:

• Refine your Content Strategy paper (see Feb. 7 below)
  • Be sure to identify (in pencil or using end notes) exactly where in your paper you have answered each of the seven "the why" questions and the three research tasks. See My Content Strategy for an example.
  • Be sure to give enough detail about your audience that you can "get inside their head", so that you know how to talk to them, so that you know what will resonate and what won't.  See https://www.crazyegg.com/blog/3-psychographic-gems/ .
     
•  Links for class:
  • How Your Site Speed Could Be Slowing Your Business Growth
  • Digital Images
    
    • Bitmap vs Vector Graphics
    • Pixel
      • The Million Dollar Homepage
      • Pixactly
    • Bit depth
    • Dithering
    • When to Use JPEG, GIF & PNG
       
    • Voice frequency on the phone
    • Online Tone Generator
    • Spectrum Analyzer
    • The Truth About Vinyl - Vinyl vs. Digital
       
    • DIGITAL IMAGE INTERPOLATION
    • Geometric Transformation of Digital Images
    • Fireworks --> Edit --> Preferences --> Interpolation
    • image-rendering: pixelated
    • image-rendering on W3C
       
    • Bitmap Font
    • The ASCII Code
    • Unraveling the JPEG
    • Image Spam
       
    • Responsive Web Design - Images

Due Thursday, Feb. 7:

• NOT YET - AFTER YOU GET A GRADE ON YOUR PAPER, begin working on a paper to transform your answers to the "why" and "research" questions (in the paper you wrote for last class) into a narrative.  Something like My Content Strategy.

Due Monday, Feb. 4:

• Read Sections 1 & 2 in How to Make a Better Website: A 6-step Designer-developer's Guide by Jake Cooper.   Take notes in your notebook.  Bring any questions to class.
• Write a short paper (1-3 pages) to address:
  • The seven "the why" questions listed under 1. Define your goals
  • The three research tasks under 2. Do your research
  • You'll have to keep redoing this paper till you get it right, so you might as well put in the time to do it really well the first time.  Feel free to stop in for help or to have me take a look at it.

Due Thursday, Jan. 31:

•  Links for class:
  • Zeno's Paradox of the Tortoise and Achilles
     
  • Jobs-to-Be-Done - Prof. Clayton Christensen (0:7:55)
  • My Content Strategy
  • What You Want To Say Vs. What People Need To Hear
  • Why Your Portfolio's Not Getting You The Job You Want
  • Improving Design With Critique
     
  • Analog Dish   Digital Dish
  • Analog Cell Phone
  • Analog TV
     
  • How Analog-to-Digital Converter (ADC) Works
  • Digital Images
    • Bitmap vs. Vector Graphics
    • Bitmap Font
    • Pixel
      • The Million Dollar Homepage
      • Pixactly
    • Bit depth
    • Dithering
    • Image Spam
    • When to Use JPEG, GIF & PNG

Due Monday, Jan. 28:

• Read Sending a Message That You Don’t Care. 
• Watch:
  •  Phone Etiquette in Meetings  (6 min).
  • The Esquire Guy: Stop Using Your Phones During Meetings (2 Min.)
  • Why You Shouldn't Bring Your Phone To Meetings (4 Min.)
     
• Go through these slides on how to Select a topic for your Web site
• Select a topic for your Web site
   
• Watch A Quick Introduction to Binary.
   
•   Links for class:
  • Need To Know?
     
  • Medieval Fonts (5th to the 15th century)
  • Rembrandt (1606 - 1669)
    • The Night Watch (1642)
  • Ana Tzarev (1937 - ) 
    • Gallery (24 W 57th St Manhattan, NY )
    • ArtNet
    • Thistle
  • Shakespeare (1564 - 1616)
    • Henry V (play) (1599)
  • Sheet Music (2000 BC, 600 BC, 15th Century)
    • Pachelbel's (1653 - 1706) Canon in D piano and violin sheet music - Video Score
       
  • The Limitations Of Marketing To Persuade  
  • Historical yearly trends in the usage of content management systems for websites
     
•    You might enjoy this:
  • Even in 2019, People Believe Too Many Tech Myths