Week 28 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.

Sarah Lewis made us a Quizlette.

sat / act prep

  • Emulate – strive to equal or match, especially by imitating.  “We all should emulate Mr. Cronin.  He is amazing at most everything, specifically Mario Strikers.” 
  • Enervating – causing weakness or debilitation.  “Mr. Cronin’s abilities in Mario Strikers only caused to enervate the will of the other players”.  
  • Ephemeral – anything short-lived, as an insect that lives only for a day.   “The hopes of the challengers to Mr. Cronin’s reign in Mario Strikers had ephemeral existence.”  

Web Dev

  • Floats allow design elements to be positioned around the screen “left” or “right” in relation to other content.  Floated content by default will have surrounding content wrap around it.
  • In order for floated content to function, you must:
    • Give a specific width
    • Use the “float” property with a value of left or right
  • Tables are used in Web Design for displays of tabular data.  Statistics, such as the effects of global warming on Vermont’s yearly snowfall are an appropriate use of tables.
  • Tables were once improperly used in Web Design to design entire layouts.  This is considered wrong today for a number of reasons:
    • Search Engines have a hard time accessing all the different cells of a table, and determining what is relevant information, what is important information, etc.
    • Tables by design are an interconnected grid and do not respond well to different display sizes.
    • Tables are difficult for assistive technologies (such as screen readers for the blind) to navigate.
    • In short – only use tables for tabular data.  
  • <table> and </table> are the tags top open and close a table.  (Did you really need to write this Mr. Cronin?)
  • <tr> and </tr> open up the table rows which go left to right.  These placeholder tags do not hold any specific data.  The specific table data goes in…
  • <th< and </th>‘s for “table header” cells.  These typically go at the top of a table to label data.  The font is both centered, and has a heavier weight.
  • <td> and </td>‘s for basic “table data” cells.  The data itself lives in these basic containers.
  • ID’s in html5 / css3 can only be used once in a valid html5 page.  ID’s in css are defined with a leading hashtag #.  So the selector in your css to style the main id would be “#main”.
  • Classes in html5 / css3 can be used as many times as you want on a page.  Classes in css are defined with a leading period .  So the selector in your css to style the main class would be “.main”.
  • Forms are a way for web designers to create interaction between the server and the user.
  • The input type of “text” is for short lines of text, such as a “to” field in an email.  They are coded with <input type=”text” name=”inputTextName” id=”inputTypeNane”>
  • Textareas are the input type for longer text inputs, such as a paragraph or body of an email.  They are coded with <textarea name=”textAreaName” id=”textAreaName”></textarea>  Notice the </textarea> at the end, this is different.
  • A button, a clickable input, is created with the <input type=”button” value=”buttonText” id=”buttonName” name=”buttonName”>.  Clickable items freequently drive functionality on the web.
  • Names and ID’s on form elements help connect the form inputs to both css and javascript.  These “hooks”, or ways to connect data together, gives Web Designers and Developers the ability to style and use the data any way we wish.
 
 
Copyright © 2004 - 17 cawd by Steven Herr. All rights reserved.