WDS 04: Forms and Markup + CSS intro 09/19/17

INTRO:
Read: Chapter 7 and 8.
Complete Code review for 7 and 8
Following the Table Demo: Create a table with mounted image and put text on top of the images in HTML. Present in class
Tables: background attribute

REVIEW:
7. Forms – Practice formatting.
Code review for 7
Adding PHP and functionality.
Example
Download the code

8. Extra Markup
Code review for 8.
Review types of HTML
ID and Class, Declaration or “Doctypes”
Comments are useful.
Be very clear on Block and Inline elements
iframes are everywhere.
Meta basics – Here are EXAMPLES
Meta from Google
Meta today
Special Characters, Escape
Ch8, Summary

INTRO TO CSS:
CSS in Action!
CSS Intro
CSS parts

Studio 04: HTML + Intro to CSS
Read: 10.
Complete Code review for 10
HTML/CSS: Use the META tag to refresh and redirect

PFC 03: Functions & Variables

FROM LAST WEEK:
Try a “Hello World!” program in Javascript
Try a Hello World! program in Unity (look it up and demo next week)
Try Calling a function in JavaScript
Try calling a function in Unity (look up and Demo next week)

I assigned starter tutorials:
UNITY: Make sure you know how to move around the editor, pan the Scene view, etc.

Make Up times:
Thursday Morning 09/21. Next Week – Tuesday Morning, Wednesday after noon.

For next Class:
Variables and Functions
Syntax

PFC 02: Programming pt. 2, Unity


This Class is now also on Digication

Is HTML/CSS programming?
The first published Program by Ada Lovelace
When Hardware was King
DE gears: Analog Computing
Mechanical Counters
Measure Distance
Differential Analyzer and other Analog Computers
Analog Computing is deadly
Konrad Zuse
What he used for storage
Enter ENIAC
Before ENIAC, but Classified
The role of women in Programming

Hello World! – JS example
How about calling a function?
How would you do that in Unity?

ASSIGNMENT:
Try a “Hello World!” program in Javascript
Try a Hello World! program in Unity (look it up and demo next week)
Try Calling a function in JavaScript
Try calling a function in unity (look up and Demo next week)
What built-in functions are included in Unity’s API? (Research)
Read Unity Documentation
Review and complete this scripting tutorial (Unity)

DH 02: The Human Spark 09/06/17

Primitive to say the least…
VIDEO: Tools, v2.0
READ: Old Caves
READ/LISTEN: NPR – Oldest painters
VIDEO(2):Lascaux is Art
READ: Beads
READ: Cave Jottings – Writing on the wall
Petro
READ(3): A very Foxy Gene
Pictures to Pictographs.
“A” for the bulls
I have an idea
More abstract
Egyptian pictures = history
Gimme some of that Vinca
Proto-Sinaitic script = Alphabet?
And that is just the start, folks. Hebrew, Arabic, Greek, and our very own Roman alphabet
BREAK:
VIDEO: Watch the following Documentary

ASSIGNMENT:
VIDEO: Cave of Forgotten Dreams by Werner Herzog
DESN200-MinorProject

WDS 03: HTML – Semantics to Tables 09/12/17

INTRO:
Read Chapter 1,2
Code Work: Review 1, 2 – Practice (create several HTML files)
Try the W3 HTML Tutorial
Create a splash page for your web site (use anything you want) with an image and a link. Example?

Read: 4, 5, and 6.
HTML: Try out all the code samples: 4, and 5 and 6. I want to see tables in particular.

How to organize your HW

READING REVIEW:
Talk about Version Control
HTML is a hierarchy.
Attributes
HTML Summary
All the tags
HTML Summary 2
Good resource
Looking Ahead:
Links
– HTML link attributes
– Ch4 – Examples,
HTML is depends on file paths pg. 11
Path demo. Should end up at this LINK. You can also download the files
E-mail link magic
Images
Tables
– Tables: Basic
– Tables: Colspan, Rowspan
Table: Photoshop Demo
HTML and the background image
Tables: background attribute

Studio 03: HTML Tables
Read: Chapter 7 and 8.
Complete Code review for 7 and 8
Following the Table Demo: Create a table with mounted image and put text on top of the images in HTML

DH 01: Introduction 08/30/17

Intro:
Are you a designer?
AUDIO/READ: Animal design or sheer luck?
VIDEO: Kanzi – What about designing tools?
READ: The missing link?
Makers?
READ: The hand Ax
READ: I give you, Fire!
Not that easy
Before clothes…
Modern art
Narrative and virtual space
All over the place
And by Design…

ASSIGNMENT:
AUDIO/READ: Animal design or sheer luck?
VIDEO: Kanzi – What about designing tools?
READ: The missing link?
READ: The hand Ax
READ: I give you, Fire!