Week 23 Vocab and Terminology

Class hours: 9:40am – 2:05pm
Mr. Cronin
Mr. Moore

Quizzes on Friday morning.  15% of your grade are the quizzes, typically 9 new, 1 review, and 1 extra credit question from our weekly articles.

Quizzes not only help determine grade, but also help show me who is ready for design competitions and sitting for our certification exams.

QUIZLET FOR THE QUIZ WE NEED A 90 AHHH!


 

Sat / act prep

  • Disdain – lack of respect accompanied by a feeling of intense dislike.  “The disdain she felt for her little brother when he broke her phone was strong.” 
  • Divergent – tending to move apart in different directions.  “The substitute teacher was divergent and went on a number of tangents about random storylines.”  
  • Empathy – understanding and entering into another’s feelings. “Her best friend showed empathy when she got divorced, as she had gone through the same situation 2 years ago.”  

Illustrator

  • The Variable Width Tool in illustrator allows you to vary the width of a stroke / fill / shape in your Illustrator file.  While I am very pro-Photoshop if you need to vector work and don’t have Illustrator, the variable width tool is one of those tools that shows why Illustrator is the industry standard illustration tool.

Web Design / Dev

  • CSS Stands for Cascade Style Sheet.  The idea of using a CSS file (.css) is to write all style information in a single document.
  • CSS rules are setup with a Selector {Property:Value} model.

  • The Selector is the html component you wish to style.  Some example selectors include:
    • body (as above)
    • h1
    • a
  • The Property is the element of the selector you wish to style.  Some example properties include:
    • color (as above – will change all text color in the body of a .html document)
    • background
    • font-family
  • The Value is the final component, the specific information to use.  Some example values include:
    • #333333 (as above – a color in the Hexadecimal notation)
    • Comic Sans MS
    • 25px
  • To link to a .css file use the link tag: <link href=”linkToStylesheet” rel=”stylesheet”>.  It goes in the head of the document.
  • Some example css properties we used include:
    • color – text color
    • background – background color or image (if you use url())
    • font-family
    • margin
    • padding
    • etc
  • For best practice Web Dev and Design we are going organize our assets as best we can.  I expect to see:
    • images” folders for all images.  Keep plural, and keep lowercase for consistency.
    • “css” folder for your cascading stylesheet(s).
    • Other assets such as “js” or “script” folders as needed.
  • We can use extensions such as the Web Developer Toolbar extension (available for Chrome, Firefox, etc) to help us write, analyze, and debug code.
  • We use the underlying Google Chrome Browser tools (most browsers have them) to Inspect Elements in the file, explore, and tinker with code.
  • Google Fonts are high-quality fonts which we as Web Designers can link to from our own work.  As the fonts are online, and Google has servers around the world, they load relatively quickly.  This solves the problem we encounter when:
    • We use the Futura font – but if you aren’t on a Mac there isn’t Futura.
    • We use the Comic Sans MS font – but if you aren’t on a Windows box there isn’t Comic Sans.
    • etc
  • The World Wide Web Consortium (W3C) is an international standards organization which shapes the future of the web, determines what goes into html, css, etc.
  • By validating our code against the specs by the World Wide Web Consortium (W3C) we ensure that our code:
    • Is following best practice coding practice.
    • Will run as intended on all devices.
    • Will not have indirect problems when hooking up to external references such as Cascading Style Sheets or Javascript files.
    • etc

 

 
 
Copyright © 2004 - 17 cawd by Steven Herr. All rights reserved.